Java Web 开发环境搭建:IDEA+Tomcat 安装与部署超详细教程

Java Web 开发环境搭建:IDEA+Tomcat 安装与部署超详细教程

在 Java Web 开发中,IDEA 作为主流的集成开发工具,搭配 Tomcat 轻量级 Web 服务器是入门首选。本文将基于 Java Web 基础开发要求,从 JDK 环境配置、Tomcat 安装配置、IDEA 安装、Web 项目创建,到 Tomcat 在 IDEA 中的部署运行,进行一步一图式详细讲解,零基础也能轻松上手。

一、前置准备:JDK 环境配置

Java Web 开发的核心基础是 JDK,Tomcat 和 IDEA 的运行都依赖 JDK 环境,需先完成 JDK 的安装与环境变量配置。

1. 下载与安装 JDK

前往 Oracle 官网或 OpenJDK 官网下载对应系统(本文以 Windows10 64 位为例)的 JDK 安装包,本文使用 JDK24 版本,双击安装包按默认步骤完成安装,记住安装路径(示例:C:\Program Files\Java\jdk-24)。

2. 配置 JDK 系统环境变量

  1. 右键此电脑属性高级系统设置环境变量,进入环境变量配置界面。
  2. 新建用户变量
    • 变量名:JAVA_HOME
    • 变量值:JDK 的安装根路径(示例:C:\Program Files\Java\jdk-24),点击确定
  3. 编辑 Path 变量
    • 在用户变量的Path中点击新建,输入%JAVA_HOME%\bin,将其上移至顶部,点击确定保存。
  4. 验证配置:按下Win+R输入cmd打开命令行,输入java -versionjavac -version,若显示 JDK 版本信息,说明配置成功。

二、Tomcat 服务器安装与环境配置

Tomcat 是开源的轻量级 Web 应用服务器,专为 Java Web 开发设计,支持 JSP 和 Servlet 运行,本文使用 Tomcat9.0.115 版本。

1. 下载 Tomcat

