手把手教你学javaweb（一）系统搭建

前言

​ 我是一名工作了几年的java程序员，踩过很多坑，也解决过很多棘手的bug。目前工作不是太忙，就打算把自己的经验做一个分享。希望通过我的分享，能够给广大的java程序员解决一点点问题，少踩一些坑，从中学到一些知识。当然，我也不是什么大牛，其中不足之处或者个人见解不同肯定是有的，希望各位多多提出意见和想法，我们共同进步！

javaweb项目的搭建

​

一、用到的技术环境和工具

jdk 版本： jdk 1.8

maven版本： 3.6.3

开发工具： IntelliJ IDEA 社区版 （旗舰版确实很香，但是破解版总是用几天就不行了，很讨厌）

二、创建父项目

这里创建一个父maven项目，用来管理以后分享所有的模块。

pom文件如下

<?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">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.cgy</groupId>
    <artifactId>code-demos</artifactId>
    <version>1.0-SNAPSHOT</version>
   
    <packaging>pom</packaging>
    <properties>
        <maven.compiler.source>8</maven.compiler.source>
        <maven.compiler.target>8</maven.compiler.target>
    </properties>
    <dependencyManagement>

    </dependencyManagement>
    <dependencies>
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.76</version>
        </dependency>
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-lang3</artifactId>
            <version>3.9</version>
        </dependency>
    </dependencies>
</project>

其中 cgy是作者名字的首字母，创建的时候父工程将src目录整个删除掉，父工程只做依赖管理，不需要写源代码

fastjson 和 commons-lang3 是非常好用的工具组件，在这里直接作为强制依赖。

三、创建web-demo模块

• 在父工程右键选择 new --> module… 创建名称为web-demo的子模块 ,引入 servlet 相关的依赖，jsp相关的依赖，文件上传所需要的类库，mysql驱动。 由于所使用的工具是社区版，无法添加外置tomcat，我们这里使用tomcat 的插件

子模块的pom如下

<?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>code-demos</artifactId>
        <groupId>com.cgy</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>

    <artifactId>web-demo</artifactId>
    <packaging>war</packaging>
    <properties>
        <maven.compiler.source>8</maven.compiler.source>
        <maven.compiler.target>8</maven.compiler.target>
    </properties>
    <dependencies>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.0.1</version>
            <scope>provided</scope>
        </dependency>

        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>taglibs</groupId>
            <artifactId>standard</artifactId>
            <version>1.1.2</version>

        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>

        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.32</version>
        </dependency>
        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.4</version>
        </dependency>
    </dependencies>
    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.tomcat.maven</groupId>
                <artifactId>tomcat7-maven-plugin</artifactId>
                <version>2.2</version>
                <configuration>
                    <port>8080</port>
                    <path>/web-demo</path>
                    <uriEncoding>UTF-8</uriEncoding>
                </configuration>
            </plugin>
        </plugins>
        <finalName>web-demo</finalName>
    </build>
</project>

pom文件中的 finalName 是指定打包后的war包名称 为 web-demo.war

• 在web-demo的main目录下创建名为webapp的目录，然后在webapp目录下创建WEB-INF 目录，在WEB-INF目录下新建 web.xml文件

注意目录结构，一定要在main目录下创建webapp目录，不然项目启动后会找不到web.xml文件

web.xml文件如下

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
   
  
</web-app>

如果web.xml文件 下载不到声明里面的 xsd而报红， 无所谓，不影响的

• 编写第一个servlet 类 HelloServlet

代码如下

package com.cgy.demos.web.servlet;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class HelloServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
       this.doPost(req,resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
         resp.getWriter().write("hello servlet");
    }
}

这里只往浏览器输出一句话 hello servlet

• 在web.xml中配置刚刚写的servlet （servlet 3.0后新增了@WebServlet注解 可以像springmvc的@Controller那样 不需要配置在web.xml中）

​ 配置完servlet后的web.xml如下

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
    <servlet>
        <servlet-name>helloServlet</servlet-name>
        <servlet-class>com.cgy.demos.web.servlet.HelloServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>helloServlet</servlet-name>
        <url-pattern>/hello</url-pattern>
    </servlet-mapping>

</web-app>

• 使用maven插件启动项目

• 打开浏览器 输入 http://localhost:8080/web-demo/hello

ok！ 至此，最简单的一个servlet程序搭建完成！