nodeJs学习-09 模板引擎 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