前往 Apache Tomcat 官网(https://tomcat.apache.org/)下载 Windows 64 位压缩包,解压到指定目录(示例:D:\java web\apache-tomcat-9.0.115-windows-x64\apache-tomcat-9.0.115),解压路径不要包含中文和空格

2. 配置 Tomcat 环境变量

  1. 再次打开环境变量界面,新建用户变量
    • 变量名:CATALINA_HOME
    • 变量值:Tomcat 的解压根路径(示例:D:\java web\apache-tomcat-9.0.115-windows-x64\apache-tomcat-9.0.115),点击确定
  2. 编辑 Path 变量:在 Path 中新建,输入%CATALINA_HOME%\bin,点击确定保存。

3. 验证 Tomcat 安装

  1. 打开 Tomcat 解压目录下的bin文件夹,双击startup.bat启动 Tomcat 服务器,会弹出黑窗口(不要关闭)。
  2. 打开浏览器,输入http://localhost:8080,若出现 Tomcat 默认首页,说明 Tomcat 启动成功。
  3. 关闭 Tomcat:双击bin文件夹下的shutdown.bat即可。

4. Tomcat 基础修改(可选)

  • 修改监听端口:若 8080 端口被占用,打开 Tomcat 解压目录下的conf\server.xml,找到<Connector port="8080" protocol="HTTP/1.1",将8080修改为未被占用的端口(如 8081),保存后重启 Tomcat 即可。
  • Tomcat 目录结构:核心目录包括bin(启动 / 关闭脚本)、conf(配置文件)、webapps(项目部署目录)、logs(日志文件)、webapps(默认项目存放路径)。

三、IDEA 安装与 Web 项目创建

IntelliJ IDEA 是 Java 开发的高效集成工具,分为社区版(免费)和旗舰版(付费,有试用),Java Web 开发建议使用旗舰版(支持 Servlet、JSP、Tomcat 集成)。

1. IDEA 下载与安装

  1. 前往 JetBrains 官网(https://www.jetbrains.com/idea/)下载 IDEA 旗舰版 / 社区版安装包。
  2. 双击安装包,按以下步骤安装:
    • 同意协议,点击Next
    • 选择安装路径(不要含中文 / 空格),点击Next
    • 勾选64-bit launcherAdd launchers to PATHAssociate .java files,点击Next
    • 选择默认启动界面,点击Install完成安装。
  3. 安装完成后,打开 IDEA,按提示完成激活(社区版直接使用,旗舰版可试用或激活)。

2. 在 IDEA 中创建 Java Web 项目

IDEA 创建 Web 项目有两种方式:直接创建 Web 项目、为普通 Java 项目添加 Web 支持,本文讲解为普通项目添加 Web 支持(更灵活),步骤如下:

  1. 打开 IDEA,点击New Project,选择Java,配置已安装的 JDK(IDEA 会自动识别JAVA_HOME中的 JDK),取消Create from template,点击Next
  2. 输入项目名称(示例:javaweb_demo),选择项目保存路径(无中文 / 空格),点击Finish创建普通 Java 项目。
  3. 为项目添加 Web 支持
    • 右键项目根目录→Add Framework Support
    • 在弹出的窗口中,勾选Web Application,勾选Create web.xml(生成 Web 核心配置文件),点击OK
    • 项目目录中会自动生成web目录,包含WEB-INFindex.jsp默认页面,至此 Web 项目创建完成。

3. 编辑 JSP 页面(基础操作)

创建完 Web 项目后,可直接修改默认的index.jsp,或新建 JSP 页面(如cainiao.jsp):

  1. 右键web目录→NewJSP/JSPX,输入文件名(如 cainiao),点击OK
  2. 在 JSP 页面中编写 HTML+JSP 代码,示例:

jsp

<%@ 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 项目

这是核心步骤,配置完成后即可在 IDEA 中直接启动 Tomcat 并运行 Web 项目,无需手动操作 Tomcat 的startup.bat

1. 配置 Tomcat 服务器

  1. 点击 IDEA 右上角的Add Configuration(或下拉框中的Edit Configurations),进入运行配置界面。
  2. 点击左上角 **+号,找到Tomcat Server**→Local,创建本地 Tomcat 配置。
  3. 在弹出的界面中,配置Application server
    • 点击Configure,选择 Tomcat 的解压根路径(示例:D:\java web\apache-tomcat-9.0.115-windows-x64\apache-tomcat-9.0.115),IDEA 会自动识别 Tomcat 版本,点击OK
  4. 配置服务器基础信息:
    • Name:可自定义(如 Tomcat9);
    • HTTP port:与 Tomcat 配置的端口一致(默认 8080,若修改过则填对应端口);
    • 勾选After launch(启动后自动打开浏览器),点击Deployment选项卡。

2. 部署 Web 项目到 Tomcat

  1. Deployment选项卡中,点击左上角 **+号,选择Artifact**→项目名:war exploded(开发环境首选,热部署更方便),点击OK
  2. 配置Application context(项目上下文路径):
    • 默认为/项目名(示例:/javaweb_demo),可简化为/(直接通过localhost:8080访问);
    • Startup page(启动页面):可选择默认的index.jsp,或自定义为自己编写的页面(如cainiao.jsp),输入/cainiao.jsp即可。
  3. 点击ApplyOK,完成 Tomcat 与项目的部署配置。

3. 启动 Tomcat 并运行 Web 项目

  1. 点击 IDEA 右上角的Run(绿色三角)或Debug(绿色小虫子,调试模式),启动 Tomcat 服务器。
  2. 启动成功后,IDEA 控制台会显示Server startup in XXX ms,同时会自动打开浏览器,访问配置的启动页面(如http://localhost:8080/javaweb_demo/cainiao.jsp)。
  3. 若需修改代码,直接在 IDEA 中编辑后,点击Build Project(Ctrl+F9),刷新浏览器即可看到修改效果(热部署)。

4. 常见问题解决:启动默认打开 index.jsp 而非自定义页面

若配置后启动仍默认打开index.jsp,而非自己编写的cainiao.jsp,有 3 种解决方法,按需选择:

方法 1:修改 IDEA 的 Tomcat 启动页面(最直接)

回到Edit ConfigurationsDeployment,将Startup page改为自定义页面路径(如/cainiao.jsp),保存后重启 Tomcat。

方法 2:修改 web.xml 配置欢迎页面

在项目的WEB-INF目录下找到web.xml,添加欢迎页面列表配置,将自定义页面设为优先,代码如下:

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

方法 3:浏览器手动访问自定义页面

Tomcat 启动后,在浏览器地址栏输入完整访问路径http://localhost:8080/项目上下文路径/自定义页面.jsp(示例:http://localhost:8080/javaweb_demo/cainiao.jsp),直接访问。

五、Tomcat 手动部署项目(补充)

除了在 IDEA 中集成部署,也可手动将 Web 项目部署到 Tomcat 中,步骤如下:

  1. 在 IDEA 中对项目进行打包:右键项目→Build Artifacts项目名:warBuild,生成war包(在项目的out\artifacts目录下)。
  2. 将生成的war包复制到 Tomcat 解压目录的webapps文件夹中。
  3. 启动 Tomcat,Tomcat 会自动解压war包生成同名项目目录。
  4. 打开浏览器,输入http://localhost:8080/包名/页面名.jsp,即可访问项目。

六、总结

本文完成了 Java Web 开发的全套环境搭建:从 JDK、Tomcat 的环境变量配置,到 IDEA 的安装与 Web 项目创建,再到 Tomcat 在 IDEA 中的核心配置与项目部署,同时解决了 “启动默认打开 index.jsp” 的常见问题,还补充了 Tomcat 手动部署方法。

核心关键点总结:

  1. 所有路径不要包含中文和空格,否则会导致环境配置或项目启动失败;
  2. JAVA_HOMECATALINA_HOME必须配置正确,分别对应 JDK 和 Tomcat 的根路径;
  3. IDEA 中部署项目首选war exploded格式,支持热部署,开发更高效;
  4. 可通过web.xml或 IDEA 启动配置自定义默认访问页面。

掌握以上步骤后,就可以基于 IDEA+Tomcat 进行 JSP、Servlet 等 Java Web 基础开发了,后续可继续学习 HTTP 协议、XML 配置、过滤器、Servlet 等核心知识点,深入 Java Web 开发。

配套操作截图说明

为了让步骤更直观,以下为关键操作的截图对应位置(可根据实际操作截图补充):

  1. JDK 环境变量配置:此电脑→高级系统设置→环境变量界面,JAVA_HOME和 Path 配置截图;
  2. Tomcat 环境变量配置:CATALINA_HOME新建配置截图;
  3. Tomcat 启动验证:浏览器打开localhost:8080的 Tomcat 首页截图;
  4. IDEA 添加 Web 支持:Add Framework Support勾选Web Application截图;
  5. IDEA 配置 Tomcat:Edit Configurations中 Tomcat Server 的Application serverDeployment配置截图;
  6. 项目启动成功:IDEA 控制台启动日志和浏览器访问页面的截图。

Read more

机器人动作是否准确?现场操作演示

机器人动作是否准确?现场操作演示

舞台侧幕的灯光暗下,主持人的开场白余音未落,一个身影从后台缓缓走出。它不是演员,而是一台人形机器人,在聚光灯下站定,手臂抬起,向观众席方向做了一个标准的挥手动作。 这样的瞬间,正在越来越多的商业活动现场上演。作为一线观察者,我记录了不同客户在租用或采购人形机器人、机器狗时,如何将它们作为科技感的表演载体或氛围元素,融入自己的活动流程中。客户关注的,从来不是复杂的技术参数,而是事前约定的那个“亮相”,能否在现场被准确兑现。 单次全程表演与多次分段出场 对于许多品牌快闪或节日庆典活动,机器人往往被安排在一次集中的表演时段内完成所有展示。 一家商场在举办周年庆时,租用了一台人形机器人。他们的需求很明确:在下午的抽奖环节前,有一段约五分钟的科技主题表演,作为抽奖前的氛围铺垫。活动当天,机器人被安置在舞台中央的固定圆台上。当抽奖环节的主持人退至一旁,现场音乐切换为一段富有节奏感的电子乐时,机器人开始执行一套预设的舞蹈动作组合。服务人员站在舞台侧后方,全程未离开该区域。商场活动策划人员事后转述:“我们流程上就写了‘科技舞蹈表演(5分钟)’,它跳完,主持人接着上台抽奖,时间卡得刚好。”

FPGA高速通信:Aurora64B/66B IP使用指南

Aurora 64B/66B IP核配置及使用详解 Aurora 64B/66B 是 Xilinx(现 AMD)提供的一种高速串行通信协议 IP 核,专为 FPGA 设计,支持点对点数据传输,适用于数据中心、高性能计算等场景。本指南将帮助初学者轻松调用该 IP 核,实现编码、译码和传输回环功能。内容包括 IP 核配置、端口介绍、使用方法、example design 调用、关键模块(如 framegen 和 framecheck)的作用,以及完整实现步骤。指南基于 Vivado 设计工具,确保真实可靠。 1. Aurora 64B/66B IP核简介 Aurora

ubuntu上安装OpenClaw并接入飞书机器人

ubuntu上安装OpenClaw并接入飞书机器人

大家好,我是一根甜苦瓜。今天来分享如何在本地安装openclaw并接入飞书,实现让AI给我打工。 最近AI圈更新太快了,从github copilot到cursor 到claud code ,再到codex,然后是最近火爆了的小龙虾(OpenClaw),可谓是百花齐放,应接不暇。本人也是github copilot+codex的深度用户,确实不错,所以最近打算折腾一下小龙虾,顺带教大家如何把智谱GLM 接入OpenClaw。 1. 前言 1.1 什么是openclaw 2026 年开年,AI 圈突然冒出一匹“野生黑马”——OpenClaw。这个开源个人 AI 助手项目在 GitHub 上只用了 两周时间就狂揽 15 万 Star,速度堪比开挂。 简单说,它就像给你配了一个 24 小时不下班的数字打工人: 把它部署在自己的电脑或服务器上,它就能接入 WhatsApp、Telegram、

小米 “养龙虾”:手机 Agent 落地,智能家居十年困局被撬开

小米 “养龙虾”:手机 Agent 落地,智能家居十年困局被撬开

3月6日,小米正式推出国内首个手机端类 OpenClaw Agent 应用 ——Xiaomi miclaw,开启小范围邀请封测。这款被行业与网友戏称为小米 “开养龙虾” 的新品,绝非大模型浪潮下又一款语音助手的常规升级,而是基于自研 MiMo 大模型、具备系统级权限、全场景上下文理解能力的端侧智能体。 作为深耕智能家居领域的行业媒体,《智哪儿》始终认为:智能家居行业过去十年的迭代,始终没能跳出 “被动执行” 的底层困局。而 miclaw 的落地,不止是小米在端侧 AI 赛道的关键落子,更是为整个智能家居行业的底层逻辑重构,提供了可落地的参考范本。需要清醒认知的是,目前该产品仍处于小范围封测阶段,复杂场景执行成功率、端侧功耗表现、第三方生态适配进度等核心体验,仍有待大规模用户实测验证。本文将结合具象场景、量化数据与多维度视角,客观拆解 miclaw 的突破价值、现实挑战,以及它对智能家居行业的长期影响。 01 复盘行业困局:智能家居十年 始终困在 “被动执行”