成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

OctoberCMS-5-部件

tianren124 / 3395人閱讀

摘要:我們這里簡稱部件,是可以重復(fù)使用的標(biāo)記塊。使用將變量傳遞給頁面聲明周期限制由于部件的實例化時間比較晚,在頁面渲染期間,部件的生命周期會受到一些限制。事件沒有被注冊,不能執(zhí)行。生命周期函數(shù)不能返回任何值。

Partials

partials 我們這里簡稱【部件】,是可以重復(fù)使用的Twig標(biāo)記塊。可以用于網(wǎng)站的任何位置。比如頁眉頁腳或者其他Ajax內(nèi)容。

partials模板文件存儲在模板目錄的partials子目錄中。擴展名是htm。最簡單的例子:

This is a partial

partials 的配置部分是可選的,其中可選參數(shù)description,用于給后端用戶提供功能說明。

description = "Demo partial"
==

This is a partial

在配置部分可以定義組件,將在后續(xù)的組件部分學(xué)習(xí)。

部件的渲染

渲染部件的方式:{% partial "partial-name" %} 。這里只有一個必須的參數(shù),就是【文件名】這里的文件名是指文件的名稱部分,不包含擴展名部分。如果在子目錄中,則需要寫明路徑。部件可以被頁面、布局或者其他部件使用。

下面就是一個部件引用了另一個部件。



將變量傳遞給部件

部件的一個強大的功能是,我們可以給部件傳遞變量參數(shù)。比如我們擁有一個渲染博客列表的部件,我們可以將帖子的集合傳遞給中國博客列表部件。這時候這個部件就可以使用到多個不同的頁面或者布局中。傳遞方式:部件名稱 后面 跟 部件的變量名和傳遞值得變量名:


當(dāng)然也可以一次指定多個變量,進行傳遞


在部件的內(nèi)部,可以和使用其他標(biāo)記變量一樣的,使用這些變量。

Country: {{ country }}, city: {{ city }}.

動態(tài)部件

部件和頁面一樣,也可以使用Twig標(biāo)記。

部件的執(zhí)行生命周期

onStart函數(shù)在部件渲染之前和部分執(zhí)行之前執(zhí)行。

onEnd函數(shù)在部件渲染之前和部件執(zhí)行之后執(zhí)行。

在onStart和onEnd函數(shù)中,您可以將變量注入到Twig環(huán)境中。使用array notation將變量傳遞給頁面:

==
function onStart()
{
    $this["hello"] = "Hello world!";
}
==

{{ hello }}

聲明周期限制

由于部件的實例化時間比較晚,在頁面渲染期間,部件的生命周期會受到一些限制。

AJax事件沒有被注冊,不能執(zhí)行。

生命周期函數(shù)不能返回任何值。

表單常規(guī)的POST操作在部件渲染的時候執(zhí)行。

一般來講,部件中的組件一般設(shè)計為基本組件,用來渲染一些沒有復(fù)雜處理的情況,比如按鈕等。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/28826.html

相關(guān)文章

  • Dojo 部件進階

    摘要:如果為,則渲染生命周期中相關(guān)的回調(diào)特別是和渲染回調(diào)函數(shù)是同步運行的。如果為,則在下一次重繪之前,回調(diào)函數(shù)被安排為異步運行。更改檢測策略,確定應(yīng)用程序是否需要更新外部的節(jié)點是一個可選的回調(diào)函數(shù),在節(jié)點追加到后執(zhí)行檢測外部節(jié)點的 部件的基本原理 部件是所有 Dojo 應(yīng)用程序的基本構(gòu)建要素。部件是主要的封裝單元,它能表示從用戶界面的單個元素,到更高級別的容器元素(如 Form 表單、段落、...

    draveness 評論0 收藏0
  • Flutter — 加快開發(fā)速度的 IDE 快捷操作#yyds干貨盤點#

    摘要:夏天加快開發(fā)速度的快捷操作干貨盤點快捷方式你可以用做更多神奇的事情選項返回這是您在中加快開發(fā)速度的魔杖。加快開發(fā)速度的快捷操作干貨盤點選項卡不喜歡小部件用魔術(shù)棒取下它。 Flutter — 加快開發(fā)速度的 IDE 快捷方式上一個關(guān)于??vscode 的插件??推薦大家看的過癮不,今天繼續(xù)給大家?guī)硪恍╆P(guān)于android s...

    番茄西紅柿 評論0 收藏2637
  • Dojo 中間件簡介

    摘要:的中間件系統(tǒng)能以響應(yīng)式的方式管理異步或命令式,以及影響基于函數(shù)的組合部件或其他中間件的行為與屬性??刂撇考秩镜纳芷趯θ魏谓M合部件,中間件可以控制渲染管道的各個部分,如當(dāng)需要更新渲染時讓部件失效。 Dojo 的中間件系統(tǒng)能以響應(yīng)式的方式管理異步或命令式 API,以及影響基于函數(shù)的組合部件或其他中間件的行為與屬性 API。 框架已提供了幾個核心中間件和可選中間件,應(yīng)用程序開發(fā)人員也可...

    warmcheng 評論0 收藏0
  • Yii2.0 框架中如何創(chuàng)建自定義小部件

    摘要:在創(chuàng)建自己的小部件首先創(chuàng)建一個名為的文件夾在項目根目錄。應(yīng)該包含小部件的屬性應(yīng)該包含小部件的渲染結(jié)果這個類是我們的自定義小部件。在顯示小部件內(nèi)容在視圖代碼中使用添加小部件應(yīng)用。看到以下代碼如何被稱為小部件類。 在 Yii2.0 創(chuàng)建自己的小部件 首先創(chuàng)建一個名為 widgets 的文件夾在項目根目錄。現(xiàn)在在 widgets文件夾內(nèi)創(chuàng)建一個HelloWidget類 。使用這個小部件,我們...

    zhangxiangliang 評論0 收藏0
  • Flutter 中輪播圖詳解[Flutter專題31]#yyds干貨盤點#

    在 Flutter 中創(chuàng)建圖像輪播 從社交媒體應(yīng)用程序到電子商務(wù)應(yīng)用程序,大多數(shù)現(xiàn)代應(yīng)用程序都有某種圖像輪播來展示產(chǎn)品、圖像或廣告。 由于 flutter 提供的內(nèi)置小部件,從頭開始實現(xiàn)圖像輪播并不像您想象的那么難。 在本文中,您將學(xué)習(xí)如何從頭開始創(chuàng)建圖像輪播并根據(jù)需要進行自定義。最后,您將學(xué)習(xí)如何使用carousel_slider插件以更少的代碼創(chuàng)建圖像輪播。 這些是我...

    番茄西紅柿 評論0 收藏2637

發(fā)表評論

0條評論

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