如何應用前端頁面模板doT

我想問你們個問題,在數據交互的時候有沒有被拼接html字符串弄得頭暈轉向心情瞬間很差很差的?
我就是這樣,因此找了一個快速開發更高效並且心情依然很美麗的方法,那就是題目中的doT咯。
下面來說講怎麼用吧,
首先要將doT.js這個js文件引入你的html中,https://github.com/olado/doT這個網頁裏面就能夠下載哦;
其次就是應用它了,在什麼地方用呢?  你在數據請求ajax中會循環拼接字符串吧,這些就能夠做爲模板來哦,例如這張圖片html

靜態頁面這樣寫,那動態的話就是用這個id循環裏面的html並賦值了,而doT不須要這樣子,只要在你的靜態頁上面改動就好了,git

樣子就ok了,再說說ajax裏面怎麼寫呢,這樣子,var tmpHtml = $("#temp").text();$("#slider-js").html(doT.template(tmpHtml)(result.data));(ps:tmpHtml是圖片中的模板,result.data是數據源)
再說說it這個變量,它其實就是doT傳進去的數據對象,也就指的是result.data。 if條件判斷就用{{?}}{{?}},else if就用{{??}}{{?}}(PS:最後這個{{?}}表明的是條件判斷結束「}」),for循環這樣寫也能夠{{ for(var i=0;i<arr.length;i++) { }}for裏面的處理{{ } }}  
經常使用的也就是這些了。  還有什麼疑問能夠回覆本帖。
github

相關文章
相關標籤/搜索