web模板jade,ejs,handlebars

最新推荐文章于 2024-06-05 09:49:13 发布

weixin_30906425

最新推荐文章于 2024-06-05 09:49:13 发布

阅读量111

点赞数

原文链接：http://www.cnblogs.com/joyho/articles/3121258.html

版权

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，个人不建议，除了效率，另外一个主要原因是可视化太弱，甚至可以说是毫无可视化可言，学习成本高，维护与团队合作成本高，语法过于晦涩、复杂。

转载于:https://www.cnblogs.com/joyho/articles/3121258.html

weixin_30906425

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web模板jade,ejs,handlebars

Jade模板!!!html head title #{title} meta(charset="UTF-8") body div.description #{description} ul - each data in datas li...
复制链接

扫一扫