javascript jst模板引擎

ID：6142159

大小：54.81 KB

页数：5页

时间：2018-01-04

资源描述：

《javascript jst模板引擎》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、http://www.bjaccp.comJavaScriptJST模板引擎TrimpathJavaScript是个轻量级的，基于JavaScript的，跨浏览器，采用APL/GPL开放源代码协议的，可以让你轻松进行基于模板编程方式的纯JS引擎。新浪的评论系统使用的就是此模板。　　它有如下的特点：　　1、采用标准的JavaScript编写，支持跨浏览器　　2、模板语法类似于：FreeMarker，Velocity,Smarty　　3、采用简易的语言来描述大段的字串以及Dom/DHTML操作　　4、可以很方便的解析XML文件格式的数据到指定模板。　　采

2、用该引擎，可以让它来完全处理View方面的事情，服务端Module直接输出Data就可以。让你的MVC模式连成一体，而且由于View由浏览器来处理，大大减少了服务器的负担，用来构建Ajax技术的网络信息系统应用是一个非常好的选择。下面将通过翻译该站的文章来给大家介绍这个JST引擎的使用。　　CODE:　　1. 2. 3. 4. 5. 6.

3、putDiv"> 7.

8. 9.var data = { 10.products : [ { name: "mac", desc: "computer", 11.price: 1000, quantity: 100, alert:null }, 12.{ name: "ipod", desc: "music player", 13.price: 200, quantity: 200, alert:"on sale now!" }, 14.{ name: "cin

4、ema display", desc: "screen", 15.price: 800, quantity: 300, alert:"best deal!" } ], 16.customer : { first: "John", last: "Public", level: "gold" } 17.}; 18. 19. 20.Hello ${customer.first} ${customer.last}.
21.Yo

5、ur shopping cart has ${products.length} item(s): 22.

23. 24. 25.{for p in products} 26. 27. http://www.bjaccp.com1. 2.{forelse} 3.No products in your cart. 4.{/for} 5.

Name

Description

Price

Quantity & Alert

${p.name

6、capitalize}

${p.desc}

$${p.price}

${p.quantity} : ${

7、p.alert

8、default:""

9、capitalize}

6.{if customer.level == "gold"} 7.We love you! Please check out our Gold Customer specials! 8.{else} 9.Become a Gold Cu

10、stomer by buying more stuff here. 10.{/if} 11. 12. 13.// The one line processing call... 14.var result = TrimPath.processDOMTemplate("cart_jst", data); 15.// Voila! That's it -- the result variable now holds 16.// the output of ou

11、r first rendered JST. 17.// Alternatively, you may al

当前文档最多预览五页，下载文档查看全文

侵权申诉



1 1 2 3 4 5 / 5



此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文

javascript jst模板引擎

javascript jst模板引擎

相关文章

相关标签