Nodejs express框架一个工程中同时使用ejs模版和jade模版


Posted in NodeJs onDecember 28, 2015

在某些项目中,比如你接手了一个别人的项目然后你不想用蛋疼的ejs,或者你不想用蛋疼的jade。你有不想重写之前的页面,那么你现在可能需要新引入ejs或者jade模块,你仅仅需要做下面两步也许就能完成使用两个模版的工作

1.consolidate.js

cd 到项目目录:

npm install consolidate --save

打开项目的app.js(也许你的叫其他名字)

把app.js的形如下面的代码片段

app.set('view engine', 'jade');

改为

var engines = require('consolidate');
app.engine('jade', engines.jade);
app.engine('html', engines.ejs);
// or use these
// app.engine('jade', require('jade').__express);
// app.engine('html', require('ejs').renderFile);
app.set('view engine', 'jade');

重启工程就可以了

2.一点问题

在我的一个项目A里我实际用到的代码是

var engines = require('consolidate');
app.engine('jade', engines.jade);
app.engine('html', engines.ejs);
// app.engine('jade', require('jade').__express);
// app.engine('html', require('ejs').renderFile);
app.set('view engine', 'jade');
//多出以下一行
app.set('view engine', 'html');

这种写法在项目A里可以使用,但在另一个项目B里发现解析不了jade模板

而在项目B中只能使用

var engines = require('consolidate');
app.engine('jade', engines.jade);
app.engine('html', engines.ejs);
app.set('view engine', 'jade');
//或者
//app.engine('jade', require('jade').__express);
//app.engine('html', require('ejs').renderFile);
//app.set('view engine', 'jade');

Express框架中如何引用ejs模板引擎

 1.如何在项目中安装ejs模板引擎

在NodeJS指南中利用利用以下命令建立网站的基本结构:

express -t ejs microblog

运行这个命令后继续运行

cd microblog && npm install(安装项目的依赖属性),发现安装的模板引擎是jade,而不是ejs。原因是现在的版本已经没有-t这个命令了,改为

express -e microblog

运行完这个命令,继续运行cd microblog && npm install,ejs模板引擎就安装好了

但是express3以上的版本把layout默认给取消了,所以现在在views文件夹下并没有生成layout.ejs。

2.安装了ejs后,如何使用ejs的layout模板

安装express-partials

在cmd中切换到项目目录,运行npm install express-partials或者

在 package.json 里面的 dependencies 添加 "express-partials": "*"。然后在项目目录下运行 npm install 。

然后在app.js 里面引用 express-partials,引用方法:

1.添加引用 var partials = require('express-partials');

2.在 app.set('view engine', 'ejs'); 下面添加 app.use(partials());

在需要引用模板的地方调用 layout:'模版名称' 示例

app.get('/reg', function (req, res) {
res.render('reg', {
title: '用户注册',
layout: 'template'
}); 
});

Nodejs express框架一个工程中同时使用ejs模版和jade模版

Nodejs express框架一个工程中同时使用ejs模版和jade模版

以上内容给大家介绍了Nodejs express框架一个工程中同时使用ejs模版和jade模版,希望大家喜欢。

NodeJs 相关文章推荐
Nodejs为什么选择javascript为载体语言
Jan 13 NodeJs
nodejs 整合kindEditor实现图片上传
Feb 03 NodeJs
nodejs实现HTTPS发起POST请求
Apr 23 NodeJs
初探nodeJS
Jan 24 NodeJs
nodejs读写json文件的简单方法(必看)
Mar 09 NodeJs
nodejs动态创建二维码的方法
Aug 12 NodeJs
nodejs的路径问题的解决
Jun 30 NodeJs
PHPStorm中如何对nodejs项目进行单元测试详解
Feb 28 NodeJs
nodejs微信开发之接入指南
Mar 17 NodeJs
Nodejs异步流程框架async的方法
Jun 07 NodeJs
Nodejs libuv运行原理详解
Aug 21 NodeJs
nodejs环境使用Typeorm连接查询Oracle数据
Dec 05 NodeJs
深入浅析NodeJs并发异步的回调处理
Dec 21 #NodeJs
基于nodejs+express(4.x+)实现文件上传功能
Nov 23 #NodeJs
Nodejs Express4.x开发框架随手笔记
Nov 23 #NodeJs
Nodejs的express使用教程
Nov 23 #NodeJs
nodejs初步体验篇
Nov 23 #NodeJs
Nodejs初级阶段之express
Nov 23 #NodeJs
基于html5和nodejs相结合实现websocket即使通讯
Nov 19 #NodeJs
You might like
使用PHP制作新闻系统的思路
2006/10/09 PHP
header()函数使用说明
2006/11/23 PHP
PHP使用JSON和将json还原成数组
2015/02/12 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
jQuery带箭头提示框tooltips插件集锦
2014/11/17 Javascript
jquery实现弹出层登录和全屏层注册特效
2015/08/28 Javascript
Bootstrap多级导航栏(级联导航)的实现代码
2016/03/08 Javascript
浅析JavaScript中var that=this
2017/02/17 Javascript
整理关于Bootstrap警示框的慕课笔记
2017/03/29 Javascript
bootstrap paginator分页前后台用法示例
2017/06/17 Javascript
浅谈ECMAScript6新特性之let、const
2017/08/02 Javascript
简单的Vue SSR的示例代码
2018/01/12 Javascript
vue-cli3.0 环境变量与模式配置方法
2018/11/08 Javascript
使用js实现单链解决前端队列问题的方法
2020/02/03 Javascript
纯JS实现五子棋游戏
2020/05/28 Javascript
[00:39]DOTA2上海特级锦标赛 Liquid战队宣传片
2016/03/04 DOTA
Python迭代用法实例教程
2014/09/08 Python
Linux下使用python调用top命令获得CPU利用率
2015/03/10 Python
使用Python的PEAK来适配协议的教程
2015/04/14 Python
python基于右递归解决八皇后问题的方法
2015/05/25 Python
Python爬取附近餐馆信息代码示例
2017/12/09 Python
Python多进程并发与多线程并发编程实例总结
2018/02/08 Python
Python3中的bytes和str类型详解
2019/05/02 Python
python求最大值,不使用内置函数的实现方法
2019/07/09 Python
Python selenium爬取微信公众号文章代码详解
2020/08/12 Python
举例详解CSS3中的Transition
2015/07/15 HTML / CSS
实习生单位鉴定意见
2013/12/04 职场文书
车辆安全检查制度
2014/01/12 职场文书
道路交通安全实施方案
2014/03/12 职场文书
《美丽的丹顶鹤》教学反思
2014/04/22 职场文书
庆七一活动总结
2014/08/27 职场文书
农村党支部书记司法四风问题对照检查材料
2014/09/26 职场文书
县政府领导班子四风问题对照检查材料思想汇报
2014/09/26 职场文书
超市工作总结范文2014
2014/12/19 职场文书
装饰施工员岗位职责
2015/04/11 职场文书
分享几种python 变量合并方法
2022/03/20 Python