在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
相关推荐
我命由我123451 小时前
Kotlin 数据容器 - List(List 概述、创建 List、List 核心特性、List 元素访问、List 遍历)
java·开发语言·jvm·windows·java-ee·kotlin·list
武子康3 小时前
Java-80 深入浅出 RPC Dubbo 动态服务降级:从雪崩防护到配置中心秒级生效
java·分布式·后端·spring·微服务·rpc·dubbo
灵感__idea4 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴5 小时前
Mix
前端·webgl
代码续发5 小时前
前端组件梳理
前端
试图让你心动6 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
YuTaoShao6 小时前
【LeetCode 热题 100】131. 分割回文串——回溯
java·算法·leetcode·深度优先
陈不知代码6 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记6 小时前
sass中@mixin与 @include
前端·sass
源码_V_saaskw6 小时前
JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5
java·微信小程序·小程序·uni-app·音视频·交友