模板引擎:
jade -破坏式、侵入式,强依赖;用了之后不能随便用别的引擎
ejs - 温和、非侵入时、弱依赖
jade使用
const jade = require('jade'); var str = jade.renderFile('./views/8.jade', { pretty: true, //美化 调试时使用 }); console.log(str);
ejs使用
const ejs=require('ejs'); ejs.renderFile('./views/1.ejs', {name: 'blue'}, function (err, data){ if(err) console.log('编译失败'); else console.log(data); });
jade语法:
自动识别单标签
实例:
属性
script(src="a.js") link(href="a.css",rel="stylesheet")
input(type="text",id="txt1",value="abc")
div&attributes({title: 'aaa', id: 'div1'})
标签内部值
a(href="http://www.baidu.com/") 百度
样式
div(style="200px;height:200px;background:red")
div(style= { '200px', height: '200px', background: 'red'})
div(class="aaa left-warp active")
div(class= ['aaa', 'left-warp', 'active'])
div.box
div#div1