Express是一個流行的Node.js框架,它提供了一個快速,簡單,靈活的方式來構建Web應用程序。通過使用Express,我們可以輕松地創建路由,處理HTTP請求,設置視圖引擎等。在本文中,我們將探討如何在Express中設置HTML模板。
//使用EJS作為視圖引擎 const express = require('express'); const app = express(); const port = 3000; //設置EJS視圖引擎 app.set('view engine', 'ejs'); app.get('/', (req, res) =>{ res.render('index.ejs', {title: 'Express HTML模板設置示例', content: 'Hello Express!'}); }); app.listen(port, () =>{ console.log(`Example app listening at http://localhost:${port}`); });
以上代碼演示了如何設置EJS作為視圖引擎,并指定了渲染的模板文件為index.ejs。在模板文件中,我們可以使用<% %>
插入JavaScript代碼,使用<%= %>
插入需要顯示的數據。在路由處理函數中,我們使用res.render()
方法來渲染模板,并將需要顯示的數據傳遞給模板。
除了EJS之外,Express還支持其他視圖引擎,如Handlebars、Pug等。設置不同的視圖引擎只需要更改app.set('view engine', 'ejs');
中的引擎名稱即可。