樣板的基本結構包括一個網站 (含有資產、版面配置、頁面與內容)、一個關聯的主題以及任何自訂元件。
建立網站時,您必須選擇一個提供網站結構和最初內容的樣板、一個含有設計和版面配置設定的主題,以及任何自訂元件。
樣板以特定結構安排,以下範例顯示基本的資料夾與檔案。
template_name components component_name assets render.js settings.html _folder.json _folder_icon.jpg appinfo.json template assets content layouts pages 100.json 200.json 300.json 400.json variants _folder.json _folder_icon.png componentsused.json controller.html siteinfo.json structure.json theme assets css main.css js topnav.js designs default design.css design.json facebook.png googleplus.png linkedin.png twitter.png youtube.pgn layouts index.html responsepages 404.html _folder.json _folder_icon.png components.json viewport.json
元件和主題資料夾與檔案在本指南的其他章節會有詳細說明。請參閱關於開發元件和基本主題結構。
附註:
主題一般會在樣板之間共用,但「JET 入門樣板」或「入門樣板」使用的則是主題的複本。請參閱使用入門樣板。
主題已不再包含網站。網站資料夾和檔案都在 /template
資料夾中。
template_name/template
資料夾包含網站的資料夾和檔案。
assets
:包含使用者介面的樣板詳細資訊頁面中顯示的影像。
content
:包含網站中使用的受管理內容。
layouts
:目前未使用。
pages
:包含所有頁面 JSON 檔案與資料。使用 nnn.json
格式,其中 nnn
為頁面 ID。
variants
:包含網站的所有更新詳細資訊。
_folder.json
:包含樣板的描述資料,例如網站作者、網站名稱、項目 GUID、網站的簡要和完整描述。
_folder_icon.png
:代表使用者介面中的網站。
componentsused.json
:(已不再使用)。記錄網站內使用的自訂元件 (若有的話)。僅保留供回溯相容性之用。
controller.html
:包含在瀏覽器中顯示網站的主要程式碼。若要變更此檔案,Oracle 建議您透過介面從網站設定值進行變更。您可以離線修改此檔案。請參閱自訂控制器檔案。
siteinfo.json
:指定網站名稱和關聯主題的名稱,以及網站的其他描述資料。請勿修改此檔案。
structure.json
:定義網站的頁面階層 (父項和子項頁面)。建立網站的導覽時,可以使用呈現 API 來描繪樹狀結構。請參閱網站導覽及呈現 API 參考。