|
1.new一个maven工程,在Artifact Id选择maven-archetype-webapp,之后输入你的group id和Artifact id以及包名。
2.为工程新建三个source folder:src/main/java、src/test/java、src/test/resources。
3.右键项目,Java Build Path -> Source
双击每个文件夹的Output folder,选择路径。
src/main/java,src/main/resources,选择target /classes;
src/test/java ,src/test/resources, 选择target/test-classes;
选上Allow output folders for source folders.
4.右键项目,选择Project Facets,点击Convert to faceted from,Dynamic Web Module的Version为2.5(3.0为Java7的),java version选择1.6
5.修改web.xml文件,内容如下:
<servlet>
<servlet-name>ClickServlet</servlet-name>
<servlet-class>org.apache.click.ClickServlet</servlet-class>
<load-on-startup>0</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>ClickServlet</servlet-name>
<url-pattern>*.htm</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>hello.htm</welcome-file>
</welcome-file-list>
6.pom文件加入我们需要依赖的包,
<groupId>xxx</groupId>
<artifactId>xxx</artifactId>
<version>0.0.1-SNAPSHOT</version>
<packaging>war</packaging>
<name>xxx Maven Webapp</name>
<url>http://maven.apache.org</url>
<properties>
<javax.servlet.version>2.5</javax.servlet.version>
<click.version>2.3.0</click.version>
</properties>
<dependencies>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>servlet-api</artifactId>
<scope>provided</scope>
<version>${javax.servlet.version}</version>
</dependency>
<dependency>
<groupId>org.apache.click</groupId>
<artifactId>click-nodeps</artifactId>
<version>${click.version}</version>
<scope>compile</scope>
</dependency>
<dependency>
<groupId>org.apache.click</groupId>
<artifactId>click-extras</artifactId>
<version>${click.version}</version>
<scope>compile</scope>
</dependency>
</dependencies> 7.在src/main/resources下新建click.xml
<click-app charset="UTF-8">
<pages package="com.xxx.pages" automapping="true"/>
<mode value="debug"/>
</click-app>
8.在指定包下新建一个Hello类
public class Hello extends Page{
private static final long serialVersionUID = 1L;
private ActionLink control=new ActionLink("hello",this,"onClick");
private ActionLink form=new ActionLink("form",this,"onForm");
@Override
public void onInit() {
this.addModel("time", new Date());
this.addControl(control);
this.addControl(form);
}
public Boolean onClick(){
String msg = "this is control listener!";
addModel("msg", msg);
return true;
}
/**
*
* 功能描述:两种跳转方式
*
*/
public Boolean onForm(){
this.setRedirect(xxx.class);
//this.setRedirect("xxx.htm?hello=i love you!");
return false;
}
}
9.在webapp下新建hello.htm页面
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>click</title>
</head>
<body>
now time is:$time
<div>
<p>$msg</p>
click <a href="$hello.href">here</a>
#if ($msg)
<div> $msg </div>
#else
<div>hello world!</div>
#end
</div>click <a href="$form.href">here</a> to skip</body>
</html>
10.部署项目到tomcat,启动并访问。 |
|
|