(四)express使用ejs

2019-10-03  本文已影响0人  前端来入坑

对于jade不熟悉,用起来很费劲,怎么办呢?那就直接使用ejs类似html,首先

npm i ejs --s

app.js引入ejs并使用ejs

var ejs = require('ejs');
image.png

然后在views文件夹下面新建index.html文件写上

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>mytest</title>
</head>
<body>
    <!-- ejs 写在<%= %>里面变量 -->
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
    <ul>
      <% for(var i=0;i<3;i++){ %>
      <li><%= test[i].user %><%= test[i].sex %><%= test[i].age %></li>
      <% } %>
    </ul>
</body>
</html>

用forEach也可以

    <ul>
      <% test.forEach(function(val){ %>
      <li><%= val.user %><%= val.sex %><%= val.age %></li>
      <% }); %>
    </ul>

渲染出来的效果跟之前一样

image.png
上一篇 下一篇

猜你喜欢

热点阅读