Javajava
Java Web 开发环境搭建：IDEA 与 Tomcat 安装部署指南
Java Web 开发环境搭建涉及 JDK 配置、Tomcat 安装及 IDEA 集成部署。步骤包括环境变量设置、Web 项目创建、服务器配置及热部署验证。核心在于路径无中文空格，正确配置 JAVA_HOME 和 CATALINA_HOME，使用 war exploded 模式实现快速迭代。常见问题如默认页面跳转可通过 web.xml 或启动配置解决。掌握基础后可进一步学习 Servlet 等核心技术。
Java Web 开发环境搭建涉及 JDK 配置、Tomcat 安装及 IDEA 集成部署。步骤包括环境变量设置、Web 项目创建、服务器配置及热部署验证。核心在于路径无中文空格，正确配置 JAVA_HOME 和 CATALINA_HOME，使用 war exploded 模式实现快速迭代。常见问题如默认页面跳转可通过 web.xml 或启动配置解决。掌握基础后可进一步学习 Servlet 等核心技术。
在 Java Web 开发中，IDEA 作为主流的集成开发工具，搭配 Tomcat 轻量级 Web 服务器是入门首选。本文将基于 Java Web 基础开发要求，从 JDK 环境配置、Tomcat 安装配置、IDEA 安装、Web 项目创建，到 Tomcat 在 IDEA 中的部署运行，进行详细讲解，零基础也能轻松上手。
Java Web 开发的核心基础是 JDK，Tomcat 和 IDEA 的运行都依赖 JDK 环境，需先完成 JDK 的安装与环境变量配置。
前往 Oracle 官网或 OpenJDK 官网下载对应系统（本文以 Windows10 64 位为例）的 JDK 安装包，本文使用 JDK24 版本，双击安装包按默认步骤完成安装，记住安装路径（示例：C:\Program Files\Java\jdk-24）。
JAVA_HOMEC:\Program Files\Java\jdk-24），点击确定。%JAVA_HOME%\bin，将其上移至顶部，点击确定保存。Win+R 输入 cmd 打开命令行，输入 java -version 和 javac -version，若显示 JDK 版本信息，说明配置成功。Tomcat 是开源的轻量级 Web 应用服务器，专为 Java Web 开发设计，支持 JSP 和 Servlet 运行，本文使用 Tomcat9.0.115 版本。
前往 Apache Tomcat 官网（https://tomcat.apache.org/）下载 Windows 64 位压缩包，解压到指定目录（示例：D:\java web\apache-tomcat-9.0.115-windows-x64\apache-tomcat-9.0.115），解压路径不要包含中文和空格。
CATALINA_HOMED:\java web\apache-tomcat-9.0.115-windows-x64\apache-tomcat-9.0.115），点击确定。%CATALINA_HOME%\bin，点击确定保存。bin 文件夹，双击 startup.bat 启动 Tomcat 服务器，会弹出黑窗口（不要关闭）。http://localhost:8080，若出现 Tomcat 默认首页，说明 Tomcat 启动成功。bin 文件夹下的 shutdown.bat 即可。conf\server.xml，找到 <Connector port="8080" protocol="HTTP/1.1"，将 8080 修改为未被占用的端口（如 8081），保存后重启 Tomcat 即可。bin（启动 / 关闭脚本）、conf（配置文件）、webapps（项目部署目录）、logs（日志文件）、webapps（默认项目存放路径）。IntelliJ IDEA 是 Java 开发的高效集成工具，分为社区版（免费）和旗舰版（付费，有试用），Java Web 开发建议使用旗舰版（支持 Servlet、JSP、Tomcat 集成）。
IDEA 创建 Web 项目有两种方式：直接创建 Web 项目、为普通 Java 项目添加 Web 支持，本文讲解为普通项目添加 Web 支持（更灵活），步骤如下：
JAVA_HOME 中的 JDK），取消Create from template，点击Next。web 目录，包含 WEB-INF 和 index.jsp 默认页面，至此 Web 项目创建完成。创建完 Web 项目后，可直接修改默认的 index.jsp，或新建 JSP 页面（如 cainiao.jsp）：
web 目录→New→JSP/JSPX，输入文件名（如 cainiao），点击OK。<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Java Web 入门</title>
</head>
<body>
<h1>Hello Java Web！</h1>
<p>IDEA+Tomcat 部署成功</p>
</body>
</html>
这是核心步骤，配置完成后即可在 IDEA 中直接启动 Tomcat 并运行 Web 项目，无需手动操作 Tomcat 的 startup.bat。
D:\java web\apache-tomcat-9.0.115-windows-x64\apache-tomcat-9.0.115），IDEA 会自动识别 Tomcat 版本，点击OK。/项目名（示例：/javaweb_demo），可简化为 /（直接通过 localhost:8080 访问）；index.jsp，或自定义为自己编写的页面（如 cainiao.jsp），输入 /cainiao.jsp 即可。Server startup in XXX ms，同时会自动打开浏览器，访问配置的启动页面（如 http://localhost:8080/javaweb_demo/cainiao.jsp）。若配置后启动仍默认打开 index.jsp，而非自己编写的 cainiao.jsp，有 3 种解决方法，按需选择：
回到Edit Configurations→Deployment，将Startup page改为自定义页面路径（如 /cainiao.jsp），保存后重启 Tomcat。
在项目的 WEB-INF 目录下找到 web.xml，添加欢迎页面列表配置，将自定义页面设为优先，代码如下：
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" version="4.0">
<!-- 配置欢迎页面 -->
<welcome-file-list>
<welcome-file>cainiao.jsp</welcome-file>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
保存后重启 Tomcat，访问项目根路径即可自动打开 cainiao.jsp。
Tomcat 启动后，在浏览器地址栏输入完整访问路径：http://localhost:8080/项目上下文路径/自定义页面.jsp（示例：http://localhost:8080/javaweb_demo/cainiao.jsp），直接访问。
除了在 IDEA 中集成部署，也可手动将 Web 项目部署到 Tomcat 中，步骤如下：
war 包（在项目的 out\artifacts 目录下）。war 包复制到 Tomcat 解压目录的 webapps 文件夹中。war 包生成同名项目目录。http://localhost:8080/包名/页面名.jsp，即可访问项目。本文完成了 Java Web 开发的全套环境搭建：从 JDK、Tomcat 的环境变量配置，到 IDEA 的安装与 Web 项目创建，再到 Tomcat 在 IDEA 中的核心配置与项目部署，同时解决了'启动默认打开 index.jsp'的常见问题，还补充了 Tomcat 手动部署方法。
核心关键点总结：
JAVA_HOME 和 CATALINA_HOME 必须配置正确，分别对应 JDK 和 Tomcat 的根路径；war exploded 格式，支持热部署，开发更高效；web.xml 或 IDEA 启动配置自定义默认访问页面。掌握以上步骤后，就可以基于 IDEA+Tomcat 进行 JSP、Servlet 等 Java Web 基础开发了，后续可继续学习 HTTP 协议、XML 配置、过滤器、Servlet 等核心知识点，深入 Java Web 开发。
为了让步骤更直观，以下为关键操作的截图对应位置（可根据实际操作截图补充）：
JAVA_HOME 和 Path 配置截图；CATALINA_HOME 新建配置截图；localhost:8080 的 Tomcat 首页截图；
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具，Keycode 信息在线工具，online
JavaScript 字符串转义/反转义；Java 风格 \uXXXX（Native2Ascii）编码与解码。 在线工具，Escape 与 Native 编解码在线工具，online
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具，JavaScript / HTML 格式化在线工具，online
Terser 压缩、变量名混淆，或 javascript-obfuscator 高强度混淆（体积会增大）。 在线工具，JavaScript 压缩与混淆在线工具，online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online