zoukankan      html  css  js  c++  java
  • 模板引擎ejs详解

    singsingasong.js:

    const ejs=require('ejs');
    
    ejs.renderFile('./views/singsingasong.ejs', {'name':'singsingasong',json: {arr: [
      {user: 'blue', pass: '123456'},
      {user: 'zhangsan', pass: '654321'},
      {user: 'xiaoming', pass: '999999'},
    ]}}, function (err, data){
      console.log(data);
    });
    

    singsingasong.ejs :

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
        <title>zhagnwen's ejs-测试</title>
    </head>
    <body>
        <div>
            <%= name %>
            <%= json.arr[0].user%>
            <%= json.arr[0].pass%>
            <%= 13 %> + <%= 4 %>
    
            <!-- 等号 是转意输出,减号 不转意输出 -->
            <% var str="<div class=‘div1’></div>" %>
            <%-str %>
            <!-- 引用 a.txt文件 -->
            <% include ../a.txt %>
    
            <%for(var i=0;i<5;i++){%>
                <% include ../a.txt %>      //引入外部文件时注意层级‘../’
                <% } %>
            }
        </div>
    </body>
    </html>
    

    知识点:

    如果用到include,必须把它单独标记出来.因为它是ejs自带的,不是js的:

    <% if(type=='admin'){ %>
    <% include ../style/admin.css %>
    <%}else{%>
    <% include ../style/user.css %>
    <% } %>
    
  • 相关阅读:
    第10组 Beta冲刺 (3/5)
    第10组 Beta冲刺 (2/5)
    第10组 Beta冲刺 (1/5)
    软工实践个人总结
    第03组 每周小结(3/3)
    第03组 每周小结(2/3)
    第03组 每周小结(1/3)
    第03组 Beta冲刺 总结
    第03组 Beta冲刺 (5/5)
    第03组 Beta冲刺 (4/5)
  • 原文地址:https://www.cnblogs.com/n2meetu/p/8066195.html
Copyright © 2011-2022 走看看