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

 更新时间:2015年12月28日 13:46:01   作者:GabrielChenCN  
这篇文章主要介绍了Nodejs express框架一个工程中同时使用ejs模版和jade模版 的相关资料,需要的朋友可以参考下

在某些项目中,比如你接手了一个别人的项目然后你不想用蛋疼的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 Docker镜像体积优化实践详解

    Nodejs Docker镜像体积优化实践详解

    这篇文章主要为大家介绍了Nodejs Docker镜像体积优化实践示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • Node.js操作mysql数据库增删改查

    Node.js操作mysql数据库增删改查

    这篇文章主要介绍使用Node.js操作mysql数据库增删改查的相关资料,需要的朋友可以参考下
    2016-03-03
  • nodejs+express实现文件上传下载管理网站

    nodejs+express实现文件上传下载管理网站

    这篇文章主要为大家详细介绍了nodejs+express实现文件上传下载管理的网站,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • Node.js中常规的文件操作总结

    Node.js中常规的文件操作总结

    关于Node.js中文件的常规操作,主要的就是fs这个模块。对于node.js中fs模块提供的API很多,但是其所有的方法均有同步和异步的形式。那么下面这篇文章我们就来详细介绍下关于Node.js中文件的常规操作,有需要的朋友们可以参考借鉴。
    2016-10-10
  • node实现socket链接与GPRS进行通信的方法

    node实现socket链接与GPRS进行通信的方法

    这篇文章主要介绍了node实现socket链接与GPRS进行通信的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • Nodejs极简入门教程(一):模块机制

    Nodejs极简入门教程(一):模块机制

    这篇文章主要介绍了Nodejs极简入门教程(一):模块机制,本文讲解了模块基础知识、模块的加载、包等内容,需要的朋友可以参考下
    2014-10-10
  • node.js报错:Cannot find module ''ejs''的解决办法

    node.js报错:Cannot find module ''ejs''的解决办法

    最近发现了node.js居然报错了,错误提示为:Cannot find module 'ejs',后来找了找资料发现解决的方法其实很简单,下面通过这篇文章来一起看看吧,希望对同样遇到这个问题的朋友们能有所帮助。
    2016-12-12
  • 从零开始学习Node.js系列教程三:图片上传和显示方法示例

    从零开始学习Node.js系列教程三:图片上传和显示方法示例

    这篇文章主要介绍了Node.js图片上传和显示方法,结合实例形式分析了nodejs基于http传输图片文件及显示图片的相关实现步骤与操作技巧,需要的朋友可以参考下
    2017-04-04
  • 新手必须知的Node.js 4个JavaScript基本概念

    新手必须知的Node.js 4个JavaScript基本概念

    本文介绍了4个基本JavaScript概念,它是你学习node.js所必需要掌握,下面就让我们来看一下具体是哪4个基本JavaScript概念
    2018-09-09
  • Nodejs学习笔记之入门篇

    Nodejs学习笔记之入门篇

    本系列教程致力于教会你如何用Node.js来开发应用,过程中会传授你所有所需的“高级”JavaScript知识。绝不是一篇“Hello World”的教程。
    2015-04-04

最新评论