定義 RequireJS 模組

您可以在 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。網站將會載入這些相依項。您也可以使用其他程式庫。