JAVASCRIPT網頁應用程式設計

JavaScriptMVC 函式庫

|

243

先前「封裝服務」一節裡提過的函式：

findAll

、

findOne

、

save

，和

destroy

，都會回

傳延遲物件，因此可以把產生 tasks 模版內容的程式，用一行搞定：

$('#tasks').html("views/tasks.ejs" , Task.findAll() )

如果想一次傳入多組延遲物件，也沒問題：

$('#app').html("views/app.ejs" , {

tasks: Task.findAll(),

users: User.findAll()

})

包裝、預先載入及效能

$.View

預設會以同步方式載入模版，因為它假設你會：

• 將模版寫在 script 標籤裡面

• 將模版和 JavaScript 程式包在一起

• 預先載入模版

JavaScriptMVC 並不建議你將模版寫在 script 標籤裡面，因為這會讓不同的 JavaScript

程式不易共用模版。而且如果你的系統沒有馬上要用到這些模版，這種做法也會降低載

入網頁的效能。

JavaScriptMVC 建議的做法是，先把常用的模版和 JavaScript 檔案包在一起，程式執行

期如果還需要用到其他模版，再以預先載入的方式載入模版。

JavaScriptMVC 所採用的建置系統 StealJS，能幫我們處理並包裝模版、將模版加進正式

環境建置版本（已經過程式碼精簡工具處理的版本）。你只需要利用

steal.views(PATH,

...)

指定模版路徑即可：

steal.views('tasks.ejs','task.ejs'); ...