使用apicloud訪問服務(wù)器接口,獲取到想要的數(shù)據(jù)之后,如果使用Javascript腳本拼接HTML代碼來生成對(duì)應(yīng)的產(chǎn)品或者新聞列表的話,需要組合的html代碼字符串真的就是超級(jí)繁瑣,然后還要把他們插入到頁面對(duì)應(yīng)的位置,光是想一下就覺著很頭痛,因?yàn)閖avascript不是標(biāo)記性語言,不適合生成html代碼,所以,我們?cè)陂_發(fā)app項(xiàng)目的時(shí)候也不推薦使用javascript拼接字符串的形式來完成一些html頁面的顯示,這里APIcloud提供了一個(gè)很好的模板引擎來幫助我們更好更方便的開發(fā)我們的app,更好的實(shí)現(xiàn)數(shù)據(jù)和頁面分離,動(dòng)態(tài)實(shí)現(xiàn)html頁面代碼的過程。
如果是學(xué)過php的同學(xué)肯定都知道最常用的模版引擎,smarty模版引擎,doT模版引擎的作用類似于smarty而且使用方法上也比較類似,例如想要在div標(biāo)簽顯示獲取的數(shù)據(jù)可以這樣來表示《html標(biāo)簽》{{=value.字段}}《html標(biāo)簽》下面是一段具體的doT實(shí)例代碼
這是一段完整的doT模版代碼,在使用doT模版引擎的時(shí)候,首先我們需要在頁面中引入doT模版引擎的Javascript文件,。然后再將需要循環(huán)顯示的HTML內(nèi)容寫在上圖中的script表現(xiàn)內(nèi)。
然后我們需要準(zhǔn)備一下一些處理:
1.準(zhǔn)備測(cè)試使用數(shù)據(jù)(value)
2.獲取模版內(nèi)容(strTemplate)
3.根據(jù)模版內(nèi)容編譯為模版函數(shù)(fnTemplate)
4.使用編譯好的模版生成HTML字符串
5.講HTML字符串插入頁面
上面是一段實(shí)例代碼,在模版中,傳入的數(shù)據(jù)默認(rèn)用it來表示。使用了數(shù)組遍歷{{~it:value:index}}{{~}} 這個(gè)標(biāo)記之間的代碼將會(huì)被重復(fù)輸出html,簡(jiǎn)單的使用方法就是這樣,具體更多的使用技巧還需要在項(xiàng)目中更多的去學(xué)習(xí)和摸索