学习笔记: IDEA+maven创建webapp项目示例

时间:2023-02-04 20:09:28

新接触web, 以下是本人测试时的学习笔记-基于IDEA+maven环境创建webapp项目示例


webapp项目开发基本流程:

1设计目录结构

2编写Webapp代码,实现业务逻辑

3编写webapp部署描述文件web.xml

4测试


IDEA+maven创建webapp项目示例

1创建maven-webapp项目(step1: 设计目录结构)

有两种方式可选
方式1:IDE(IDEA/eclipse)内新建maven-webapp项目
mvn创建项目使用的 archetypeArtifactId, 默认maven-archetype- quickstart
(1) JAVA项目 mvn archetype:create - DgroupId=net.bwda -DartifactId=common
(2) web 项目 mvn archetype:create - DgroupId=net.bwda -DartifactId=web-app - DarchetypeArtifactId=maven-archetype- webapp
默认情况下:
源代码在{basedir}/src/main/java
资源文件在{basedir}/src/main/resources
测试代码是在  {basedir}/src/test

更新:20141017
参考:Maven 环境快速搭建二(eclipse+maven2+jetty)
http://www.cnblogs.com/fnng/archive/2011/12/16/2290587.html
本文有提示创建一个项目用archetype:create  create是个被废弃或不被推荐使用的插件,在以后创建项目中请尽量使用archetype:generate
创建一个项目,如下:
mvn archetype:generate -DgroupId=com.chongshi.test -DartifactId=hello -DpackageName=com.chongshi.test -Dversion=1.0

方式2: mvn命令行新建webapp项目
--web空项目

mvn archetype:generate \
-DarchetypeGroupId=org.apache.maven.archetypes \
-DarchetypeArtifactId=maven-archetype-webapp \
-DgroupId=org.company \
-DartifactId=webAppTest2

1.1方式1时,新建webapp项目后,

还要手工创建部分目录webapp/WEB-INF子目录以及 web.xml classes lib
并设置 compile output 路径 webAppTest1/src/main/webapp/WEB-INF/classes

webapp项目目录结构如下

hadoop@myubuntu:~/wing/linux4/data/datadir_idea/projects/mytest$ tree webAppTest1
webAppTest1
├── pom.xml
├── src
│ ├── main
│ │ ├── java
│ │ │ └── examples
│ │ │ └── servlet
│ │ │ └── ServletDemo.java
│ │ ├── resources
│ │ └── <span style="background-color: rgb(255, 255, 0);">webapp
│ │ ├── index.jsp
│ │ ├── login.jsp
│ │ └── WEB-INF
│ │ ├── classes
│ │ │ └── examples
│ │ │ └── servlet
│ │ │ └── ServletDemo.class
│ │ ├── lib
│ │ └── web.xml</span>
│ └── test
│ └── java
├── target
│ └── generated-sources
│ └── annotations
└── webAppTest1.iml

17 directories, 7 files
hadoop@myubuntu:~/wing/linux4/data/datadir_idea/projects/mytest$


1.2配置pom.xml(保存后,maven自动下载获取依赖包, 编写业务代码时import需要使用)

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<parent>
<artifactId>sparkTest</artifactId>
<groupId>org.company</groupId>
<version>1.0-SNAPSHOT</version>
<relativePath>../sparkTest/pom.xml</relativePath>
</parent>
<modelVersion>4.0.0</modelVersion>

<artifactId>webAppTest1</artifactId>

<span style="background-color: rgb(255, 255, 0);">//添加部分
<packaging>war</packaging>
<dependencies>
<!-- JUnit配置 -->
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>3.8.1</version>
<scope>test</scope>
</dependency>
<!-- 添加Servlet -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>servlet-api</artifactId>
<version>2.5</version>
<scope>provided</scope>
</dependency>
</dependencies>
</span>
<build>
<finalName>webAppTest1</finalName>
</build>

</project>


2 编写Webapp代码,实现业务逻辑
2.1
webAppTest1/src/main/java/examples.servlet.ServletDemo.java

package examples.servlet;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
* Created by hadoop on 14-10-16.
*/
public class ServletDemo extends HttpServlet {

private static final long serialVersionUID=1L;

public ServletDemo(){
super();
}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
doPost(request, response);
}

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
request.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=utf-8");

String action = request.getParameter("action");
if("login_input".equals(action)) {
request.getRequestDispatcher("login.jsp").forward(request , response);
} else if("login".equals(action)) {
String name = request.getParameter("name");
String password = request.getParameter("password");

System.out.println("name->" + name + ",password->" + password);
}
}
}



2.2
webAppTest1/src/main/webapp/index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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>Insert title here</title>
</head>
<body>
<h1><p>用Maven创建web项目,测试Servlet</p></h1>
<a href="demo?action=login_input">登录(demo?action=login_input)</a>
</body>
</html>

2.3
webAppTest1/src/main/webapp/login.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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>Insert title here</title>
</head>
<body>
<form action="demo?action=login" method="post">
Name:<input type="text" name="name" />
Password:<input type="password" name="password" />

<input type="submit" value="登录" />
</form>
</body>
</html>


3编写webapp部署描述文件
webAppTest1/src/main/webapp/WEB-INF/web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:javaee="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<javaee:display-name>Archetype Created Web Application</javaee:display-name>
<servlet>
<javaee:description></javaee:description>
<javaee:display-name>ServletDemo</javaee:display-name>
<servlet-name>ServletDemo</servlet-name>
<servlet-class>examples.servlet.ServletDemo</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>ServletDemo</servlet-name>
<url-pattern>/demo</url-pattern>
</servlet-mapping>
</web-app>

解释:
1)  <servlet-name> 标签是给你的servlet起个名字,整个名字是给tomcat来看的;
2) <servlet-class> 对应你编译后的servlet的类名;
3) <url-pattern> 整个标签主要是告诉tomcat,Client端访问我这个servlet而使用的字段是什么;

注意两点:
a)  <url-pattern>标签内容要以”/”开头;
b) 每个servlet可以对应很多个访问字段


4本地tomcat测试环境搭建

4.1获取安装tomcat

http://tomcat.apache.org/download-80.cgi

unzip apache-tomcat-8.0.14.zip

vi ~/.profile(.bash_profile)
#For apache-tomcat-8.0.14
CATALINA_HOME=/home/hadoop/app/apache-tomcat-8.0.14
PATH=$CATALINA_HOME/bin:$PATH
export CATALINA_HOME

4.2启动tomcat server
cd ~/app/apache-tomcat-8.0.14
bin/start.sh

设置tomcat自动为我们监控目录是否有变化,有变化就自动为我们重新加载,设置方法:
在tomcat目录下,conf/context.xml 打开后将 <Context> 标签加入一个属性,如下:
<Context>
=>改为
<Context reloadable="true">


4.3 本地测试环境部署webapp方式1
cd webapps
ln -s /media/wing_sda8/linux4/data/datadir_idea/projects/mytest/webAppTest1/src/main/webapp/ webAppTest1

4.4 brower测试
http://localhost:8080/webAppTest1/
4.4.1图1

学习笔记: IDEA+maven创建webapp项目示例

4.4.2图2

学习笔记: IDEA+maven创建webapp项目示例


5参考资料

java webapp开发基础
参考1:java web应用程序的规范目录结构
http://blog.csdn.net/liu716zhifei/article/details/6945992

参考2: Maven3路程(三)用Maven创建第一个web项目(2)servlet演示
http://www.cnblogs.com/leiOOlei/p/3372521.html