TP5視圖與模板

1.控制器中視圖實(shí)例化三種方法:動(dòng)態(tài)/靜態(tài)/助手函數(shù)

image.png
1.1動(dòng)態(tài),直接實(shí)例化視圖類

在對(duì)應(yīng)模塊下創(chuàng)建視圖文件夾,每有一個(gè)控制器,相應(yīng)的要在view文件夾下創(chuàng)建一個(gè)和控制器同名文件夾,再在此文件下創(chuàng)建一個(gè)和控制器中方法名相同的html視圖文件。。結(jié)構(gòu)如下:


image.png

控制器中動(dòng)態(tài)視圖實(shí)例化:


image.png

視圖中html文件:
image.png

運(yùn)行結(jié)果:


image.png
1.2靜態(tài)創(chuàng)建視圖對(duì)象;直接實(shí)例化視圖類

示例:
和動(dòng)態(tài)相比只有調(diào)用View類方式不同:


image.png
1.3繼承控制器基類Controller來(lái)創(chuàng)建視圖對(duì)象

基類Controller中直接封裝好了view視圖對(duì)象的方法,可直接用$this調(diào)用視圖對(duì)象中的方法。


image.png

示例:


image.png

視圖html文件:


image.png
1.4助手函數(shù)view()
image.png

示例:index.php


image.png

視圖文件index.html


image.png

結(jié)果:


image.png

總結(jié):


image.png

2.模板引擎的配置:三種方法

2.1.通過(guò)應(yīng)用配置文件config.php
image.png

可以復(fù)制到自定義config.php中,進(jìn)行更改

2.2.實(shí)例化View類時(shí)傳參配置
image.png

和應(yīng)用配置config完全相同

2.3.調(diào)用View類config()方法進(jìn)行配置
image.png

總結(jié):


image.png

3.模板變量賦值的5種方式

3.1.通過(guò)assgin()方法
image.png

示例:


image.png
3.2.fetch或display方法傳參賦值
image.png

示例:fetch()


image.png

示例:display()


image.png
3.3.給視圖對(duì)象添加屬性的方式賦值
image.png

html視圖文件:


image.png

示例:繼承基類


image.png

示例:視圖類


image.png
3.4.用sharre()方法給模板添加靜態(tài)變量
image.png

示例:


image.png
3.5.用助手函數(shù)view()向模板賦值
image.png

示例:


image.png

總結(jié):


image.png

4.視圖的7種渲染方法

視圖渲染,主要用fetch方法:


image.png

視圖渲染注意事項(xiàng):


image.png

總結(jié):
image.png

5.模板內(nèi)容替換

1.替換內(nèi)容
在框架中預(yù)定義了5個(gè)可以替換的常量
這5個(gè)常量是在視圖類中定義的,view.php


image.png

2.替換方式


image.png

示例:替換視圖背景和css文件路徑
視圖文件:
image.png

控制器代碼:
image.png

結(jié)果:


image.png

如果有大量重復(fù)替換內(nèi)容,可以通過(guò)模板配置文件。


image.png

此時(shí),控制器內(nèi)就不需要再寫替換語(yǔ)句。

總結(jié):


image.png

6.模板自定義變量輸出:標(biāo)量/數(shù)組/對(duì)象

標(biāo)量:


image.png

復(fù)合變量


image.png

示例:
html視圖文件:
image.png

控制器文件:


image.png

結(jié)果:


image.png

總結(jié):


image.png

8.在模板中輸出系統(tǒng)變量

image.png

示例:模板中獲取server、cookie值、get變量
htnml模板文件:


image.png

對(duì)應(yīng)的控制器文件:


image.png

輸出結(jié)果:
image.png

示例:模板中獲取常量


image.png

結(jié)果:


image.png

9.模板中輸出請(qǐng)求變量:$Request.方法.參數(shù)

image.png

控制器中代碼:只有一行渲染模板語(yǔ)句


image.png

html模板文件:獲取GET信息


image.png

獲取path_ifno傳遞的變量、帶協(xié)議的域名、域名
image.png

獲取后綴、ip、模塊、控制器


image.png

