IDEA/Tomcat 原理新手入门精讲:如何将 Tomcat 集成到 IDEA 中,创建并由传统方式延伸到热部署项目

举报
白鹿第一帅 发表于 2021/02/11 19:36:00 2021/02/11
【摘要】 通过对 IDEA/Tomcat 原理的讲解,将 Tomcat 集成到 IDEA 中,创建并部署 Java EE 项目。由传统的部署方式延伸到热部署,极大地提高项目开发的效率,以方便新手入门。

文章目录

  • 前言
  • 一、将 Tomcat 集成到 IDEA 中
    • 1.1、进入 IDEA Tomcat 配置页面
    • 1.2、配置并集成 Tomcat
    • 1.3、配置完成说明
    • 1.4、集成检查
      • 1.4.1、检查主页面信息及服务器配置信息
  • 二、创建并部署 Java EE 项目
    • 2.1、创建新项目或者模块(自行选择)
    • 2.2、进行 Java EE 项目配置
    • 2.3、“Next”对项目起名,“Finish”完成 Java EE 项目部署
    • 2.4、查看 Java EE 项目
      • 2.4.1、对应版本约束信息
      • 2.4.2、设置虚拟目录
      • 2.4.3、Java EE 项目目录说明
    • 2.5、运行 Java EE 项目
    • 2.6、对 Java EE 项目进行部署
    • 2.7、对 Java EE 项目进行热部署
  • 总结

前言

通过对 IDEA/Tomcat 原理的讲解,将 Tomcat 集成到 IDEA 中,创建并部署 Java EE 项目。由传统的部署方式延伸到热部署,极大地提高项目开发的效率,以方便新手入门。

在这里插入图片描述


一、将 Tomcat 集成到 IDEA 中

1.1、进入 IDEA Tomcat 配置页面

上方导航栏点击“Run→Edit Configurations…”进入配置页面,如下图所示:

在这里插入图片描述
说明:

  • Application指的是对于本地当前应用的配置信息
  • Templates指的是对于整个模板信息的全局配置

在这里插入图片描述
打开 Run/Debug Configuration 窗口,下滑找到 Tomcat Server 配置,Local 是本地配置,Remote 是远程配置,如下图所示:

在这里插入图片描述

1.2、配置并集成 Tomcat

“Server”界面点击“Configure…”,如下图所示:

在这里插入图片描述
点击“+”选择 Tomcat 在本地的安装路径进行匹配,如下图所示:

在这里插入图片描述
配置完成,点击“OK”。

在这里插入图片描述

1.3、配置完成说明

在“Sever”页面可以看到我们集成后的信息,下面的端口默认 8080,我们无须再对其进行修改。点击“OK”完成设置。

在这里插入图片描述

1.4、集成检查

在 Tomcat 配置完成后,我们需要对配置进行进一步的检查以确保配置成功。

1.4.1、检查主页面信息及服务器配置信息

点击“Application server”我们可以看到服务器信息已经加载,如下图所示:

在这里插入图片描述
再次点击“Configure…”进入服务器配置页面,左侧的加减可以增删当前服务器,在下面的“Classes”面板中我们可以看到 IDEA 已经加载到了 Tomcat 的两个 JAR 包:一个 jsp 的 JAR 包、一个 servlet 的 JAR 包。至此,Tomcat 集成完毕。

在这里插入图片描述
在这里插入图片描述

二、创建并部署 Java EE 项目

2.1、创建新项目或者模块(自行选择)

依次点击“File→New→Project/Module”,如下图所示:

在这里插入图片描述
创建 Java 企业级项目,根据自身安装情况选择 SDK 以及 Server 版本。

在这里插入图片描述

2.2、进行 Java EE 项目配置

在下方导航栏“Additional Libraries and Frameworks”中下滑找到“Web Application”并勾选,同时勾选下面“Create web.xml”,创建 Web 项目的核心配置文件。

说明:JDK 的版本与下面“Web Application” Servlet 的版本是对应的,如 JDK8 对应的是 Servlet 的 4.0,JDK7 对应的是 Servlet 的 3.1 版本。

在这里插入图片描述

2.3、“Next”对项目起名,“Finish”完成 Java EE 项目部署

在这里插入图片描述
在这里插入图片描述

2.4、查看 Java EE 项目

2.4.1、对应版本约束信息

我们可以看到该目录结构是完全正确的,同时,web.xml 我们可以看到使用的是 Schema 的约束,而且对应的版本为 4.0。

在这里插入图片描述
这时如果我们再次点击 Tomcat 配置页面会发现,左侧已经部署了一个 Tomcat Server,同时在部署的项目中也已经进行了加载,web 项目被打包成 war 包的形式。

在这里插入图片描述

2.4.2、设置虚拟目录

如果你在“Application context”处填写的虚拟目录为/,项目在将来访问的时候就不需要虚拟目录了,而是相当于一个根路径。

在这里插入图片描述

2.4.3、Java EE 项目目录说明

在这里插入图片描述
Java 动态项目目录说明:

--项目名称
	--WEB-INF
		--web.xml:该项目的核心配置文件
		--classes 目录:放置中间字节码文件
		--lib 目录:放置项目依赖的 jar 包

2.5、运行 Java EE 项目

下图的两个地方都可以运行,或者 Ctrl+Shift+F10。

在这里插入图片描述
在这里插入图片描述

2.6、对 Java EE 项目进行部署

这时,如果你足够细心,你可以发现地址栏中的地址信息为:http://localhost:8080/而不是http://localhost:8080/index.jsp

在这里插入图片描述
对地址栏信息进行修改,修改为http://localhost:8080/index.jsp,可以看到仍然是刚才页面。这是为什么呢?我们将在下面的第 7 点为大家进行详细讲解。

在这里插入图片描述
我们再次在 web 目录下创建一个 hellohtml.html 的文件,直接在地址栏修改地址运行,会发现浏览器无法加载到该文件,而在我们的 IDEA 中是确实存在该文件的。

在这里插入图片描述
在这里插入图片描述
这时我们就需要重启服务器,刷新页面信息,就可以成功进行加载了。

在这里插入图片描述
在这里插入图片描述

2.7、对 Java EE 项目进行热部署

我们对于上面的现象进行解释:index.jsp 比较特殊,是一个默认的首页,是已经在配置里进行了声明。所以http://localhost:8080/打开是项目首页,http://localhost:8080/index.jsp打开也是首页。

同时我们发现,如果每一次更改信息都需要重启服务器,会极大地降低开发的效率,这就需要我们配置热部署,以求在更改资源后无需多次重启服务器。

“Run→Edti configurations…→Run/Debug configurations”,对以下两则内容进行修改。

在这里插入图片描述
不选择 Update classes and resources 是因为 Java 代码会多次修改,如果多次部署会影响我们的性能。

促使 IDEA 能在我们更新资源后重新部署我们的项目,这样我们就无需重启服务器了。

在这里插入图片描述
新创建一个文件试验一下,成功!

在这里插入图片描述


总结

本文我们分别从 IDEA 和 Tomcat 这两个 IDE 的原理方面进行了分析,并进行了将 Tomcat 集成到 IDEA 中的完整步骤,而对于Java EE 项目的部署我们分别从实战的角度对比了传统项目的部署方式和在 IDEA 里面实现热部署,我们可以明显发现热部署的优势:降低了服务器每次启动的次数,效率大大提升。多次修改代码无需多次重启服务器。

在这里插入图片描述


我是白鹿,一个不懈奋斗的程序猿。望本文能对你有所裨益,欢迎大家的一键三连!若有其他问题、建议或者补充可以留言在文章下方,感谢大家的支持!

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。