渲染引擎:
- jade / ejs / ….
- arttemplate underscore baiduTemplate mustach …….
- 新建views文件
- 在views中写jade/ejs文件
jade中间件(模板引擎)
jade文件书写方式(如图 1-1)
- 父子元素要缩进
- 属性用括号
- 样式 li(style={background:’red’,width:’200px’})
jade API
let jade = require(‘jade’);//引擎
- let str = jade.reder(‘html’); //str为
<html></html>
- let str1 = jade.renderFile(‘jade模板’,{pretty:true});
参数1:jade模板位置
参数2:输出的html是有格式的
ejs中间件(模板引擎)
ejs API
let ejs = require(‘ejs’);
- ejs.render(str);
- ejs.renderFile(‘ejs模板’,{数据},(err,data)=>{});
ejs模板语法
ejs结构就是html
输出:<%= 数据名|变量名 %>
语句:<% for(){ %>..some code.. <% } %>
非转义输出:<%- 数据名|变量名 %>
引入模板:<% include 被引入的模板地址 %> //地址不需加引号
consolidate中间件
- 用途
管理多个模板引擎
consolidate API
- 输出类型设置
server.set(‘view.engine’,’[html/css/javascript]’); - 模板引擎目录设置
server.set(‘views’,’引擎模板目录’); - 输出与引擎匹配
server.engine(‘html’,consoleidate.ejs);
server.engine(‘css’,consoleidate.jade); - 渲染API
server.use(‘/‘,(req,res,next)=>{
res.render(‘模板文件(加后缀),{数据},(err,data)=>{});//参数3可
})