站内搜索: 请输入搜索关键词

当前页面: 开发资料首页Eclipse 专题Wicket初次接触2之Navomatic

Wicket初次接触2之Navomatic

摘要: Wicket初次接触2之Navomatic
<table cellSpacing=0 cellPadding=0 border=0 class="zh114" align="right"> <tr> <td > </td> </tr> </table>

  喵。猫咪又来把自己Blog上的文章转到这里来了。欢迎大家访问猫咪的Blog。地址是:http://blog.sina.com.cn/u/1400658603
  猫咪这几天上网搜索了一下。发现Wicket已经有了Eclipse插件了,叫Wicket Bench。不过我试用了一下。发现如果直接使用Wicket Bench建立工程,无法自动部署(也许是有办法,但是我没找到)。而且好像还有些毛病,总是提示找不到Wicket的包文件。有可能是我设置哪里不对吧。不过用来建立WebPage还是相当好用的。Wicket Bench没办法直接下载,把http://www.laughingpanda.org/svn/wicket-bench/trunk/wicket-bench-site加入Eclipse的升级站点后运行就可以了。
  还有,因为Wicket不需要JSP来显示网页,所以IDE本身只要能支持自动部署和HTML编辑就可以了。猫咪现在推荐使用Eclipse+WTP+Wicket Bench来编写。和MyEclipse相比,不需要缴纳任何费用,而且全中文(WTP也有自己的中文包。而MyEclipse使用时,即使Eclipse中文包安装了,也只能用英文界面,不然就有可能出错)。如果需要编写Hibernate和Spring,可以再添加Hibernate和Spring专用插件。
  好了,这次我们来个稍微复杂一点的,做一个自定义导航条。这次猫咪改用Eclipse+WTP+Wicket Bench来写。
  制作导航条这个自定义组件,需要继承wicket.markup.html.border.Border这个类。而且还要做一个模版页面。
  我们首先来看一下模版页面的设计。下面就是一个自定义导航条的模版:


  <body>
    
      First Last
    

  </body>


  其中之间的就是导航条的具体内容。格式你可以随便组合。标签,表示具体每个使用导航条的页面要显示的文字部分。比如具体页面如下:


  <body>
    
      Middle
    

  </body>


那么显示出来就是:


  <body>
    First Middle Last
  </body>


“First”和“Last”是模版中的文字,“Middle”是具体网页中的文字。显示的是二者的组合。
  好了,现在我们开始编写这个导航条。打开Eclipse,新建一个动态Web工程。建立工程后,首先是建立控制器,NavomaticApplication.class。代码如下:

package wicket.examples.navomatic;
import wicket.protocol.http.WebApplication;
public class NavomaticApplication extends WebApplication{
  public Class getHomePage(){
    return Page1.class;
  }
}

然后调整web.xml文件,把这个类加进去。内容如下:

<?xml version="1.0" encoding="UTF-8"?>

  
    NavomaticApplication
      wicket.protocol.http.WicketServlet
      
        applicationClassName
        wicket.examples.navomatic.NavomaticApplication
      

    1
  

  
    NavomaticApplication
    /app/*
  



  现在我们开始编写导航条控件。制作自定义控件和Asp.net差不多,包括一个处理类和一个网页模版。首先建立导航条类NavomaticBorder.class。这个类需要继承wicket.markup.html.border.Border类。在类的构造函数中,添加两个BoxBorder控件。这两个控件如何放置,则是模版文件的工作。类具体代码如下:

package wicket.examples.navomatic;
import wicket.markup.html.border.Border;
import wicket.markup.html.border.BoxBorder;
public class NavomaticBorder extends Border{
  public NavomaticBorder(String arg0){
    super(arg0);
    add(new BoxBorder("navigationBorder"));
    add(new BoxBorder("bodyBorder"));
  }
}

[1] [2] [3] 下一页


<table width="96%"> <tr> <td background="http:///images/dian.gif" height="3"></td> </tr> </table>

↑返回目录
前一篇: 开源技术 Eclipse使用技巧
后一篇: 开源技术:Eclipse 插件功能研究