正文
nodejs 模板引擎jade的使用
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
1、test.jade文件
html
head
style
body
div.box
div#div1
div aaa
div(class="aaa left-warp active") div(style="width:200px;height:200px;background:red")
div(style= {width: '200px', height: '200px', background: 'blue'})
div(title= ['aaa', 'left-warp', 'active'])
div(title="aaa",id="div2")
2、jade.js文件
var jade=require('jade');
var http = require('http');
var str=jade.renderFile('test.jade',{pretty:true});
//创建服务
http.createServer(function(req,res){
res.writeHeader(200, {'Content-Type':'text/html;charset:utf-8'});
res.write('<head><meta charset="utf-8"/></head>');
res.write(str);
res.end('<p>渲染结束</p>');
}).listen(8888,"localhost",function () {
console.log("open server at port:8888...");
});
3、浏览器直接访问8888端口即可展示页面