node.js [express框架] 模板引擎ejs

696 阅读1分钟
<1> 什么是模板引擎?什么是 ejs?

模板引擎是分离用户界面和业务数据的一种技术,其实就是分离 HTML 和 JavaScript。

EJS 是一个高效的 JavaScript 的模板引擎。

<2> ejs 的基本使用
(1) 安装 ejs
npm i ejs
(2) 导入 ejs
const ejs = require('ejs')
(3) 基本方法

2386.png ejs.render(str, {变量对象} )

<%= %> 里面包含变量,相当于变量的占位符  // <%= lover %>
<% %> 里面包含 js 的内容  // <% arr.map(item=>{...}) %>
(4) 栗子
 let lover = '严浩翔'
 ejs.render(`我爱你,<%= person %>`,{ person : lover })

应用到 html 中:把html文件通过读取文件的方式读取,再用 toString() 的方法转为字符串再 render

2385.png

<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('模板文件名',{模板中替代变量的对象})
})
(4) 栗子:

2387.png

2388.png