總結(jié):
![image.png](https://upload-images.jianshu.io/upload_images/19106707-b5d675216d3459c2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/12 40)

10.用函數(shù)處理模板中的變量:變量調(diào)節(jié)器

image.png

示例:
控制器文件:


image.png

html文件及結(jié)果:


image.png

總結(jié):


image.png

11.模板默認(rèn)值與運(yùn)算符:無(wú)值也可輸出

模板變量默認(rèn)值:


image.png

在模板中用豎線|,和default就可以給沒有賦值的變量設(shè)置一個(gè)初始值。
示例:


image.png

模板變量的算數(shù)運(yùn)算符:
image.png

示例:
x,y初始值是在控制器賦值了。


image.png

結(jié)果:
image.png

總結(jié):


image.png

12.原樣輸出與模板注釋

原樣輸出:


image.png

模板注釋:


image.png

示例:


image.png

13.模板布局:全局配置/模板配置/控制器配置

公共模板文件:


image.png

創(chuàng)建的公共文件路徑:


image.png

在模板中引入公共文件:
image.png
13.1.全局配置:實(shí)現(xiàn)模板布局
image.png

示例:
首先打開自定義的config.php文件,寫上配置信息,替換字符默認(rèn)

image.png

然后在視圖目錄view下,創(chuàng)建layout.html布局模板。
image.png

然后控制器渲染模板時(shí),會(huì)先渲染這個(gè)布局模板,再將CONTENT渲染成視圖模板文件的內(nèi)容。
視圖模板文件index.html
image.png

控制器渲染后的結(jié)果:
image.png

13.2.模板里配置(不依賴框架配置):實(shí)現(xiàn)模板布局
image.png

示例:
先在配置文件config.php中將布局模板配置關(guān)掉。


image.png

結(jié)果和之前一樣。

13.3.控制器中動(dòng)態(tài)配置模板布局參數(shù)
image.png

總結(jié):


image.png

14.模板繼承:模板布局加強(qiáng)版,公共模板終結(jié)者

模板繼承語(yǔ)法:


image.png

模板繼承原理:


image.png

示例:
父模板
image.png

頭部:


image.png

尾部和頭部類似,都在base文件夾下
index.html視圖文件:
image.png
image.png

結(jié)果:


image.png

總結(jié):


image.png

15.循環(huán)標(biāo)簽:模板大量數(shù)據(jù)輸出工具

循環(huán)標(biāo)簽:volist循環(huán)
有三個(gè)語(yǔ)法,重點(diǎn)用第一個(gè)


image.png

示例:
控制器部分:


image.png

視圖部分:
image.png

結(jié)果:
image.png

froeach循環(huán):只有兩個(gè)屬性


image.png

for循環(huán):
comparsion屬性代表的是start和end的的關(guān)系。
默認(rèn)step步長(zhǎng)為1
name是循環(huán)變量,就像for循環(huán)中的i、j、k等
示例:


image.png

結(jié)果:


image.png

總結(jié):


image.png

16.比較標(biāo)簽:簡(jiǎn)化模板設(shè)計(jì),智能處理需求

比較標(biāo)簽的語(yǔ)法:


image.png

示例:egt


image.png

結(jié)果:
image.png

比較標(biāo)簽還有一個(gè)compare;
下邊代碼也可以實(shí)現(xiàn)上例功能,不多多了一個(gè)參數(shù)type,可以設(shè)置比較類型,eq 、neq、 gt、 egt 等


image.png

總結(jié):


image.png

17.條件判斷標(biāo)簽:雙分支/多分支/范圍

17.1. if 條件判斷標(biāo)簽
image.png

示例:根據(jù)控制器向視圖模板傳入的模板變量籍貫,將代表籍貫的123數(shù)字,區(qū)分后漢字顯示


image.png

結(jié)果:


image.png
17.2. switch多分枝條件判斷標(biāo)簽
image.png

示例:根據(jù)控制器傳給視圖模板的數(shù)據(jù)1234,來(lái)區(qū)分用戶級(jí)別,顯示到表格中


image.png

結(jié)果:


image.png
17.3.范圍判斷標(biāo)簽:
image.png

示例:根據(jù)控制器向視圖模板傳遞的模板變量工資,判斷工資范圍,顯示成漢字


image.png

結(jié)果:


image.png
17.4.存在或空值判斷
image.png

總結(jié):


image.png

18.原生標(biāo)簽:終極解決手段

如何在模板中使用原生的PHP標(biāo)簽


image.png

示例:php原生語(yǔ)法在視圖模板中寫循環(huán)


image.png

結(jié)果:


image.png

總結(jié):
image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,763評(píng)論 6 539
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,238評(píng)論 3 428
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,823評(píng)論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,604評(píng)論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,339評(píng)論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,713評(píng)論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,712評(píng)論 3 445
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,893評(píng)論 0 289
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,448評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,201評(píng)論 3 357
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,397評(píng)論 1 372
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,944評(píng)論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,631評(píng)論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,033評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,321評(píng)論 1 293
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,128評(píng)論 3 398
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,347評(píng)論 2 377

推薦閱讀更多精彩內(nèi)容