nodejs学习-ejs模板引擎

前端nodejs模板引擎

本文总浏览量次

Express使用ejs

1
2
app.set('views',path.join(_dirname,'views'));
app.set('view engine','ejs');

ejs标签系统

<% XXX %>放js

例如ejs官方示例

The Data

1
supplies:['mop','broom','duster']

The Template

1
2
3
4
5
6
7
8
9
10
11
<ul>
    <% for(var i=0;i<supplies.length;i++) {%>
    <li><%= supplies[i] %></li>
    <% } %>
</ul>
The Result
<ul>
    <li>mop</li>
    <li>broom</li>
    <li>duster</li>
</ul>

<%= XXX %>

放需要被替换的html，比如可以用res.render(‘index’,{title:’Express’})来讲页面的<%= title %>替换

<%- XXX %>

可以用include来使用公用布局，在这个模板引入其他模板

index.ejs

1
2
3
<%- include a %>
hi
<%- include b %>

a.ejs

1
a.ejs

b.ejs

1
b.ejs

最后就变成了

1
2
3
a.ejs
hi
b.ejs

本文参考《nodejs》实战

可自由转载、引用，但需署名作者且注明文章出处。