基本樣板結構

樣板的基本結構包括一個網站 (含有資產、版面配置、頁面與內容)、一個關聯的主題以及任何自訂元件。

建立網站時,您必須選擇一個提供網站結構和最初內容的樣板、一個含有設計和版面配置設定的主題,以及任何自訂元件。

樣板以特定結構安排,以下範例顯示基本的資料夾與檔案。

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 參考