查找最好的模板引擎,发现这个搜索词出来的是beetl,于是就仔细学习了Beetl,试图找寻“最好的”三个字表现在哪里?于是搭建环境,阅读代码,与鄙人所做的TinyTemplate进行了粗略的对比,在征得beetl作者@闲.大赋 的同意后,编写了此对比文章。由于时间关系,对Beetl的认知深度还有不足,分析不当之处在所难免,还请广大同学纠正,定当有错误和不当必改。
点滴悟透设计思想,加入框架设计兴趣小组:http://bbs.tinygroup.org/group-113-1.html
Beetl的环境搭建
输入命令
1 | [WARNING] Some problems were encountered while[INFO] Scanning for[ERROR] [ERROR] Non-resolvable parent POM: Could not find[ERROR] [ERROR] For more[INFO] ------------------------------------------------------------- [INFO] beetl-core ......................................... FAILURE [ 44.926[ERROR] [ERROR] For more information about the errors and possible solutions, please read the following articles: [INFO] beetl-core ......................................... SUCCESS [03:52 min] [INFO] ------------------------------------------------------------------------ 从这里看,整体来说还可以,把一些bak文件上传上来,稍嫌不严谨,另外有些jpg文件直接放在根目录也有一点点乱,如果整理一下就更好了。 这里面有几个东东,就有点难理解了,为什么这里放了个jar文件?为什么这里放了个lib目录?为什么这里放了个performance工程?性能评测的代码怎么会放到core工程中??
从代码规模来说,Tiny完胜,只有Beetl的不到1/4。代码重复率方面Beetl也相当不错了,当然Tiny的更好一点。复杂度Beetl方面也不错,当然 Tiny的要更好一点。包耦合指数方面差不多,但是包耦合循环方面,tiny只有Beetl的一半。 从上面的数据来看,Tiny的方法更小,包依赖的长度更短,更容易维护。
| If parExpression statement (Else statement)? #ifSt | While parExpression statement #whileSt | Select g_switchStatment #selectSt | Return expression? END #returnSt | Continue END #continueSt | Directive directiveExp #directiveSt | functionTagCall #functionTagSt | Ajax Identifier COLON block #ajaxSt | END #end |
上面是Beetl支持的语法。 tiny模板引擎支持的语法有:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
| if_directive | for_directive | import_directive | stop_directive | macro_directive | layout_impl_directive | call_directive | blank_directive | indent_directive | call_macro_directive | bodycontent_directive ; |
二者做个对比: 语法体系的差异,Beetl采用的是类似jsp的方式,而Tiny模板引擎采用的是Velocity的方式,二者各有优缺点,因此并无好坏之分,只是萝卜青菜上的差异。从我本人来说,是非常讨厌类似于<% ... %>来方式圈定脚本,而更喜欢Velocity的直接用指令嵌入的方式来进行使用,所以我选择了类 Velocity的方式。因此语法体系方面没有什么好比较的。
对于常规指令Beetl和Tiny模板引擎都有良好的支持
- 循环指令两者都支持for和while,都支持break,contine,stop/return等。同时也都支持else,也就是当循环次数为0时,执行一些操作,比如:有数据的时候在循环体内展示数据,没有数据的时候显示else中的默认内容。
- 在条件判断方面Beetl支持了if、switch、select等指令,而tiny模板引擎则是由强大的#if() ... #elseif()... #else...#end指令格式来完成所有的条件判断,两者功能都可以互相覆盖。
项目 | Beetl | Tiny |
定义临时变量 | var number=1 | #set(number=1) |
定义页面变量 | template.binding("number",1) | #!set(number=1) |
属性引用 | ${user.wife.name} | ${user.wife.name} |
算述表达式 | <% var a1 = 12; var b1 = (a1+15)/3-2*a1; var bc = -1-b1; %> ${bc} |
#set(a1=12,b1 = (a1+15)/3-2*a1,bc = -1-b1) ${bc} 当然,#set指令也可以一行写一个赋值指令 |
逻辑表达式 | <% var a1 = 12; var b1 = a1==12; var b2 = a1!=12; %> ${b1} ${b2} |
#set(a1 = 12,b1 = a1==12,b2 = a1!=12) ${b1} ${b2} |
循环语句 | <% print("总共"+userList.~size+"<br>"); for(user in userList){ %> ${userLP.index} ${user.name} <br> <%}%> |
总共${userList.size()} #for(user in userList) ${userFor.index} ${user.name} #end |
条件语句 | <% var user = map["001"]; if(user.name=="lijz"){ print(user.name); }else{ return ; } %> |
#set(user = map."001") #if(user.name=="lijz") ${user.name} #else #return #end |
函数调用 | <% print("hello"); println("hello"); printf("hello,%s,your age is %s","lijz",12+""); %> |
${format("hello")} ${format("hello\n")} ${format("hello,%s,your age is %s","lijz",12)} |
格式化 | <% var now = date(); var date = date("2013-1-1","yyyy-MM-dd"); %> now=${now,dateFormat=‘yyyy年MM月dd日‘} date=${date,dateFormat=‘yyyy年MM月dd日‘} or now=${now,‘yyyy年MM月dd日‘} |
tiny模板引擎不允许动态创建对象,但是允许通过自定义函数或SpringBean来获取对象。 假设,这里在上下文中在now和date两个变量 now=${format(now,‘yyyy年MM月dd日 HH:mm:SS‘)} date=${format(date,‘yyyy年MM月dd日‘)} |
成员方法调用 | <% var list = [5,2,4]; %> ${ @java.util.Collections.max(list)} |
#set( list = [5,2,4]) ${list.get(1)} |
安全输出 | <% var user1 = null; var user2 = null; var user3 = {"name":"lijz",wife:{‘name‘:‘lucy‘}}; %> ${user1.wife.name!"单身"} ${user2.wife.name!} ${user3.wife.name!"单身"} |
#set(user1 = null,user2 = null,user3 = {"name":"lijz",wife:{‘name‘:‘lucy‘}}) %> ${user1?.wife?.name?:"单身"} |
注释 | <% //最大值是12; /*最大值是12*/ var max = 12; %> |
##最大值是12; #*最大值是12*# #set( max = 12) |
上面做了两个模板引擎的常规指令的示例和对比,基本上采用Beetl在线示例中的示例然后用Tiny模板引擎的语法来同样实现的功能。
下面来说说一些有意思的高级功能
项目 | Beetl | Tiny模板引擎 | |||||||||||||
异常处理 | <% try{ callOtherSystemView() }catch(error){ print("暂时无数据"); } %> |
Tiny模板引擎的设计者认为如果让模板引擎来处理异常,实际上是有点过度设计的意味,而应该是系统的异常处理框架去处理之。模板只参与展示层的处理,不参与业务逻辑处理。 | |||||||||||||
虚拟属性 |
|
${user.toJson()} Tiny支持为某种类增加一些扩展的成员函数,和Beetl的虚拟属性的意思是相同的,但是在函数调用过程中,使用方式与原生成员函数没有区别。如果扩展的方法是getXxx,那么就可以直接调用object.xxx的方式按属性的方式来进行调用。 |
|||||||||||||
函数扩展 | <% var date = date(); var len = strutil.len("cbd"); println("len="+len); %> |
Tiny也提供了函数扩展体系,也完全可以添加类似的函数扩展,调用方式也差不多。 #set(date =date(),len=strutil.len("cbd")) |
|||||||||||||
标签的支持 | public class CmsContentTag extends GeneralVarTagBinding { public void render(){ Object id= this.getAttributeValue("id"); try {ctx.byteWriter.writeString("当前定义了一个窜上:"+id.toString()); }catch (IOException e){ e.printStackTrace(); } } } |
Tiny没有提供标签的扩展功能,却提供了强大的宏定义功能 简单宏定义
layout.html 是布局文件
运行结果:
错误提示如下:
beetl只给出了具体的位置在哪一行,以及整个模板(或者比较近位置的模板)内容。 |
错误提示如下:
Tiny则明确给出了精确的坐标,x1,y1-x2,y2,同时还给出了具体出问题的内容,相对来说程序员查找问题更加迅捷。 |
||||||||||||
工具的支持 beetl的插件功能 Beetl插件如约而来!
安装说明:
本插件是beetl模板语言插件,请放到dropins目录下重启即可。如果以前安装过,需要删除以前保本
如果文件以.btl结尾,则自动以插件方式打开,否则,可以通过右键此文件,选择open-with,并选择beetl editor,不建议使用btl结尾,请尽量使用原有编辑器,参考使用说明4快捷使用beetl editor
使用说明:
1 工程属性里有个beetl属性,可以指定定界符号等,默认是<%%> ${}。也可以指定模板根目录(可选,不必手工填写,在模板单击定位里会提示你选择)2 ctrl-2 定位到下一个beetl 块3 ctrl-3 定位到上一个beetl块4 ctrl-4 将普通文件以beetl editor方式打开,并保持同步编辑 5 ctrl-5 静态文本全部折叠和打开静态文本折叠6 可以ctrl+单击字符串定位到字符串对应的模板文件,第一次使用的时候,需要选择模板根目录,随后,也可以在project属性的beetl配置里配置模板根目录7 alt-/ 进行上下文提示。也可以键入此快速输入定界符号和占位符号8 alt-shift-p 从{ 快速移动到 匹配的},或者反之亦然。如果只单击{ 则会框选住匹配的} 而光标不移动9 选中任何id,都能全文框选住同样的id。10 ctrl-/ 单行注释,或者取消注释11 通常eclipse具有的快捷操作方式,beetl仍然予以保留不变 12 具备一定的错误提示,目前只提示第一个发现的错误。Tiny模板引擎的插件功能
- 大纲支持:支持在大纲当中显示一些关键内容,并可以快速定位
- 语法高亮:支持在编辑器中,根据语法进行着色,使得代码更容易阅读和排错
- 错误提示:如果模板语言存在错误,则可以在工程导航、错误视图及编辑窗口进行错误提示
- 代码折叠:支持对代码块进行代码折叠,方便查阅
- 语法提示:支持Tiny模板引擎语法提示及Html语法提示方便快速录入
- 快速定位:支持Tiny模板中开始语句与结束语句间快速切换
- 变量快速提示:点鼠标点击某变量时,会高亮显示文件中的所有同名变量
- 宏定义对应位置显示:在tiny块处理的标签头部按ctrl时,会高亮显示与其对应的#end,反之亦然
- 格式化:可以按快捷键ctrl+shift+F进行格式化了
- 注释处理:可以按快捷键ctrl+/来进行快速设置单行注释或取消单行注释,可以按ctrl+shift+/来进行快速设置块注释或取消块注释
由于篇幅太长,因此这里不贴完整内容,详细请看链接:http://my.oschina.net/tinyframework/blog/365370
OK,工具上完全不在一个等级上。
代码质量对比
代码质量这个本身没有唯一标准,这里贴一下类似的功能的代码对比,不做评论:
for语句实现 Beetl版
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 |
Expression idNode; Expression exp; Statement forPart; Statement elseforPart; boolean public public * for(idNode in exp) {forPath}elsefor{elseforPart} * @param exp * @param elseforPart */ ForStatement(VarDefineNode idNode, Expression exp, boolean { this.idNode = idNode; this.hasSafe = hasSafe; this.forPart = forPart; public // idNode 是其后设置的 Object collection = exp.evaluate(ctx); if if BeetlException ex = new ex.pushToken(exp.token); ex; else it = new } else it = IteratorStatus.getIteratorStatusByType(collection, itType); (it == null) BeetlParserException ex = new ex.pushToken(exp.token); ex; } // loop_index // ctx.vars[varIndex+3] = it.getSize(); if (it.hasNext()) ctx.vars[varIndex] = it.next(); switch case case continue; IGoto.RETURN: case return; } (!it.hasData()) if } } { (it.hasNext()) ctx.vars[varIndex] = it.next(); if if } hasItem = false;
OtherTerminalNodeProcessor(); void(int interpretTree(engine, templateFromContext, templateParseTree.getChild(i), pageContext, context, writer,fileName ); |
嗯嗯,不到100行的规模
当然整个通读下来,就会慢慢发现为什么Tiny的代码行数这么少功能却又多的原因之所在了。
总结
Beetl算得上是较好的模板语言框架和不错的开源项目,但是距离“最好的”三个字还是有一定差距的,作为@闲.大赋 的粉丝,偶会持续支持他,也希望他能再积再累,真正当得起“最好的”三个字。
补充说明
beetl里面有4014行由antlr生成的代码,实际统计中,由于Beetl的目录结构没有按标准化的来,导致统计中包含了这部分代码,因此实际上,应该是在16000+,因此规模是Tiny模板引擎的3倍左右,特此纠正。
欢迎访问开源技术社区:http://bbs.tinygroup.org。本例涉及的代码和框架资料,将会在社区分享。《自己动手写框架》成员QQ群:228977971,一起动手,了解开源框架的奥秘!或点击加入QQ群:http://jq.qq.com/?_wv=1027&k=d0myfX