idea配置JavaWeb详细过程

第零章 准备工作

IntelliJ IDEA 2021.3.2（不要使用社区版）

tomcat 8.5.39

文章主要是使用空项目创建JavaWeb项目和使用Maven创建JavaWeb项目两种方式

自己第一次创建JavaWeb项目走了很多弯路花费了较多时间，自己写一篇文章给第一次创建JavaWeb项目的小伙伴参考。

内容简单，步骤简洁，按照步骤基本都可以成功。原理和细节部分可以自己创建成功后慢慢琢磨。

第一章 空项目创建JavaWeb项目

第一步 创建空项目

开始界面

new project

中间有个配置项目名

然后一直next

第一步完成后效果图

第二步 配置项目结构

file --> project structure

  

添加web 模型

点右下角create artifact 然后ok

第三步 添加tomcat

add configurations

加号 然后找到tomcat server-->local

第一次需要让idea找到tomcat的位置

 警告点击fix 然后ok

第四步 运行测试Tomcat

创建一个jsp测试文件

名称取index

index.jsp(index.jsp启动服务器时会自动打开)

 Hello JavaWeb

点击三角形运行tomcat

进度条走完后默认浏览器自动打开，显示默认页面（index.jsp）内容

第五步 创建servlet测试文件

src --> new --> java class

 

HttpServlet爆红（没有导包,下面有导包方法）

导包后写入测试内容

com.crlion.MyServlet.java

 package com.crlion;
 ​
 import javax.servlet.ServletException;
 import javax.servlet.annotation.WebServlet;
 import javax.servlet.http.HttpServlet;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 import java.io.IOException;
 ​
 @WebServlet("/hello")
 public class MyServlet extends HttpServlet {
     @Override
     protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
         resp.getWriter().println("Hello Servlet");
     }
 }

第六步 重启测试Servlet

重启tomcat

地址栏加上/hello访问servlet成功

导包的方法

方法1：

新建一个lib文件夹，然后[ javax.servlet-api-4.0.1.jar](https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api/4.0.1) 放入文件夹 add as library

导包成功

 

方法2( maven 导包)：

新建一个文件pom.xml

pom.xml

 <?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>org.example</groupId>
     <artifactId>test</artifactId>
     <version>1.0-SNAPSHOT</version>
     <packaging>war</packaging>
 <!--    依赖包    -->
     <dependencies>
         <!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
         <dependency>
             <groupId>javax.servlet</groupId>
             <artifactId>javax.servlet-api</artifactId>
             <version>4.0.1</version>
             <scope>provided</scope>
         </dependency>
     </dependencies>
 </project>

点击右下角 load maven project

最后刷新导入成功

第三章 快速创建JavaWeb项目

第一步 maven创建项目

new project maven 然后点击 webapp结尾的 最后 next

写个名字

next 结束

第二步 添加tomcat

和创空项目时添加tomcat一样

第三步 运行测试Tomcat

会自动生成测试文件

index.jsp

第四步 导入依赖

自动创建pom.xml文件

在pom.xml 的 dependencies中 加入下面依赖

         <!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
         <dependency>
             <groupId>javax.servlet</groupId>
             <artifactId>javax.servlet-api</artifactId>
             <version>4.0.1</version>
             <scope>provided</scope>
         </dependency>

第五步 创建Servlet测试文件

项目名右键，新建文件夹src/main/java

 

创建java文件

 

com.crlion.MyServlet.java

 package com.crlion;

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

@WebServlet("/hello")
public class MyServlet extends HttpServlet {
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.getWriter().println("Hello Servlet");
    }
}

第六步 重启测试Servlet

地址栏加上/hello

第四章 总结

使用maven创建JavaWeb项目简化了导包步骤

tomcat主要的作用是给外部提供了一个可以访问项目的端口

Servlet和前端的jsp/html共同构成了视图层（View层）

JavaWeb创建的一般步骤：

创建项目

添加tomcat

最后测试一下servlet