在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
相关推荐
无尽夏_34 分钟前
HTML5(前端基础)
前端·html·html5
Jagger_37 分钟前
敏捷开发流程-精简版
前端·后端
mit6.82444 分钟前
[C# starter-kit] 命令/查询职责分离CQRS | MediatR |
java·数据库·c#
FIN66681 小时前
昂瑞微冲刺科创板:创新驱动,引领射频芯片国产化新征程
前端·安全·前端框架·信息与通信·芯片
诸神缄默不语1 小时前
Maven用户设置文件(settings.xml)配置指南
xml·java·maven
GISer_Jing1 小时前
ByteDance——jy真题
前端·javascript·面试
睡美人的小仙女1271 小时前
浏览器为何屏蔽本地文件路径?
前端
真的想不出名儿1 小时前
Vue 中 props 传递数据的坑
前端·javascript·vue.js
任子菲阳1 小时前
学Java第三十四天-----抽象类和抽象方法
java·开发语言
FIN66681 小时前
昂瑞微:深耕射频“芯”赛道以硬核实力冲刺科创板大门
前端·人工智能·科技·前端框架·信息与通信·智能