码迷,mamicode.com
首页 > Web开发 > 详细

模板引擎ejs详解

时间:2017-12-19 19:45:33      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:pos   oct   gas   var   code   body   ble   end   charset   

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 %>
<% } %>

模板引擎ejs详解

标签:pos   oct   gas   var   code   body   ble   end   charset   

原文地址:http://www.cnblogs.com/n2meetu/p/8066195.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!