# Express 中使用模板引擎 基于 JavaScript 的模板引擎有許多種實現，我們推薦使用 ejs（Embedded JavaScript），因為它十分簡單，而且與 Express 集成良好。由于它是標準 JavaScript 實現的，因此它不僅可以運行在服務器端，還可以運行在瀏覽器中。 ## 使用 ejs ``` 安裝包 npm install ejs。 ``` ``` <% books.forEach((book) => { %> <%- book %> <%})%> ``` ``` var express = require('express') var path = require('path') var app = express() // 創建應用 // 全局設置, 減少代碼 // 項目使用模板技術哪個 app.set('view engine', 'ejs'); // 項目存放模板文件目錄在哪里 app.set('views', path.join(__dirname, 'views')); app.get('/a', function (req, res) { let data = {books: ['西游記', '三國演義', '水滸傳', '紅樓夢']}; res.render('book', data); // 當前目錄中 views 找 book.ejs // express 支持很多模板技術, 因為不同模板技術的 api 不一樣, 統一封裝了下 // 根據全局設置, 存在 大量判斷 if 當前模板技術 ejs ejs.renderFile }); app.get('/b', function (req, res) { let data = {books: ['JS 入門', 'JS 高級', 'JS 禪道', '頸椎康復指南']}; res.render('book', data); // 當前目錄中 views 找 book.ejs // express 支持很多模板技術, 因為不同模板技術的 api 不一樣, 統一封裝了下 // 根據全局設置, 存在 大量判斷 if 當前模板技術 ejs ejs.renderFile }); // 啟動應用綁定端口 app.listen(9999, () => console.log('啟動成功')); ``` 1.模板文件（ejs） 2.項目使用模板技術是那個 3.模板文件（ejs)目錄在那里 4.res.render（‘book,’ data）