Wicket 1.5和Tapestry 5比较
Struts框架一度很流行，现在还有很多开发者使用Struts，因为处理遗留代码和投资方面的原因，有更多的开发者已经开始转向使用基于组件的 框架。JSF是最受欢迎的组件框架之一，因为JSF是JCP的一部分，而且得到很多厂商支持。JSF 2.0即将发布，不过本文要讨论的是另外两个基于组件框架：Wicket 1.5和Tapestry 5。
很快，Apache基金会将会发布两个有趣的框架新的版本：Wicket 1.5和Tapestry 5。很多人会问，这两个哪个更好?下面我们将在同一平台上对它们做比较。
1.Build Tool
对于很多开发者来说，build tool不是特别重要，但是这是值得考虑的因素之一。Wicket 1.5和Tapestry 5都使用maven作为build tool，这个它们没有区别。
2.Configuration 配置
Wicket 1.5和Tapestry 5都是采用xml，必须要配置的文件是web.xml。其他的，还需要配置xml设置页面调用的action等。这两个框架都认为开发框架应该负责生成URL和页面渲染的顺序，而不是让开发者在xml配置告诉框架如何做。
Wicket的web.xml
| 1 < web - app > 2 < display - name > wicket </ display - name > 3 < listener > 4 < listener - class > org.springframework.web.context.ContextLoaderListener </ listener - class > 5 </ listener > 6 < context - param > 7 < param - name > contextConfigLocation </ param - name > 8 < param - value > classpath:applicationContext.xml </ param - value > 9 </ context - param > 10 11 < filter > 12 < filter - name > wicket </ filter - name > 13 < filter - class > org.apache.wicket.protocol.http.WicketFilter </ filter - class > 14 < init - param > 15 < param - name > applicationClassName </ param - name > 16 < param - value > agilist.lab.WicketApplication </ param - value > 17 </ init - param > 18 </ filter > 19 20 < filter - mapping > 21 < filter - name > wicket </ filter - name > 22 < url - pattern > /* </url-pattern> 23 </filter-mapping> 24 25 </web-app> |
如上显示，大多数配置在Java class：WicketApplication中，WicketApplication是一个用来定义你的web应用的java class。
下面是WicketApplication的部分代码：
| 1 public class WicketApplication extends WebApplication{ 2 public WicketApplication(){} 3 4 public void init(){ 5 super .init(); 6 } 7 8 public Class < HomePage > getHomePage() { 9 return HomePage. class ; 10 } 11 } |
WicketApplication扩展了WebApplication，后者用来通过HTTP协议 调用页面。在getHomePage()中返回index.html
Tapestry 5
下面看看Tapestry 5的配置，和Wicket类似，唯一必须要配置的文件是web.xml。
| 1 < web-app > 2 < display-name > tapestry5 </ display-name > 3 < context-param > 4 < param-name > tapestry.app-package </ param-name > 5 < param-value > agilist.lab </ param-value > 6 </ context-param > 7 < filter > 8 < filter-name > app </ filter-name > 9 < filter-class > org.apache.tapestry5.TapestryFilter </ filter-class > 10 </ filter > 11 < filter-mapping > 12 < filter-name > app </ filter-name > 13 < url-pattern > /* </ url-pattern > 14 </ filter-mapping > 15 </ web-app > |
在web.xml中，你告诉tapestry到哪里去找到你的页面，组件和mixins。在配置中，你的页面，组件和mixins应该在以下目录中：
* Components: agilist.lab.components
* Pages: agilist.lab.pages
* Mixins: agilist.lab.mixins
tapestry 5也拥有配置java class的能力，也类似Wicket。
| 1 public class AppModule 2 { 3 public static void bind(ServiceBinder binder) 4 { 5 binder.bind(Member. class ); 6 } 7 8 public static void contributeApplicationDefaults( 9 MappedConfiguration < String, String > configuration) 10 { 11 configuration.add(SymbolConstants.SUPPORTED_LOCALES, " en " ); 12 configuration.add(SymbolConstants.PRODUCTION_MODE, " false " ); 13 } 14 } |
这两个框架在配置方面做的都很棒。
3.Controller/Page Class
Wicket 和 Tapestry，都是被称为基于 controller in action的框架，两者都是同一的方式来匹配page和class。
Tapestry中，比如我有一个AddMemberPage.java,我的模板名字就是AddMemberPage.html，在Wicket中是用AddMemberPage.tml作为模板。
Wicket：
wicket page class：
| 1 public class AddMemberPage extends BasePage { 2 private static final Logger logger = LoggerFactory.getLogger(AddMemberPage. class ); 3 4 private Member member; 5 6 public AddMemberPage() { 7 add( new AddMemberForm( " addMemberForm " , new CompoundPropertyModel( new Member() ))); 8 } 9 10 public class AddMemberForm extends Form { 11 public AddMemberForm(String id, final CompoundPropertyModel model) { 12 super (id, model); 13 14 member = (Member)model.getObject(); 15 16 add( new TextField( " name " )); 17 18 add( new Button( " save " ){ 19 public void onSubmit(){ 20 logger.info( " Member name: {} " , member.getName()); 21 } 22 }); 23 } 24 } 25 } |
这是作为父class的BasePage class：
| 1 public class BasePage extends WebPage{ 2 public BasePage() { 3 add( new PageLink( " homeLink " , HomePage. class ) 4 .add( new Label( " homeLabel " , new ResourceModel( " home " )))); 5 6 add( new BookmarkablePageLink( " addMemberLink " , AddMemberPage. class ) 7 .add( new Label( " addMemberLabel " , new ResourceModel( " member.add " ) ) ) 8 ); 9 } 10 } |
Tapestry 5：
Tapestry 5 Page class：
| 1 public class Add { 2 @Inject private Logger logger; 3 4 @Inject @Property @Parameter private Member member; 5 6 void onSelectedFromSave(){ 7 logger.info( " Member name: {} " , member.getName()); 8 } 9 } |
和wicket相同。你必须定义layout class给模板使用。和wicket不同点在于 tapestry 5 模板中使用组件而不是继承。下面是layout class：
| 1 public class Layout { 2 } |
因为layout将作为一个组件，所以必须处于组件包下面。
wicket page class比tapestry 5长很多，不过很有趣，你会发觉wicket中的page class类似swing controller，而tapestry 5和JSF方式更象。
4.模板
Wicket 1.5和Tapestry 5的模板都是使用普通HTML，你不需要调用任何特殊的taglib。
wicket：
wicket通过继承方式使用模板，有一个parent父page，作为主要和涉及所有layout的子片断的内容。
| 1 < html > 2 < head > 3 </ head > 4 < body > 5 < div id = " wrap " > 6 < div id = " header " > 7 < a href = " # " wicket:id = " homeLink " >< span wicket:id = " homeLabel " /></ a > 8 < a href = " # " wicket:id = " addMemberLink " >< span wicket:id = " addMemberLabel " /></ a ></ div > 9 < div id = " content " > 10 < wicket:child /></ div > 11 < div id = " footer " > 12 Copyright </ div > 13 </ div > 14 </ body > 15 </ html > |
这和之前的BasePage html layout一致。使用wicket:child标签，就可以让其他子页面继承模板。
1  < html > 2 < head ></ head > 3 < body > 4 < wicket:extend > 5 < form wicket:id ="addMemberForm" > 6 < table > 7 < tr > 8 < td > Name </ td > 9 < td >< input type ="text" wicket:id ="name" /></ td > 10 </ tr > 11 < tr > 12 < td > </ td > 13 < td >< input type ="submit" wicket:id ="save" /></ td > 14 </ tr > 15 </ table > 16 </ form > 17 </ wicket:extend > 18 </ body > 19 </ html > |
Tapestry
Tapestry5 模板使用的是组件方式：
| 1 < html xmlns:t ="http://tapestry.apache.org/schema/tapestry_5_0_0.xsd" > 2 < head > 3 </ head > 4 < body > 5 < div id ="wrap" > 6 < div id ="header" > 7 < a t:type ="PageLink" page ="home" > ${message:home} </ a > 8 < a t:type ="PageLink" page ="member/Add" > ${message:member.add} </ a ></ div > 9 < div id ="content" > 10 < t:body /></ div > 11 < div id ="footer" > 12 Copyright </ div > 13 </ div > 14 </ body > 15 </ html > |
t:body用来定义什么地方来放置一个组件模板。
使用模板：
| 1 < t:layout xmlns:t ="http://tapestry.apache.org/schema/tapestry_5_0_0.xsd" > 2 < table > 3 < t:form > 4 < tr > 5 < td > Name </ td > 6 < td >< input t:type ="TextField" t:id ="name" t:size ="30" t:value ="prop:member.name" /></ td > 7 </ tr > 8 < tr > 9 < td ></ td > 10 < td >< input t:type ="Submit" t:id ="save" value ="save" /></ td > 11 </ tr > 12 </ t:form ></ table > 13 </ t:layout > |
5.Spring integration 和Spring 集成
Wicket and Tapestry中集成spring都很简单，无缝集成。
wicket：
在init()加一行代码：
Java 代码
| 1 addComponentInstantiationListener( new SpringComponentInjector( this )); |
类似这样：
| 1 public class WicketApplication extends WebApplication{ 2 public WicketApplication(){} 3 4 public void init(){ 5 super .init(); 6 7 addComponentInstantiationListener( new SpringComponentInjector( this )); 8 } 9 10 public Class < HomePage > getHomePage() { 11 return HomePage. class ; 12 } 13 } |
接下来就可以使用spring bean从page class中使用annotating @SpringBean调用：
| 1 public class AddMemberPage extends BasePage { 2 private static final Logger logger = LoggerFactory.getLogger(AddMemberPage. class ); 3 4 private Member member; 5 6 private @SpringBean MemberService service; 7 8 public AddMemberPage() { 9 add( new AddMemberForm( " addMemberForm " , new CompoundPropertyModel( new Member() ))); <span
分享到：
发表评论 |
评论