您可以在 render.js
檔案中定義 RequireJS 模組。網站便會載入相依項,例如 JQuery、Mustache、RequireJS Text Plugin 以及 RequireJS CSS Plugin。
define([ 'jquery', 'mustache', 'text!./layout.html', 'css!./design.css' ], function ($, Mustache, templateHtml, css) {
您可以使用 Mustache 樣板系統來呈現版面配置。
內容版面配置的 assets/render.js
檔案具有下列特性:
必須是 RequireJS 模組。
應傳回 JavaScript 建構子函數。網站會傳送參數物件來呼叫建構子函數。此參數物件包含呈現版面配置所需的內容項目資料和 API。
此建構子函數應含有可處理內容版面配置呈現的 render(parentObj)
方法。它應該將內容版面配置 DOM 物件附加到傳送給 render()
方法的 parentObj
物件。
RequireJS 模組可以使用相依項,包括 JQuery、Mustache、RequireJS Text Plugin 以及 RequireJS CSS Plugin。網站將會載入這些相依項。您也可以使用其他程式庫。