美文网首页
(四)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