jade高级语法、ejs模板库、express框架整合

一，jade实例

doctype
html
	head
		meta(charset="utf-8")
		title jade测试
		style.
			div{
				width:100px;
				height:100px;
				background:#ccc;
				margin:20px;
				float:left;
				color:#fff;
				text-align:center;
				line-height:100px;
			}
			div.last{
				clear:left;
			}
	body
		-var a=0
		while a<12
			if a%4==0 && a!=0
				div.last=a++
			else
				div=a++

const jade =require('jade');
const fs = require('fs');

var str = jade.renderFile('www/2.jade',{pretty:true});

fs.writeFile('./www/main.html', str, function(err){
    if(err){
    	console.log('编译错误');
    }else{
    	console.log('成功');
    }
});

二，ejs <%=name%>

	<% for(var i=0;i<json.arr.length;i++){ %>
	<div>用户名：<%=json.arr[0].user%><span>密码：<%=json.arr[i].pass%></span></div>
	<% } %>
	<div><%=name%></div>

const ejs = require('ejs');
ejs.renderFile('www/1.ejs',{json:{arr:[
	{user:'aa',pass:'111'},
	{user:'bb',pass:'222'},
	{user:'cc',pass:'333'},
	]},name:'wangni'},
	function(err,data){
	if(err){
		console.log('编译错误');
	}else{
		console.log(data)
	}
})