Nodejs + express + ejs

时间：2020-12-04 10:23:24

特性

  • <% %> 用于控制流

  • <%= %> 用于转义的输出 （会对数据字符进行转义）

    // 数据源
    
// app.js

var tem={
    
    title:"我是中间部分",
    
    info:[{Name:"davi", Time:},{name:"bill", Time:},{name:"can", Time:}]
    
};

// index.ejs
    
//  '<%=JSON.stringify(info)%>'
    
[{&#;Name&#;:&#;davi&#;,&#;Time&#;:},{&#;name&#;:&#;bill&#;,&#;Time&#;:},{&#;name&#;:&#;can&#;,&#;Time&#;:},{&#;name&#;:&#;can&#;,&#;Time&#;:}]

  • <%- %> 用于非转义的输出  （数据原本是什么就输出什么）

  • -%> 结束标签用于换行移除模式

  • 带有 <%_ _%> 的控制流使用空白字符移除模式

添加外部js

　　ejs模板中未能直接使用外挂js 方法， 但能够通过nodejs中 app.js 引入，挂载到 全局变量locals中，ejs中直接调用，直接上代码：

// common.js

var Common = {

           timeToDate: function(ts) {

        var Y, M, D, h, m, s;

        var date = new Date(ts);

        Y = date.getFullYear() + '-';

        M = (date.getMonth() +  <  ? '' + (date.getMonth() + ) : date.getMonth() + ) + '-';

        D = (date.getDate() <  ? '' + (date.getDate()) : date.getDate()) + ' ';

        h = (date.getHours() <  ? '' + (date.getHours()) : date.getHours()) + ':';

        m = (date.getMinutes() <  ? '' + (date.getMinutes()) : date.getMinutes()) + ':';

        s = (date.getSeconds() <  ? '' + (date.getSeconds()) : date.getSeconds());

        return (Y + M + D + h + m + s);

    }

};

module.exports = Common;
// nodejs  app.js

var http=require("http");

var express=require("express");

var fs = require("fs");

var bodyParser = require('body-parser');

var Common = require("./publice/common");

var app=express();

var tem={

    title:"我是中间部分",

    info:[{Name:"davi", Time:},{name:"bill", Time:},{name:"can", Time:}]

};

//挂载静态资源处理中间件

//app.locals.Common = Common;

app.use(function(req, res, next){

    res.locals.Common = Common;

    next();

});

............................
// index.ejs

<div>

 <%info.forEach(function (name) { %>

                    <dl class="clear-fix">

                        <dd class="wd150"><%= Common.timeToDate(name.Time)%></dd>

                        <dd class="wd120 alc">50天</dd>

                        <dd class="wd120 alc">￥</dd>

                    </dl>

                    <%})%>

</div>

相关文章