使用apicloud訪問(wèn)服務(wù)器接口，獲取到想要的數(shù)據(jù)之后，如果使用Javascript腳本拼接HTML代碼來(lái)生成對(duì)應(yīng)的產(chǎn)品或者新聞列表的話，需要組合的html代碼字符串真的就是超級(jí)繁瑣，然后還要把他們插入到頁(yè)面對(duì)應(yīng)的位置，光是想一下就覺著很頭痛，因?yàn)閖avascript不是標(biāo)記性語(yǔ)言，不適合生成html代碼，所以，我們?cè)陂_發(fā)app項(xiàng)目的時(shí)候也不推薦使用javascript拼接字符串的形式來(lái)完成一些html頁(yè)面的顯示，這里APIcloud提供了一個(gè)很好的模板引擎來(lái)幫助我們更好更方便的開發(fā)我們的app，更好的實(shí)現(xiàn)數(shù)據(jù)和頁(yè)面分離，動(dòng)態(tài)實(shí)現(xiàn)html頁(yè)面代碼的過(guò)程。

如果是學(xué)過(guò)php的同學(xué)肯定都知道最常用的模版引擎，smarty模版引擎，doT模版引擎的作用類似于smarty而且使用方法上也比較類似，例如想要在div標(biāo)簽顯示獲取的數(shù)據(jù)可以這樣來(lái)表示《html標(biāo)簽》{{=value.字段}}《html標(biāo)簽》下面是一段具體的doT實(shí)例代碼

這是一段完整的doT模版代碼，在使用doT模版引擎的時(shí)候，首先我們需要在頁(yè)面中引入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字符串插入頁(yè)面

上面是一段實(shí)例代碼，在模版中，傳入的數(shù)據(jù)默認(rèn)用it來(lái)表示。使用了數(shù)組遍歷｛｛~it:value:index｝｝{{~}} 這個(gè)標(biāo)記之間的代碼將會(huì)被重復(fù)輸出html，簡(jiǎn)單的使用方法就是這樣，具體更多的使用技巧還需要在項(xiàng)目中更多的去學(xué)習(xí)和摸索