IDEA配置Tomcat10起步教程

在学习Tomcat起步过程没有找到相关配置的教程与文章,过程中踩到了很多坑,所以出此文章仅供新人参考。本次使用的是截至2020年12月最新版本的IDEA以及Tomcat。


一、前期准备

JavaSE 11

https://www.oracle.com/java/technologies/javase-jdk11-downloads.html

Tomcat10

https://tomcat.apache.org/download-10.cgi

IDEA Ultimate 2020.03

https://www.jetbrains.com/idea/download/

建议:由于Tomcat10为最新版本,相关架构包和API有翻天覆地的变化,请使用至少2020.02之后的Ultimate版本(Community版本无法进行WEB开发)

二、操作步骤

1.Java11安装与配置

下载的Java11是exe文件,无需做过多的操作,全选下一步即可。

2.Tomcat安装与配置

环境变量

下载好的Tomcat是一个压缩包,无法对环境变量自动配置,需要开发者自行对环境变量搭建。
USER用户变量中添加:CATALINA_HOME、HAVA_HOME、JRE_HOME
在这里插入图片描述
在Path环境变量中添加:CATALINA_HOME的启动路径、以及文件包。
在这里插入图片描述

三连确定即可。

检验

如果成功按照以上操作,在你的%CATALINA_HOME%\bin路径找到startup.bat双击执行
在这里插入图片描述
如果没有闪退,并在localhost:8080中看到可爱的猫猫就配置成功了。
为了后续IDEA中配置Tomcat,如果此处看到TOMCAT猫之后请及时关掉此Tomcat终端窗口,以免端口占用。
在这里插入图片描述
在这里插入图片描述

3.IDEA安装与配置

IDEA安装(略)

在此提醒:Community(社区版)无法开发Web项目,请到官网下载Ultimate版本进行Web项目开发。

IDEA中建立JAVAWEB项目

打开IDEA ->new … -> New Project 。此处选择新建Java项目,因为之前已经配置好了JAVA_HOME,所以IDEA会找到你JAVA_HOME对应的Java版本,如果没有配置点击添加找到Java11即可。
在这里插入图片描述
下一步。
在这里插入图片描述
我们创建的仅是一个Java模块,并没有任何支持,在项目视图中,右键创建好的模块,点击Add Framework Support…
在这里插入图片描述
此时看到IDEA已经支持最新的Jakarta EE9
在这里插入图片描述
我们此处勾选Web Application
在这里插入图片描述
点击OK,发现我们的项目里已经多了web目录,我们在日后编写的JSP代码就要放在web路径下,以便tomcat进行打包上传。
在这里插入图片描述
作为一名合格的程序猿,最重要的之一就是编码设置,在setting中,搜索encoding,把项目编码设为UTF-8,选择OK
在这里插入图片描述
在这里插入图片描述

扫描二维码关注公众号,回复: 13411452 查看本文章

IDEA与Tomcat整合

既然创建好了Web模块,自然要用JSP要来一个简单的Hello,打开项目中自带的index.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
  <%
    out.println("Hello AlexanderRon!");
    out.println("https://blog.csdn.net/AlexanderRon");
  %>
  </body>
</html>

但会发现此处的println提示有错误,实际上是没有问题的,在我们以后开发过程中,一般不会在JSP页面中直接使用out.println。当前仅为测试,我们之后配置好了Tomcat直接运行即可。
在这里插入图片描述
点击Add Configuration …
在这里插入图片描述
IDEA为我们准备了模板编译器,这里我们直接添加本地的编译器,点击左上角+号,选择Local的Tomcat
在这里插入图片描述
因为我们也配置了CATALINA_HOME,IDEA会自动填入对应的Tomcat,如果没有请点击Configure,找到你的Tomcat。
在这里插入图片描述
此处排雷!!如遇"Application server libraries not found",请检查你的IDEA版本是否为2020.02之后的,如果不是请更新IDEA

之后选择Deployment,点击+号,把此项目导进去。
在这里插入图片描述
在这里插入图片描述
我们会发现上图多了一个Application context,这个是我们Tomcat把web项目打包上传的一个路径,可以在Artifacts中找到(下图)。
但是这个名字岂不是太长了我天?如果我们在地址栏中输入路径的话还要带上很长的前缀,因此需要把上面图中:Application context后面一长串删掉,仅保留“ / ”即可。
在这里插入图片描述
再把你的URL路径去掉后缀就可以运行了。
在这里插入图片描述
经过上面这么多折腾,让我们运行一下看看结果怎么样!点击运行按钮:
在这里插入图片描述
于是奇迹发生了!我们期望的运行结果出现了!

猜你喜欢

转载自blog.csdn.net/AlexanderRon/article/details/111746294