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