至顶网›软件频道 ›Wicket初次接触2之Navomatic

Wicket初次接触2之Navomatic

扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条

　　喵。猫咪又来把自己Blog上的文章转到这里来了。欢迎大家访问猫咪的Blog。地址是：http://blog.sina.com.cn/u/1400658603 　　猫咪这几天上网搜索了一下。发现Wicket已经有了Eclipse插件了。

作者：中国IT实验室来源：中国IT实验室 2007年9月30日

关键字：

然后设计网页模版。模版名称必须和类的名称相同。NavomaticBorder.html代码如下：

<html>
　　<body>
　　　　<wicket:border>
　　　　　　<table>
　　　　　　　　<tr>
　　　　　　　　　　<td>
　　　　　　　　　　　　
　　　　　　　　　　　　　　Navigation Links
　　　　　　　　　　　　　　
　　　　　　　　　　　　　　<wicket:link>
　　　　　　　　　　　　　　　　<a href = "Page1.html">Page1</a> 
　　　　　　　　　　　　　　　　<a href = "Page2.html">Page2</a> 
　　　　　　　　　　　　　　　　<a href = "Page3.html">Page3</a>
　　　　　　　　　　　　　　</wicket:link>
　　　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　</td>
　　　　　　　　　　<td>
　　　　　　　　　　　　
　　　　　　　　　　　　　　<wicket:body/>
　　　　　　　　　　　　
　　　　　　　　　　</td>
　　　　　　　　</tr>
　　　　　　</table>
　　　　</wicket:border>
　　</body>
</html>

我们可以看到，两个Boxborder类都负责做什么。navigationBorder负责显示Page1到Page3的三个连接；bodyBorder则负责显示每个页中定义的导航条内容。所有的格式控制都是使用的标准Html标签。你可以很容易的修改布局和使用CSS样式表美化页面。
　　刚才我们在NavomaticApplication类中设定Page1为首页。下面我们就开始编写Page1.class和Page1.html。在Eclipse中选择“新建”，然后在“Wicket”类别中选择“Wicket WebPage”，输入类名为“Page1.class”。你会看到，同时系统为你创建了一个“Page1.html”网页。代码很简单，我就不详细说明了。大家自己看一下应该就明白了。
Page1.class代码：

package wicket.examples.navomatic;
import wicket.markup.html.WebPage;
public class Page1 extends WebPage{
　　public Page1(){
　　　　add(new NavomaticBorder("navomaticBorder"));
　　}
}

Page1.html代码：

<html>
　　<body>
　　　　
　　　　　　You are viewing Page1
　　　　
　　</body>
</html>

Page2和Page3与Page1基本上一样，只有html部分稍有不同。
Page2.class代码：

package wicket.examples.navomatic;
import wicket.markup.html.WebPage;
public class Page2 extends WebPage {
　　public Page2(){
　　　　add(new NavomaticBorder("navomaticBorder"));
　　}
}

Page2.html代码：

<html>
　　<body>
　　　　
　　　　　　You are viewing Page2
　　　　
　　</body>
</html>

查看本文来源

VIP专区

VIP用户

普通用户

邮件订阅

如果您非常迫切的想了解IT领域最新产品与技术信息，那么订阅至顶网技术邮件将是您的最佳途径之一。

重磅专题

往期文章

Wicket初次接触2之Navomatic

业界热点: