🎯 什麼情境該想到我
當你「想把頁面產生分兩步,先產生與版面無關的邏輯結構,再統一套上外觀」的時候。
⚙️ 怎麼用(步驟 / 公式)
意圖:把「呈現什麼」與「長什麼樣」分成兩個步驟,讓整站外觀能集中統一調整。
做法要點:
- 第一步:把領域資料轉成一個與最終外觀無關的「邏輯呈現結構」(描述有哪些欄位、表格、清單等抽象元素)。
- 第二步:把該邏輯結構轉成實際 HTML,套上一致的樣式與版型。
- 想全站換皮或改版型,只需改第二步。
🧪 我實際套用的紀錄
- (待填)
⚠️ 注意 / 什麼時候不適用
- 需要各頁外觀差異很大時,共用第二步反而綁手綁腳。
- 多了一層中介結構,較單步視圖複雜。
- 只有少數頁面、外觀不需高度一致時不划算。
🔗 相關工具
- 樣板視圖 Template View(單步方案;可作為兩步驟視圖第二步的實作)
- 轉換視圖 Transform View(常用來實作其兩個轉換步驟)
- 模型-視圖-控制器 Model View Controller(兩步驟視圖是其視圖角色的一種實作)
- 企業應用架構模式