后端渲染页面

渲染引擎:

  • jade / ejs / ….
  • arttemplate underscore baiduTemplate mustach …….
  1. 新建views文件
  2. 在views中写jade/ejs文件

jade中间件(模板引擎)

jade文件书写方式(如图 1-1)

  • 父子元素要缩进
  • 属性用括号
  • 样式 li(style={background:’red’,width:’200px’})
    图 1-1

jade API

let jade = require(‘jade’);//引擎

  1. let str = jade.reder(‘html’); //str为 <html></html>
  2. let str1 = jade.renderFile(‘jade模板’,{pretty:true});
    参数1:jade模板位置
    参数2:输出的html是有格式的

ejs中间件(模板引擎)

ejs API

let ejs = require(‘ejs’);

  1. ejs.render(str);
  2. ejs.renderFile(‘ejs模板’,{数据},(err,data)=>{});

ejs模板语法

ejs结构就是html
输出:<%= 数据名|变量名 %>
语句:<% for(){ %>..some code.. <% } %>
非转义输出:<%- 数据名|变量名 %>
引入模板:<% include 被引入的模板地址 %> //地址不需加引号


consolidate中间件

  1. 用途
    管理多个模板引擎

consolidate API

  1. 输出类型设置
    server.set(‘view.engine’,’[html/css/javascript]’);
  2. 模板引擎目录设置
    server.set(‘views’,’引擎模板目录’);
  3. 输出与引擎匹配
    server.engine(‘html’,consoleidate.ejs);
    server.engine(‘css’,consoleidate.jade);
  4. 渲染API
    server.use(‘/‘,(req,res,next)=>{
    res.render(‘模板文件(加后缀),{数据},(err,data)=>{});//参数3可
    })
文章目录
  1. 1. jade中间件(模板引擎)
    1. 1.1. jade API
  2. 2. ejs中间件(模板引擎)
    1. 2.1. ejs API
    2. 2.2. ejs模板语法
  3. 3. consolidate中间件
    1. 3.1. consolidate API
|