nodeJs学习-08 模板引擎 jade、ejs

模板引擎

  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="width:200px;height:200px;background:red")
div(style= {width: '200px', height: '200px', background: 'red'})
div(class="aaa left-warp active")
div(class= ['aaa', 'left-warp', 'active'])
div.box
div#div1


猜你喜欢

转载自www.cnblogs.com/LChenglong/p/11778201.html