Lite模板系统

Lite 模板系统资源列表

项目交流
googlecode：http://lite.googlecode.com/

QQ群：169075269
Lite2 使用文档
语法参考 / 在线测试 / 安装测试部署...
Lite2 测试报表
Lite2 在 PHP / JavaScript / Java 三种运行环境下的对比测试报表。
JSide调试服务器参考
JSide 调试服务器是一个Java 编写的测试用服务器。

可运行 PHP / Java视图? / 服务端JavaScript, 可用Java或者JavaScript 做功能扩展。

可用于模板?测试和静态资源的实时编译。
liteWrap 参考
liteWrap 是一个基于E4X 设计的 JavaScript 模板风格，可以将一个简单的html标签嵌入到JavaScript中，并像使用普通JavaScript函数一样使用这组标签描述的模板功能。

var modelA ={ id : 'a', tpl : liteWrap(function(title,list){ //E4X 语法 <div class="modelA">  <h2 class="model-title">${title}</h2> <ul>  <li c:for="${item:list}"> <strong>${item.title}</string> <c:if test="${item.content}"> <p>${item.content}</p> </c:if> </li> </ul> </div> }), repaint:function(title,list){ $(this.id).innerHTML = this.tpl(title,list) } }

翻译后代码：

var modelA ={ id : 'a', tpl : function(title,list){ var liteImplx=liteImpl[0]; var liteImpll=liteImpl[1]; var $__out__=[] $__out__.push("<div class=\"modelA\">\n\n<h2 class=\"model-title\">",liteImplx(title),"</h2>\n<ul>\n\n"); var $_2=liteImpll(list) var $_0=0; var $_1 = $_2.length-1; for(;$_0<=$_1;$_0++){ var item=$_2[$_0]; $__out__.push("<li>\n<strong>",liteImplx(item.title),"</strong>\n"); if(item.content){ $__out__.push("\n<p>",liteImplx(item.content),"</p>\n"); } $__out__.push("\n</li>"); } $__out__.push("\n</ul>\n</div>"); return $__out__.join(''); }, repaint:function(title,list){ $(this.id).innerHTML = this.tpl(title,list) } }

Lite 模板系统资源列表

翻译后代码：