美文网首页
(四)express使用ejs

(四)express使用ejs

作者: 前端来入坑 | 来源:发表于2019-10-03 17:42 被阅读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

相关文章

网友评论

      本文标题:(四)express使用ejs

      本文链接:https://www.haomeiwen.com/subject/sgwdpctx.html