web模板jade,ejs,handlebars
Jade模板
!!! html head title #{title} meta(charset="UTF-8") body div.description #{description} ul - each data in datas li.item(id='item_'+data.index) span= data.time a.art(href=data.url)= data.title
ejs模板
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title><%=title%> - Page Test</title>
</head>
<body>
<div class="description"><%=description%></div>
<ul>
<% function data(data) { %>
<li class="item" id="item_<%=data.index%>"><span><%=data.time%></span><a href="<%=data.url%>" class="art"><%=data.title%></a></li>
<% } %>
<% datas.map(data) %>
</ul>
</body>
</html>
handlebars模板
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>{{title}} - Page Test</title>
</head>
<body>
<div class="description">{{description}}</div>
<ul>
{{#datas}}
<li class="item" id="item_{{index}}"><span>{{time}}</span><a href="{{url}}" class="art">{{title}}</a></li>
{{/datas}}
</ul>
</body>
</html>
express中默认安装的是jade模板,想要安装指定的模板,则需要运行命令:express -e xxx(项目名)
jade因为采用了类似zen code的语法,比较新奇,但效率极其低下。对jade,个人不建议,除了效率,另外一个主要原因是可视化太弱,甚至可以说是毫无可视化可言,学习成本高,维护与团队合作成本高,语法过于晦涩、复杂。