คุณสามารถกำหนดโมดูล RequireJS ในไฟล์ render.js ไซต์จะโหลดรายการอ้างอิง เช่น สำหรับ JQuery, Mustache, ปลั๊กอินข้อความ RequireJS และปลั๊กอิน RequireJS CSS
define([
'jquery',
'mustache',
'text!./layout.html',
'css!./design.css'
], function ($, Mustache, templateHtml, css) {
คุณสามารถใช้ระบบเทมเพลท Mustache เพื่อแสดงผลเลย์เอาต์
ไฟล์ assets/render.js สำหรับเลย์เอาต์ของเนื้อหามีคุณสมบัติต่อไปนี้
ควรเป็นโมดูล RequireJS
ควรแสดงผลฟังก์ชันตัวสร้าง JavaScript ไซต์จะเรียกฟังก์ชันตัวสร้าง โดยส่งออบเจกต์ของพารามิเตอร์ ออบเจกต์ของพารามิเตอร์มีข้อมูลของรายการเนื้อหา และ API ที่จำเป็นสำหรับแสดงผลเลย์เอาต์นี้
ฟังก์ชันตัวสร้างนี้ควรมีเมทธอด render(parentObj) ที่รองรับการแสดงผลเลย์เอาต์ของเนื้อหา ควรนำออบเจกต์ DOM สำหรับเลย์เอาต์ของเนื้อหาไปต่อจากออบเจกต์ parentObj ซึ่งส่งไปยัง render()method
โมดูล RequireJS สามารถใช้รายการอ้างอิง ซึ่งได้แก่ JQuery, Mustache, ปลั๊กอินข้อความ RequireJS และปลั๊กอิน RequireJS CSS รายการอ้างอิงเหล่านี้จะโหลดตามไซต์ คุณสามารถใช้ไลบรารีอื่นได้เช่นกัน