一个 Web 项目的创建及配置(完整版)

打开你的idea:

1、新建一个Maven项目:

下面这两种情况任选其一:
一个 Web 项目的创建及配置(完整版)_第1张图片
一个 Web 项目的创建及配置(完整版)_第2张图片
然后再弹出的窗口中先选择 Maven,在点 next:
一个 Web 项目的创建及配置(完整版)_第3张图片
选择你项目所要存储的位置,以及项目名:(点击 Finish)
一个 Web 项目的创建及配置(完整版)_第4张图片

2、配置 pom.xml:

在弹出的 pom.xml 中新增:

<!-- 1、打包方式 -->
    <packaging>war</packaging>

    <!-- 2、项目的基本信息 -->
    <properties>
        <maven.compiler.source>1.8</maven.compiler.source>
        <maven.compiler.target>1.8</maven.compiler.target>
    </properties>

    <!-- 3、添加依赖 -->
    <dependencies>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>
    </dependencies>

一个 Web 项目的创建及配置(完整版)_第5张图片
然后点击右侧的 Maven,在点击刷新,将项目部署进去
一个 Web 项目的创建及配置(完整版)_第6张图片

3、Tomcat部署:

一个 Web 项目的创建及配置(完整版)_第7张图片
一个 Web 项目的创建及配置(完整版)_第8张图片
一个 Web 项目的创建及配置(完整版)_第9张图片

一个 Web 项目的创建及配置(完整版)_第10张图片
修改上下文路径:(名字自己知道就行)
比如: localhost:8080/你的上下文路径/具体的servlet
一个 Web 项目的创建及配置(完整版)_第11张图片
Tomcat 版本自己当初安装了哪个版本就选择哪个版本就行:
一个 Web 项目的创建及配置(完整版)_第12张图片

4、代码准备:

在 main 包下创建一个 webapp 的包,再在 webapp 包下创建一个 WEB-INF包,最后加入 web.xml
一个 Web 项目的创建及配置(完整版)_第13张图片
一个 Web 项目的创建及配置(完整版)_第14张图片

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         version="3.1">
</web-app>

我们在 java包下写后端代码,在 webapp包下写前端代码

你可能感兴趣的:(JavaWeb,maven,tomcat,web)