node模板引擎结合体consolidate.js
node模板引擎结合体consolidate.js是一个模板引擎的结合体。包括了常用的jade和ejs,通过配置我们就可以使用多种模板引擎。在node环境下用npm install consolidate命令安装consolidate.js使用起来也不难。

一、GitHub地址:https://github.com/tj/consolidate.js
二、consolidate.js安装:npm install consolidate
三、consolidate.js使用
//引入
const consolidate = require("consolidate")
//输出什么东西
server.set("view engine","html");//set() 全局的配置修改整个server
//模板文件放在哪
server.set("views","./views");
//使用具体那模板引擎
server.engine("html",consolidate.ejs);四、举例,我们要完成下面的两个需求:
A.当用户访问/index的时候就显示index.html页面
B.当用户访问/admin的时候就显示admin.html页面
代码实现:
1.两个ejs文件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> index </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> admin </body> </html>
2.js文件
const server = require('express')();
const consolidate = require('consolidate');
// 将html设置为默认扩展
server.set('view engine' , 'html');
// 指定模版文件位置,这边表示的是同级目录
server.set('views' , './');
// 指定将ejs文件渲染成html文件
server.engine('html' , consolidate.ejs);
// 当用户访问/index时,渲染1.ejs,下同
server.get('/index' , (req , res) => {
// render第二个参数可以跟一个json,十分方便
res.render('1.ejs' , {username:'eric'});
});
server.get('/admin' , (req , res) => {
res.render('2.ejs' , {username:'eric'});
});
server.listen(3000); 除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址:https://tangjiusheng.cn/web/qdkf/189.html
原文地址:https://tangjiusheng.cn/web/qdkf/189.html
