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

最新推荐文章于 2024-05-08 11:01:10 发布

福清

最新推荐文章于 2024-05-08 11:01:10 发布

阅读量3.2k

点赞数

分类专栏： web 文章标签： webapp idea maven

本文链接：https://blog.csdn.net/Tsingfu1986/article/details/40374773

版权

web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

新接触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

4.4.2图2

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