Express EJS 介紹與安裝

EJS 是一款 template 樣板語言，而且主要是運行在 client 端的部分

環境安裝

這裡會採用 ejs-locals 的部分，因為會使用到 layout 的功能
在資料夾終端機底下，下 npm install ejs-locals --save
文件連結

接著在 require express 的 js 下方，繼續引用 ejs

const express = require('express');
const app = express();
// 增加靜態資源載入
app.use(express.static('public'))

// 引用 ejs
const engine = require('ejs-locals');
app.engine('ejs', engine);
// 放置 ejs 檔案的路徑以及資料夾
app.set('views', './views');
app.set('view engine', 'ejs');

上面有設置放置 ejs 的檔案路徑，所以要在根目錄新增一個 views 資料夾放置所有的 ejs 檔案

引用第一支 EJS

在 views 資料夾新增一支 index.ejs，內容就是一般的 HTML

<!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>
  <h1>index</h1>
</body>
</html>

接著就可以在 route 的地方引用它

app.get('/', function(req, res) {
  // 採用 render 的方式引用 EJS，且輸入檔名就好
  res.render('index');
})

這個時候如果在 localhost 的首頁看，就可以看到頁面顯示 index 了