MVC 模式在javascript中的應用

此方案是一次將MVC的思想引入用戶端的嘗試. 結合AJAX , 並借鑒了一些ASP.NET MVC的實現模式.

樣本是一個簡單的事件管理系統, 只有一個頁面, 使用者可以提交事件(post), 回複(reply). 頁面開啟時列表方式展現事件及回複.

Controller公開一系列action 給調用方.

action主要做三類事:

1. 使用ajax方式與伺服器端通訊(ajax) 2. 維護viewModel執行個體的狀態 3. 重新整理頁面的局部視圖

Controller定義如下：

Controller引用著一個ViewModel的執行個體, ViewModel的定義如下：

調用樣本：

這個樣本是jquery版的, DOM中也能看到jTemplates的影子(一個jquery外掛程式), 但從思想到實現, 這個方案並不依賴於jquery, Controller中的兩處外部依賴($.ajax和renderTemplate)完全可以尋找其他等價物替代.

此樣本項目選用jquery和jTemplates完全是項目選型決定, 實現上只是借用了現成的便利.

(DOM中 <textarea class="template">... </textarea>是一個 jTemplates 模板)