🎯 什麼情境該想到我

當你「想把頁面產生分兩步,先產生與版面無關的邏輯結構,再統一套上外觀」的時候。

⚙️ 怎麼用(步驟 / 公式)

意圖:把「呈現什麼」與「長什麼樣」分成兩個步驟,讓整站外觀能集中統一調整。

做法要點:

  • 第一步:把領域資料轉成一個與最終外觀無關的「邏輯呈現結構」(描述有哪些欄位、表格、清單等抽象元素)。
  • 第二步:把該邏輯結構轉成實際 HTML,套上一致的樣式與版型。
  • 想全站換皮或改版型,只需改第二步。

🧪 我實際套用的紀錄

  • (待填)

⚠️ 注意 / 什麼時候不適用

  • 需要各頁外觀差異很大時,共用第二步反而綁手綁腳。
  • 多了一層中介結構,較單步視圖複雜。
  • 只有少數頁面、外觀不需高度一致時不划算。

🔗 相關工具