zl程序教程

您现在的位置是:首页 >  其他

当前栏目

IDEA 教程之基础篇(六):IntelliJ IDEA 中创建 Web 项目 & 配置 Tomcat

2023-09-11 14:22:52 时间

❤️ 个人主页:水滴技术
🚀 支持水滴:点赞👍 + 收藏⭐ + 留言💬
🌸 订阅专栏:IntelliJ IDEA 教程:从入门到精通


大家好,我是水滴~~

今天一起来看一下如何在 IntelliJ IDEA 中创建 Web 项目,并且如何配置 Tomcat,以运行我们的 Web 项目。

一、下载 Tomcat

打开 Apache Tomcat 官网(https://tomcat.apache.org/

在这里插入图片描述

我们以最新版的 Tomcat 10 为例,点击左侧的【Tomcat 10】

在这里插入图片描述

在右侧的【Core】中,根据自己的操作系统选择对应版本下载,这里我使用的是【64-bit Windows zip】,点击即可下载。

注:如果下载速度太慢,可以使用迅雷。
在这里插入图片描述

下载完成后,解压即可。解压之后的目录结构见下图:

在这里插入图片描述

二、创建 Web 项目

打开 IDEA,点击【File】—【New】—【Project…】,会打开【New Project】对话框。

在这里插入图片描述

左侧选择【Java Enterprise】。
右侧的【Name】中输入项目名称;【Location】为项目本地路径;【Project template】选择【Web application】,其他的暂时默认即可。
最后点击【Next】

在这里插入图片描述

点击【Finish】

在这里插入图片描述

这样,Web 项目就创建好了。

在这里插入图片描述

三、IDEA 中配置 Tomcat

点击工具栏中的【Add Configuration…】,会打开【Run/Debug Configurations】对话框。

在这里插入图片描述

点击【Add new…】或【+】号按钮。

在这里插入图片描述

在下拉列表中选择【Tomcat Server】下的【Local】

在这里插入图片描述

点击【Applicaton server】右侧的【Configure…】

在这里插入图片描述

在【Tomcat Home】中选择解压好的 Tomcat

在这里插入图片描述

最后输入【Name】,并在【JRE】中选择 Java 版本。

在这里插入图片描述

再选择【Deployment】选项卡,将当前项目添加上。

在这里插入图片描述

点击【OK】,下面是最终效果。

在这里插入图片描述

启动后有可能会出现乱码:淇℃伅 [main] org.apache.catalina.startup.VersionLoggerListener.log Server.鏈嶅姟鍣ㄧ増鏈�

在这里插入图片描述

解决断码:进入 Tomcat 目录 apache-tomcat-10.0.21\conf ,打开 logging.properties 配置文件,将java.util.logging.ConsoleHandler.encoding = UTF-8 的编码格式改为 GBK ,保存后重新启动,断码解决。

在这里插入图片描述

IDEA 也会自动启动默认浏览器,并打开项目地址,下面是效果:

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