Nodejs之模板ejs

时间 2019-11-22

标签 nodejs 模板 ejs 繁體版

原文原文链接

ejs使用说明及介绍。css

1.建立ejs项目html

express -e test //建立模板为ejs的项目,默认为jade。git

2.使用github

app.js中添加express

var ejs = require('ejs');
//app.set('view engine', 'ejs');

//设置以下，可修改后缀名为html。
app.engine('.html', ejs.__express);
app.set('view engine', 'html');

//res.render()第二个参数为json对象
app.get('/', function (req, res, next) {     
    res.render('index',{        
          title:"ejs简单测试",        
          name:"admin",        
          "sex":"男"
    });
});

index.html修改以下json

<!DOCTYPE html>
<html>
    <head>    
      <title><%=title %></title>    
      <link rel='stylesheet' href='/stylesheets/style.css'/>
    </head>
    <body>
        <h1>你们好，我是<%= name %>,我是一名<%= sex %>生。  </h1>
     </body>
</html>

效果图以下

 ejs的Filters和Options还没有使用！