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
扫描二维码关注公众号,回复:
775623 查看本文章
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,启动并访问。