摘要:基本概念在系統中所構建的每一個頁面都是由布局頁面部件和內容塊組成。這些標記塊定義在一個一個的多帶帶的問題件中,可以被使用在任何地方。渲染格式如下允許注入內容到中。一般情況下,是把和樣式表注入到的標簽中。在中定義,頁面中執行注入操作。
基本概念
在October系統中所構建的每一個頁面都是由Layout(布局)、Page(頁面)、Partials(部件)和Content blocks(內容塊)組成。最簡單的情況就是只有一個Page也是可以的。
Layouts
Layout定義了一個頁面的結構。布局文件layouts/default.htm定義了頁面的結構,以及在每個頁面上重復的部分,諸如HTML、Head和Body標簽,樣式表和JS文件引用。
在Demo主題中的菜單和頁腳也是在布局中定義的。
Pages
頁面保存了每一個頁面的內容。
頁面文件pages/home.htm?定義頁面URL(/當前頁面)和頁面內容。 頁面在布局中渲染,這個函數“page”應該在布局代碼中被調用:
{% page %}
為頁面使用布局是可選的,您可以在頁面文件中定義所有的內容,而不使用布局。
Partials
包含了可以重復使用的HTML標記塊。這些標記塊定義在一個一個的多帶帶的問題件中,可以被使用在任何地方。
Partials的渲染方式為:
{% partial "partial-name" %}
Partial文件可以放到Partials目錄里面的任何文件夾下,比如:我們將頁腳的內容放到了partials/site/footer.htm這個partial里面了。 則引用的方法就是:
{% partial "site/footer" %}
Partials可以被pages、layouts或者其他的partials引用。沒有限制。
Content Blocks
內容塊是獨立于pages、layouts的文本、可編輯的html代碼塊。
比如content/welcome.htm文件。 渲染格式如下:
{% content "content-name.htm" %}
Placeholders
placeholders允許Pages注入內容到Layout中。
一般情況下,是把js和樣式表注入到layout的head標簽中。placeholder在layout中定義,頁面中執行注入操作。
Layout file:
... {% placeholder head %}
Page file:
{% put head %} {% endput %}
Assets
存儲的是諸如JavaScript, StyleSheet, images, fonts, 等 資源文件,當然也可以引入第三方包。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/28829.html
摘要:基本概念在深入解讀之前,先了解下的幾個基本概念,以及這幾個概念背后隱藏的一些東西。如圖是一個內的基本組成,內數據只是一個抽象表示,不代表其內部真實數據結構。即詞典,是根據條件查找的基本索引。 前言 Apache Lucene是一個開源的高性能、可擴展的信息檢索引擎,提供了強大的數據檢索能力。Lucene已經發展了很多年,其功能越來越強大,架構也越來越精細。它目前不僅僅能支持全文索引,也...
摘要:基本概念在深入解讀之前,先了解下的幾個基本概念,以及這幾個概念背后隱藏的一些東西。如圖是一個內的基本組成,內數據只是一個抽象表示,不代表其內部真實數據結構。即詞典,是根據條件查找的基本索引。 前言 Apache Lucene是一個開源的高性能、可擴展的信息檢索引擎,提供了強大的數據檢索能力。Lucene已經發展了很多年,其功能越來越強大,架構也越來越精細。它目前不僅僅能支持全文索引,也...
閱讀 1837·2021-11-11 16:54
閱讀 2061·2019-08-30 15:56
閱讀 2372·2019-08-30 15:44
閱讀 1298·2019-08-30 15:43
閱讀 1865·2019-08-30 11:07
閱讀 822·2019-08-29 17:11
閱讀 1470·2019-08-29 15:23
閱讀 3011·2019-08-29 13:01