创建基于wicket的web项目入门实例(一)

最新推荐文章于 2024-06-10 09:31:27 发布

IluckySi

最新推荐文章于 2024-06-10 09:31:27 发布

阅读量5.1k

点赞数

分类专栏： ------wicket 文章标签： maven wicket hibernate spring

本文链接：https://blog.csdn.net/sidongxue2/article/details/22750499

版权

------wicket 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

用了Wicket近一年多了,对于Wicket这一强大的web框架却知之甚少,所以从今天起,开始系统的整理一下Wicket资料.
在这里我并不对其他web框架做详细介绍,更不会拿其他web框架和Wicket做比较,只是简单的的介绍Wicket框架中一些组件的使用.
Wicket简单介绍:
1.在wicke中用Html描述UI,并将具有特殊标记的Html元素定义为UI控件,在java文件中则直接操作这些UI控件,以控制其输出及行为和样式等,
类似的框架还有Tapestry,不过Tapes的文件是通过xml文件来绑定view层和model层.总之,这种基于组件的开发方式,开创了一种新的web开发方式.
2.Wicket的框架结构与Swing非常相似,Wicket是很纯粹的Java代码,所以可以很好的应用OO设计思想.
3.虽然Wicket包含了Java和Html两部分内容,但是它并不是一种模板语言,并没有将Java代码与Html混合在一起,也不需要强制在Html代码中添加
新的语法,只需要通过在Html标签中加入wicket:id这样的方式将Java代码与Html页面进行关联.
4.Wicket结构上比较安全,它的URL经过了处理,不包含敏感的信息,并且可以对URL进行加密,所以很难直接通过URL来访问某一个功能.
对于wicket的简单介绍就到这里,接下来直接通过一个小例子来对开发基于wicket的web项目有一个大概的认识.

1.创建web项目,导入必须的jar包.

2.创建java类,直接看代码.

<span style="font-size:12px;">package com.ilucky.wicket;

import org.apache.wicket.markup.html.WebPage;
import org.apache.wicket.markup.html.basic.Label;


/**
 * @author IluckySi
 * @date 20140331
 */
public class HelloWorld extends WebPage {

	private static final long serialVersionUID = 1L;

	public HelloWorld() {
		String model = "Hello World!";
		Label  demo = new Label("demo", model);
		add(demo);
	}
}
</span>

在这个java类中,我们使用了Wicket提供的Label控件来输出"Hello,World"这个字符串,对于熟悉swing的同学,这并不陌生.

3.创建html类,直接看代码.

<span style="font-size:12px;"><!DOCTYPE html>
<html>
  <head>
    <title>HelloWorld.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
   		<div wicket:id="demo"></div>
  </body>
</html>
</span>

在html文件中,我们用了wicket:id来标记此处的数据是由java类中某个控件注入的.
看到这里,问题来了,当加载某个页面的时候,如何知道html文件中的控件对应哪个java文件中的那个控件呢?
答案很简单,Wicke使用规则匹配方式在模板文件和类之间自动进行.例如对于com.ilucky.wicket.HelloWorld.java这个类,
Wicket会自动在com.ilucky.wicket这个包下面查找HelloWorld.Html文件自动进行匹配,
当然wicket提供了重新制定这个规则的办法,这里不做介绍.
4.创建Application的实现类.
如果要运行这个程序，还需要写一个Application类,Application类在系统中主要管理相关信息的配置,

并且通过getHomePage方法就可以定义用户请求时的默认页面,直接看代码.

<span style="font-size:12px;">package com.ilucky.wicket;

import org.apache.wicket.Page;
import org.apache.wicket.protocol.http.WebApplication;

/**
 * @author IluckySi
 * @date 20140331
 */
public class WicketApplication extends WebApplication {

	public Class<? extends Page> getHomePage() {
		return HelloWorld.class;
	}
}
</span>

5.最后看web.xml文件,这里不做详细介绍.

<span style="font-size:12px;"><?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
	<display-name>wicket-demo</display-name>
	 
	 <filter>
        <filter-name>wicketFilter</filter-name>
        <filter-class>org.apache.wicket.protocol.http.WicketFilter</filter-class>
        <init-param>
            <param-name>applicationClassName</param-name>
            <param-value>com.ilucky.wicket.WicketApplication</param-value>
        </init-param>
    </filter>
    
    <filter-mapping>
        <filter-name>wicketFilter</filter-name>
        <url-pattern>/w/*</url-pattern>
    </filter-mapping>
</web-app>
</span>

完成上面五步后,将项目在tomcat下部署,然后在浏览器中就可以通过http://192.168.72.153:8080/wicket-basedemo/w/ 访问页面了.

点击本链接下载源代码！

IluckySi

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
创建基于wicket的web项目入门实例(一)

用了Wicket近一年多了,对于Wicket这一强大的web框架却知之甚少,所以从今天起,开始系统的整理一下Wicket资料.在这里我并不对其他web框架做详细介绍,更不会拿其他web框架和Wicket做比较,只是简单的的介绍Wicket框架中一些组件的使用.Wicket简单介绍:1.在wicke中用Html描述UI,并将具有特殊标记的Html元素定义为UI控件,在java文件中则直接
复制链接

扫一扫

专栏目录