express-模板引擎
阿新 • • 發佈:2020-11-27
我們學習下模板引擎ejs在express 中的用法
首先指定模板引擎
app.set('views','./views') // 模板檔案所在的目錄 app.set('view engine','ejs') //要是用的模板引擎 view engine
app.get('/form/:name', function (req, res) { let person=req.params.name console.log(req.params) // res.sendFile(__dirname + '/form.html') res.render('form',{person}) })
在模板引擎中接收
<h2><%=person %></h2>
傳遞陣列
let data={age:29,name:'小明',zhuanye:['1','2','3']} // res.sendFile(__dirname + '/form.html') res.render('form',{data})
<ul>
<% data.zhuanye.forEach(function(item){ %>
<li>
<%=item %>
</li>
<% }) %>
</ul>
模板共用問題
新建資料夾partials 在partials中新建檔案header.ejs
<nav> <ul> <li><a href="">home</a></li> <li><a href="">about</a></li> </ul> </nav>
引用(也可以傳引數)
<%- include('partials/header.ejs',{user:"aaa"}) %>