<1> 什么是模板引擎?什么是 ejs?
模板引擎是分离用户界面和业务数据的一种技术,其实就是分离 HTML 和 JavaScript。
EJS是一个高效的 JavaScript 的模板引擎。
<2> ejs 的基本使用
(1) 安装 ejs
npm i ejs
(2) 导入 ejs
const ejs = require('ejs')
(3) 基本方法
ejs.render(str, {变量对象} )
<%= %> 里面包含变量,相当于变量的占位符 // <%= lover %>
<% %> 里面包含 js 的内容 // <% arr.map(item=>{...}) %>
(4) 栗子
let lover = '严浩翔'
ejs.render(`我爱你,<%= person %>`,{ person : lover })
应用到 html 中:把html文件通过读取文件的方式读取,再用
toString()的方法转为字符串再 render
<3> 在 express 中使用 ejs
(1) 设置模板引擎
app.set('view engine','ejs')
(2) 设置模板文件【有模板语法的文件,eg:上述的html文件】存放的位置
app.set('views',path.resolve(__dirname,'./views'))
(3) render 响应【可直接在 res 身上调用 render 方法】
app.get('/home',(req,res)=>{
res.render('模板文件名',{模板中替代变量的对象})
})