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