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() )));