在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
相关推荐
萧瑟余晖1 小时前
Java深入解析篇十七之SpringCloud
java·开发语言
是未才1 小时前
从输入 URL 到页面返回:DNS、路由、TLS 与 HTTP 完整链路
java·后端·计算机网络
ttod_qzstudio2 小时前
Java 常用语法极简通关(五):类与对象——字段、方法、构造器、this 与 static
java·开发语言·python
DevUI团队2 小时前
从“即兴创作”到“规格先行”,华为云码道(CodeArts)代码智能体持续深耕企业级规范驱动开发能力
前端·人工智能·后端
萧瑟余晖3 小时前
Java深入解析篇十七之Spring Security
java·开发语言·spring
weixin_431600443 小时前
NestJS 入门(3):Guard 如何挡住未登录请求?
前端·后端·学习·nest.js
kyriewen3 小时前
我用Claude Code两天干完了团队两周的排期——周报发出去那一刻我就后悔了
前端·javascript·ai编程
IT_陈寒4 小时前
JavaScript类型转换把我坑惨了,这破玩意真该早点搞明白
前端·人工智能·后端
用户938515635074 小时前
Type vs Interface:读完这篇就没有面试官能难倒你了
前端·面试·typescript
油丶酸萝卜别吃5 小时前
jquery-ajax.js 说明文档
前端·javascript·jquery