
第五章
檢視器(View)與模版
(Template)
檢視器(View),指的是應用程式的操作介面,也就是使用者會實際看到並與之互動的
部分。檢視器裡最好只有單純的 HTML 程式碼,而且不應包含任何程式邏輯。所有和
檢視器相關的程式邏輯(像是設定事件處理器,以及增刪資料),都應該要交由控制器
(Controller)負責。很多時候為了貪圖一時之快,難免都會有想要違反 MVC 規範、將
程式邏輯直接寫進檢視器裡的衝動。請你千萬要克制住這股衝動!否則程式碼最後勢必
會變得一團混亂。
在我們把伺服器端應用程式,改寫為用戶端應用程式的過程中,檢視器應該算是程式架
構需要更動最多的地方之一。以往在開發伺服器端應用程式時,都會直接把伺服器端的
資料變數寫進 HTML 程式碼裡,然後在執行程式時由伺服器動態產生新的網頁內容。但
JavaScript 應用程式裡的檢視器,則會採取略微不同的概念,來進行網頁呈現的流程。
第一步,是把檢視器需要用到的資料通通傳回用戶端(因為你沒辦法直接存取伺服器端
的變數)。一般的做法是發送 Ajax 請求給伺服器,然後再透過應用程式的模型(Model)
來載入伺服器所回傳的 JSON 物件。至於預先產生 HTML 程式碼的工作,則不再由伺
服器來處理,而是全權交給用戶端負責。這麼做的好處,是能讓用戶端應用程式不需仰
賴伺服器來產生檢視器內容,讓使用者在操作網頁時,能感受到更即時、靈活的回應
速度。
接下來,要把先前從伺服器端取回的資料,載入檢視器。載入方式有二:一種做法是利
用 JavaScript ...