Express框架中ejs的安装使用

Express 中 ejs 的安装

npm install ejs --save  
或者:  
npm install ejs --save-dev 

Express 中 ejs 的使用

var express = require("express");  
    var app = express();  
    app.set("view engine","ejs");  
    app.get("/",function(req,res){     
    res.render("news",
        {       
            "news" : ["我是小新闻啊","我也是啊","哈哈哈哈"]     
        }); 
    });  
    app.listen(3000); 

指定模板位置 ,默认模板位置在 views :

app.set('views', __dirname + '/views');   

Ejs 引入模板 :

<%- include header.ejs %>  

Ejs 绑定数据:

<%=data%> 

Ejs 绑定 html 数据 :

<%-data%>

Ejs 模板判断语句 :

<% if(true){ %>  
     
true
<%} else{ %>
false
<%} %>

Ejs 模板中循环数据 :

<%for(var i=0;i 
    
  • <%=list[i] %>
  • <%}%>

    Ejs 后缀修改为 Html :

    这是一个小技巧,看着.ejs 的后缀总觉得不爽,使用如下方法,可以将模板文件的后缀换成我们习惯的.html。  
    
    1.在 app.js 的头上定义 ejs:,代码如下:  
    var ejs = require('ejs');   
    
    2.注册 html 模板引擎代码如下:  
    app.engine('html',ejs.__express);  
    
    3.将模板引擎换成 html代码如下:  
    app.set('view engine', 'html');  
    
    4.修改模板文件的后缀为.html。 
    

    你可能感兴趣的:(Node.js,Express)