現在web前端也是一個(gè)非常熱門(mén)的行業(yè)，想要學(xué)習web前端開(kāi)發(fā)的同學(xué)請看這里北京web前端模板引擎 ，通過(guò)對前端成神之路-模板引擎，如何用 Groovy模板引擎建立一個(gè)現代Web應用，必須掌握的前端模板引擎之a(chǎn)rt-template?? 的了解，希望以上信息可以幫助到您

1.前端成神之路-模板引擎

?## 1. 模板引擎文檔： Ajax 項目中存在的問(wèn)題 數據和HTML字符串拼接導致代碼混亂，拼接容易出錯，增加修改難度。 業(yè)務(wù)邏輯和用戶(hù)界面混合，代碼不易維護。 for (var i = 0; i < result.length; i++) { html += '\ \ \ \ \ \ \

你好,'+name+' 我今年 '+age+'歲

\

\
• '+hobbies[0]+'
\

\ 奇米在线7777在线精品|国产成人精品免费视|精品无码不卡一区二区三区|国内综合精品午夜久久资源|亚洲视频在线观看.. \ '; } 1.2 模板引擎的作用使用模板引擎提供的模板語(yǔ)法可以使數據和HTML字符串拼接的更加美觀(guān)，代碼易于維護。模板引擎能夠使用戶(hù)界面的數據拼接和業(yè)務(wù)邏輯分離，增加程序的可擴展性。使用模板引擎可以提高開(kāi)發(fā)效率。

你好, {{name}}, 我今年{{age}}歲

{{each}}
• {{$value.hobbies}}
{{/each}}

1.3 模板渲染 // 將特定模板與特定數據進(jìn)行拼接 const html = template('tpl',{ name: '張三', age: 20 });2. 模板語(yǔ)法模板語(yǔ)法的作用是告訴模板引擎數據和模板要如何進(jìn)行拼接。2.1 輸出將數據顯示在模板中。

{{value}}

{{a ? b : c}}

{{a + b}}

2.2 原文輸出如果數據中攜帶HTML標簽，默認情況下，模板引擎不會(huì )解析標簽，會(huì )將其轉義后原文輸出。

{{@ value }}

2.3 條件判斷{{if 條件}} ... {{/if}} {{if v1}} ... {{else if v2}} ... {{/if}} {{if 條件}} {{else}} {{/if}}2.4 循環(huán){{each target}} {{$index}} {{$value}} {{/each}}2.5 導入模板變量 template.defaults.imports.變量名 = 變量值; $imports.變量名稱(chēng) function （未格式化的原始時(shí)間）{ return '已經(jīng)格式化好的當前時(shí)間' } template.defaults.imports. = ;

2.如何用 Groovy模板引擎建立一個(gè)現代Web應用

是一個(gè)full-stack(全棧的)Java Web應用框架，包括一個(gè)簡(jiǎn)單的無(wú)狀態(tài)MVC模型，具有Hibernate的對象持續，一個(gè)基于Groovy的模板引擎，以及建立一個(gè)現代Web應用所需的所有東西。 Play!的關(guān)鍵特性: 1、一個(gè)非常簡(jiǎn)單的開(kāi)發(fā)周期。此框架自動(dòng)編譯和重新裝載源文件的任何改變。 2、智能捆綁HTTP參數到Java方法參數。 3、基于A(yíng)pache Mina的快速HTTP服務(wù)器。 4、一個(gè)基于Groovy的強大的模板引擎，具有多層繼承，定制用戶(hù)標簽的能力，等。

3.必須掌握的前端模板引擎之a(chǎn)rt-template

常用的模板引擎有tpl.js、、doT.js、art-template等等；我所理解的模板引擎就是把js數據傳到html中展示出來(lái)；art-template 是一個(gè)簡(jiǎn)約、超快的模板引擎。art-template有兩種語(yǔ)法：一、標準語(yǔ)法可以讓模板更容易讀寫(xiě)；二、原始語(yǔ)法具有強大的邏輯處理能力。引入模板定義模板

上面的模板我用的循環(huán)作為例子，具體更多的語(yǔ)法請到官方網(wǎng)站文檔查看請求數據，將數據傳給模板$.ajax({ type:"post", url:"xxxxxxxx",//請求地址 dataType:"json", success:function(data){ // 調用模板引擎的方法，填充數據 var html = template("classify",data); var divResult = document.("#"); //這是模板循環(huán)外面的div divResult.innerHTML = html; }, });json數據最終效果

看了以上有關(guān)前端成神之路-模板引擎，如何用 Groovy模板引擎建立一個(gè)現代Web應用，必須掌握的前端模板引擎之a(chǎn)rt-template??的講解，如果還有什么疑問(wèn)可以直接來(lái)電咨詢(xún)