EJS 的全名是「Embedded JavaScript」，是與 Express.js 搭配的內嵌式的樣板引擎。 EJS 可以讓我們使用 JavaScript 生成 HTML 頁面 。 EJS文件需要放在「views」資料夾內部。

頁面渲染(rendering)就是瀏覽器將HTML變成人眼看到的圖像的全過程。Express.js 當中的 View Engine 允許我們使用模板文件渲染網頁。這些模板填充了實際數據並從伺服器被傳送到客戶端。

若有使用app.set(“view engine”, “ejs”)，則使用*res.render()*時，就不需要指定文件類別。例如， res.render(“index.ejs”)可以改成res.render(“index”)。

EJS 語法

<% 一般標籤，用於control flow，不輸出任何的值。
<%= 將值輸出到模板中（不會轉換HTML語法）。例如*： x = “This is a paragraph”，則<%= x %>會是輸出This is a paragraph*。
<%- 將轉換過的HTML語法的值輸出到模板中。例如： x = “This is a paragraph”，則*<% x %>會是輸出This is a paragraph*。
<%# 註釋標籤，不執行也不輸出任何的值。
%> 普通的結束標籤。
<%- include %> 語法可以鑲嵌其他EJS文件。

實際演練

基本用法

要使用EJS，要先透過npm安裝：npm i ejs

創建views資料夾，並在其下創建.ejs檔案，如index.ejs，裡面可以隨便寫點HTML語言

// index.ejs
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>EJS創建的</p>
</body>
</html>

並在app.js中透過res.render渲染該畫面，在執行nodemon app.js後，可看到以下網頁