大家好,從今天開始,我們就開始進(jìn)入高級教程了,希望大家能夠有新的收獲。
今天我要講的是模板的使用,那什么是模板呢,其實(shí)模板就是代碼的高度復(fù)用,比如說我做了一個(gè)登錄頁面,這個(gè)登錄頁面我還想在另一個(gè)地方用,那我是不是得把代碼在重新寫一遍呢,要是這樣想的話,那就是大錯(cuò)特錯(cuò)了,而有了模板,我們把代碼放在模板里,以后那個(gè)地方想用的話,就直接調(diào)用這個(gè)模板就可以啦,說了那么多,來舉個(gè)例子吧。
首先,我們在pages目錄下的post目錄下創(chuàng)建一個(gè)template目錄,如圖:
template目錄 在template目錄里面創(chuàng)建如圖所示的文件,分別為post-template.wxml和post-template.wxss文件,創(chuàng)建完畢之后我們在post-template.wxml里面寫段代碼,如圖:
大家一看,template這個(gè)標(biāo)簽是什么,哈哈,這個(gè)標(biāo)簽就是模板標(biāo)簽,只有使用這個(gè)標(biāo)簽,才能夠變成模板哦,大家記住就行啦,不用多想。template標(biāo)簽有一個(gè)屬性叫name,意思就是給模板起個(gè)名字,我起的名字叫做post,這個(gè)名字很重要。起完之后,模板我們就大功告成樓。那么這個(gè)模板我們怎么使用呢?大家打開post.wxml,在第一行輸入如圖所示代碼:
引入模板 這句話就是用來引入模板,import就是用來引入模板的語句,大家記住就行,src我就不說了,和image標(biāo)簽里面的src屬性一樣。引入之后,大家隨便找個(gè)地方寫上如圖所示的代碼就行啦:
在post.wxml文件里面引用這個(gè)模板,使用template標(biāo)簽,只不過這里的屬性變成了is,is中文的意思為是,翻譯過來為模板是post,也就是說這個(gè)模板叫做post,而這個(gè)post就是我們在post-template.wxml中的name值。大家看一下效果把: