PHP 模板生成靜態 HTML 緩存技術原理與實戰範例

動態頁面靜態化能降低服務器負載、利於 SEO。本文講解 PHP + MySQL + 模板替換生成靜態 HTML 的核心原理、目錄規劃、代碼實現與避坑點。

1. 核心原理

1. 後台錄入新聞數據寫入 MySQL。
2. 讀取預製 HTML 模板 (含 {title}、{content} 等佔位符)。
3. 用 str_replace 將佔位符替換為實際數據。
4. 將替換後內容寫入 .html 文件 (如 1.html)。
5. 前台直接訪問靜態文件，繞過 PHP 解析與資料庫查詢。

2. 數據庫設計

CREATE DATABASE news_db;
USE news_db;
CREATE TABLE news (
  id INT AUTO_INCREMENT PRIMARY KEY,
  title TEXT,
  content TEXT,
  path TEXT COMMENT '生成的靜態文件路徑'
);

3. 關鍵代碼實現

conn.php (資料庫連接)

model.htm (模板)

<html>
<body>
<h1>{title}</h1>
<div>{content}</div>
</body>
</html>

add.php (生成邏輯)

4. 進階優化點

• 併發安全：計數器用 flock() 或資料庫 AUTO_INCREMENT ID 避免競態。
• 模板引擎：複雜頁面改用 Smarty、Blade、Twig，支援繼承、邏輯、過濾器。
• 目錄分佈：大量文件按日期/ID 哈希分目錄 (如 2024/01/15/123.html)，避免單目錄文件過多降低文件系統性能。
• 緩存失效：數據更新時重新生成對應 HTML，或用 Nginx proxy_cache + purge 機制。
• CDN 同步：生成後推送至對象存儲 (OSS/S3) + CDN，實現全站靜態化分發。

5. 適用場景與局限

建議：文章、商品詳情、列表頁等「讀多寫少、實時性要求低」頁面適合靜態化；用戶中心、購物車、實時數據儀表板保持動態。