IDEA 22.2.3 创建web项目及Tomcat部署与服务器初始界面修改(保姆版)

开始前请确认自己的Tomcat、JDK已经安装配置完毕
不同版本的IDEA创建配置流程可能不同,演示中的IDEA版本号为22.2.3
本教程创作时间为2023/09/14

1.创建项目

通过下图路径进入创建界面,项目名称、路径、JDK都选择完毕后点击Create创建

2.创建web目录

右键单击目录名呼出二级菜单,并选择Add Framework Support选项

进入下图界面后,勾选两个红色方框内选项------(Web Application(4.0) && Create web.xml),勾选后单击右下角ok即可创建web目录

下图是操作后的目录.

顺带一提,里面的index.jsp文件是默认的Tomcat服务器启动后的初始界面,如果在没有更改初始界面的情况下删除,会造成打开服务器后开始界面404 的情况

我们正常创建JSP文件也是在web目录中,要与WEB-INF平级,跟下图中的New file.jsp一样

3.配置Tomcat

IDEA界面右上角,Current File右边有个小三角,单击打开二级菜单,选择第一个Edit Configurations

进入下图界面后,我们点击左上角的**"+"号** ,在菜单中选择Tomcat Server下的Local

选择后按下图步骤添加Artifact..

添加完成后我们回到Server界面

按照下图界面进行操作

  • 选择JRE
  • 查看端口号与Tomcat端口号是否一致
  • 选择自己启动浏览器

4.尝试启动Tomcat服务器

单击小绿标就可以启动了

启动后可能会看见下图的红色乱码信息,这只是启动时的相关信息,不必担心。

启动成功后我们就会自动打开一个网页,默认是index.jsp的内容,如果你删除了index.jsp界面会出现404的情况

5.设置服务器初始界面

我们再次进入下图界面,在URL的最右边添加准备设定的初始界面文件名

重新启动一遍服务器即可 😃