在IntelliJIDEA中使用Gradle创建Web项目的步骤

1. 打开 IntelliJ IDEA

启动 IntelliJ IDEA。

2. 创建新项目
  • 点击 File > New > Project
  • 在弹出的窗口中,选择 Gradle 作为项目类型。
  • 确保 Java 被选中。
  • 点击 Next
3. 配置项目
  • GroupId : 输入你的组织或项目组 ID(例如:com.example)。
  • ArtifactId : 输入项目名称(例如:mywebapp)。
  • 点击 Next
4. 配置项目名称和位置
  • Project name : 输入项目名称(例如:MyWebApp)。
  • Project location: 选择项目保存的路径。
  • 点击 Finish
5. 手动配置 Web 项目结构

项目创建完成后,手动配置 Web 项目结构:

  1. src/main 目录下创建 webapp 文件夹。
  2. webapp 文件夹下创建 WEB-INF 文件夹。
  3. WEB-INF 文件夹下创建 web.xml 文件。

项目结构示例:
登录后复制

plain 复制代码
src
└── main
    ├── java
    ├── resources
    └── webapp
        └── WEB-INF
            └── web.xml
6. 配置 web.xml

web.xml 中添加基本的 Servlet 配置,例如:
登录后复制

plain 复制代码
<!DOCTYPE web-app PUBLIC
        "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
        "http://java.sun.com/dtd/web-app_2_3.dtd">
<web-app>
    <display-name>MyWebApp</display-name>
    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
</web-app>
7. 添加依赖

build.gradle 文件中添加 Web 项目所需的依赖,例如 Servlet API:
登录后复制

plain 复制代码
plugins {
    id 'java'
    id 'war' // 添加 war 插件以支持 Web 项目
}

group 'com.example'
version '1.0-SNAPSHOT'

repositories {
    mavenCentral()
}

dependencies {
    implementation 'javax.servlet:javax.servlet-api:4.0.1' // Servlet API
    testImplementation 'junit:junit:4.13.2' // 测试依赖
}
8. 创建示例 JSP 文件

src/main/webapp 目录下创建 index.jsp 文件,内容如下:
登录后复制

plain 复制代码
<!DOCTYPE html>
<html>
<head>
    <title>My Web App</title>
</head>
<body>
    <h1>Hello, World!</h1>
</body>
</html>
9. 配置 Tomcat 服务器
  1. 点击 Run > Edit Configurations
  2. 点击 + 按钮,选择 Tomcat Server > Local
  3. Deployment 选项卡中,点击 + 按钮,选择 Artifact ,然后选择你的 Web 项目(例如:mywebapp:war)。
  4. 点击 ApplyOK
相关推荐
下北沢美食家11 小时前
React面试题2
前端·react.js·前端框架
rannn_11111 小时前
【Redis|高级篇1】分布式缓存|持久化(RDB、AOF)、主从集群、哨兵、分片集群
java·redis·分布式·后端·缓存
摇滚侠11 小时前
HTML CSS 演示小米 logo 的变化 border-radius 属性设置圆角
前端·css·html
❆VE❆11 小时前
虚拟列表原理与实战运用场景详解
前端·javascript·css·vue.js·html·虚拟列表
weixin_4080996711 小时前
【实战教程】EasyClick 调用 OCR 文字识别 API(自动识别屏幕文字 + 完整示例代码)
前端·人工智能·后端·ocr·api·安卓·easyclick
PD我是你的真爱粉11 小时前
Redis 持久化、过期删除、淘汰策略与内存碎片全解析
java·redis·bootstrap
Bigger11 小时前
第四章:我是如何扒开 Claude Code 记忆与上下文压缩机制的
前端·claude·源码阅读
Percep_gan11 小时前
在芋道自定义数据权限
java·数据库
哆啦阿梦11 小时前
Java AI 应用工程师 - 完整技能清单
java·开发语言·人工智能
还在忙碌的吴小二11 小时前
在 Mac 上安装并通过端口调用 Chrome DevTools MCP Server(谷歌官方 MCP 服务器)
服务器·前端·chrome·macos·chrome devtools