国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

OctoberCMS-6-布局

jindong / 2260人閱讀

摘要:概述,此處稱為布局。布局中的配置區域是可選的,支持和。這里稱為占位符,可以允許頁面將內容注入到布局中。占位符在布局模板中用標簽定義。動態布局和一樣,可以使用任何特性。函數在頁面呈現后執行。

Layout

概述

Layout,此處稱為布局。定義了一個頁面框架,即頁面上的所有的重復的內容,例如header部分和footer部分。Layout通常包含HTML標簽、HEAD標簽、TITLE標簽和BODY標簽。

位置:安裝的主題的目錄,layout子目錄中。

擴展名:htm

Layout中輸出內容應該使用page標簽進行頁面內容輸出。{% page %};最近簡單的方式:


    
        {% page %}
    

Page與Layout關系,Page可以使用不同的Layout,Layout也可以通過Page來引用多個page頁面。但是,他們之間建立聯系的是Page中的設置,然后Layout中的{% page %}才能正確的引用這個page,才可以通過Page的URL結合Layout布局把頁面顯示出來。

要為一個Page使用Layout,Page的Configuration Section部分必須引用Layout文件名稱(不帶擴展名)。請記住,如果從子目錄引用Layout,則應指定子目錄名稱。使用default.htm的Layout的示例頁面模板:

url = "/"
layout = "default"
==

Hello, world!

當請求該頁面時,其內容與Layout合并,或者更確切地說 - Layout的{% page %}標簽被頁面內容替換。前面的示例會生成以下標記:


    
        

Hello, world!

請注意,您可以在Layout中渲染部件。這使您可以在不同的Layout之間共享常用元素。例如,您可以有一個輸出網站CSS和JavaScript鏈接的部件。這種方法簡化了資源的管理。 如果你想添加一個JavaScript引用,你應該修改一個小部件,而不是編輯所有的Layout。

布局中的配置區域是可選的,支持name和description。

description = "Basic layout example"
==

    
        {% page %}
    

Placeholders

Placeholders這里稱為【占位符】,可以允許頁面將內容注入到布局中。占位符在布局模板中用{% placeholder %}標簽定義。下面的例子顯示了一個在HTML HEAD部分中定義了一個叫head的【占位符】的Layout模板。


    
        {% placeholder head %}
    
    ...

頁面可以使用{% put %}和{% endput %}標簽將內容注入【占位符】。以下示例演示了一個簡單的頁面模板,它將CSS鏈接注入前一示例中定義的叫head占位符。

url = "/my-page"
layout = "default"
==
{% put head %}
    
{% endput %}

The page content goes here.

動態布局

和Page一樣,Layout可以使用任何Twig特性。

布局的執行生命周期

布局中的PHP代碼部分,可以定義頁面周期函數:

onInit當所有組件被初始化并且在處理AJAX請求之前,該函數被執行。

onStart功能在頁面處理開始時執行。

onBeforePageStart函數在Layout組件運行后執行,但在頁面的onStart函數執行之前執行。

onEnd函數在頁面呈現后執行。

處理程序執行的順序如下:

Layout onInit() function.

Page onInit() function.

Layout onStart() function.

Layout components onRun() method.

Layout onBeforePageStart() function.

Page onStart() function.

Page components onRun() method.

Page onEnd() function.

Layout onEnd() function.

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/28825.html

相關文章

  • 實現三欄布局的幾種方法

    摘要:前言三欄布局,顧名思義就是兩邊固定,中間自適應。三欄布局在實際的開發十分常見,比如淘寶網的首頁,就是個典型的三欄布局即左邊商品導航和右邊導航固定寬度,中間的主要內容隨瀏覽器寬度自適應。但網格布局的兼容性不好。 前言 三欄布局,顧名思義就是兩邊固定,中間自適應。三欄布局在實際的開發十分常見,比如淘寶網的首頁,就是個典型的三欄布局:即左邊商品導航和右邊導航固定寬度,中間的主要內容隨瀏覽器寬...

    golden_hamster 評論0 收藏0
  • 實現三欄布局的幾種方法

    摘要:前言三欄布局,顧名思義就是兩邊固定,中間自適應。三欄布局在實際的開發十分常見,比如淘寶網的首頁,就是個典型的三欄布局即左邊商品導航和右邊導航固定寬度,中間的主要內容隨瀏覽器寬度自適應。但網格布局的兼容性不好。 前言 三欄布局,顧名思義就是兩邊固定,中間自適應。三欄布局在實際的開發十分常見,比如淘寶網的首頁,就是個典型的三欄布局:即左邊商品導航和右邊導航固定寬度,中間的主要內容隨瀏覽器寬...

    IamDLY 評論0 收藏0
  • 實現三欄布局的幾種方法

    摘要:前言三欄布局,顧名思義就是兩邊固定,中間自適應。三欄布局在實際的開發十分常見,比如淘寶網的首頁,就是個典型的三欄布局即左邊商品導航和右邊導航固定寬度,中間的主要內容隨瀏覽器寬度自適應。但網格布局的兼容性不好。 前言 三欄布局,顧名思義就是兩邊固定,中間自適應。三欄布局在實際的開發十分常見,比如淘寶網的首頁,就是個典型的三欄布局:即左邊商品導航和右邊導航固定寬度,中間的主要內容隨瀏覽器寬...

    Hegel_Gu 評論0 收藏0
  • 圣杯布局和雙飛翼布局

    摘要:解決的問題圣杯布局和雙飛翼布局解決的問題是一樣的,就是兩邊定寬,中間自適應的三欄布局,中間欄要在放在文檔流前面以優先渲染。 解決的問題 圣杯布局和雙飛翼布局解決的問題是一樣的,就是兩邊定寬,中間自適應的三欄布局,中間欄要在放在文檔流前面以優先渲染。 圣杯布局 圣杯布局dom結構: 圣杯布局 ...

    yankeys 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<