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還沒有使用！

相關標籤/搜索

nodejs+ejs+express+echart

nodejs+express+ejs

nodejs+express+ejs+mongodb

nodejs+express+ejs+mongoose