在 Node.js 的 web 開發中,使用模板引擎來動態生成 HTML 是一個非常常見的操作,而 EJS(Embedded JavaScript Templates)是一個優秀的模板引擎。
默認情況下,EJS 生成的模板文件擴展名為 .ejs,但是有時候我們需要將其設置為 .html,這時候可以通過修改 EJS 的配置來實現。
const express = require('express'); const app = express(); app.set('view engine', 'html'); app.engine('html', require('ejs').__express); app.get('/', (req, res) =>{ res.render('index', { title: 'Hello World' }); }); app.listen(3000, () =>{ console.log('Server is running on port 3000'); });
上面的代碼演示了如何將 EJS 的模板文件后綴設置為 .html。通過調用 app.engine 方法,將 html 引擎與 EJS 模板引擎關聯起來。
然后在路由中,調用 res.render 方法渲染模板時,指定模板文件的名稱(不包含后綴),同時向模板傳遞數據。
在傳遞數據時,可以使用對象的方式進行傳遞,屬性名表示數據名稱,屬性值表示數據的值。
通過以上幾個步驟,我們就能夠很方便地將 EJS 的模板文件后綴設置為 .html,并且使用模板引擎來動態生成 HTML。