在早期 Web 開發中，服務器不僅負責接口，還需要直接渲染頁面。即便在前後端分離成為主流的今天，模板引擎在後台管理系統、SEO 頁面以及快速原型開發中仍然發揮着重要作用。同時，靜態資源的合理管理，也是 Web 服務穩定運行的基礎。
本文將介紹 Node.js 中模板引擎的基本使用方式，以及靜態資源的管理與服務策略。
一、什麼是模板引擎
模板引擎用於將數據與 HTML 模板結合，生成最終返回給瀏覽器的頁面。開發者只需編寫模板結構和變量佔位符，具體數據由服務器在運行時注入。
這種方式可以有效避免在服務端拼接大量字符串，使頁面結構更加清晰，也更易維護。
二、Node.js 常見模板引擎
在 Node.js 生態中，有多種模板引擎可供選擇。
- EJS：語法接近原生 JavaScript，上手簡單
- Pug：語法簡潔，強調結構表達
- Handlebars：邏輯與視圖分離較嚴格
Express 對這些模板引擎都提供了良好的支持，可以根據項目需求自由選擇。
三、Express 中配置模板引擎
在 Express 應用中，模板引擎的配置通常包括視圖目錄和模板類型。
const express = require('express');
const app = express();
app.set('views', './views');
app.set('view engine', 'ejs');
配置完成後，Express 會自動根據模板名稱查找並渲染對應文件。
四、渲染模板頁面
通過 res.render 可以將數據傳遞給模板並生成 HTML。
app.get('/', (req, res) => {
res.render('index', {
title: 'Node.js',
user: 'admin'
});
});
模板文件中即可使用傳入的數據進行渲染，頁面邏輯清晰且易於擴展。
五、模板引擎的常見使用場景
模板引擎在以下場景中非常實用：
- 後台管理系統頁面
- 服務端渲染的 SEO 頁面
- 郵件或靜態頁面生成
- 快速搭建演示項目
對於需要首屏渲染或對搜索引擎友好的應用，模板引擎依然是可靠選擇。
六、靜態資源的概念
靜態資源指不需要服務器動態處理的文件，例如：
- CSS 樣式文件
- JavaScript 腳本
- 圖片、字體等資源
合理管理靜態資源，有助於提升頁面加載速度和用户體驗。
七、Express 中的靜態資源服務
Express 提供了內置的靜態資源中間件。
app.use(express.static('public'));
配置後，public 目錄下的文件即可通過 URL 直接訪問，無需額外路由處理。
八、模板引擎與靜態資源的協作
在實際項目中，模板引擎和靜態資源通常協同工作。
模板負責生成頁面結構，靜態資源負責頁面樣式和交互邏輯。這種分工讓前後端職責更加清晰，也方便後續維護。
九、靜態資源管理建議
在項目中管理靜態資源時，應注意以下幾點：
- 目錄結構清晰，按類型分類
- 文件命名規範，便於維護
- 避免在模板中寫大量內聯樣式
- 大型項目可考慮使用 CDN 加速
良好的資源管理方式可以顯著提升系統穩定性。
十、服務端渲染與前端構建的結合
在部分項目中，會將前端構建產物作為靜態資源由 Node.js 服務提供。這種方式可以在保證開發效率的同時，兼顧部署和訪問性能。
Node.js 在這一過程中主要負責路由控制和資源分發。
十一、總結
模板引擎與靜態資源是 Node.js Web 應用中不可忽視的組成部分。模板引擎讓服務端渲染更加優雅，而靜態資源管理則直接影響系統性能和用户體驗。
根據項目規模和業務需求合理選擇渲染方式，是構建穩定 Web 應用的重要一步。
