在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

这篇具有很好参考价值的文章主要介绍了在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

开发环境

以下是我的开发环境

  • JDK 1.8
  • Maven 3.6.3
  • Tomcat 9.0
  • IDEA 2019(2019 无所畏惧,即使现在已经 2023 年了哈哈哈)

最原始的 Java Web 项目

下面的内容可能会因 IDEA 版本不同,而有些选项不同,但是大同小异。

1. 打开 IDEA

点击 Create New Project

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

2. 点击 Java Enterprise

点击左侧 Java Enterprise ,默认选项如下图所示。找到 Web Application,勾选上,同时勾上 Create web.xml。点击 Next 进入下一步。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

3. 输入项目信息

输入项目名称和项目存储的位置,下方的配置默认就可以。接着点击 Finish 完成创建。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

4. 完善项目结构

到这步,已经成功创建了 Web 项目了,目录结构如下图,在 Eclipse 中,web 目录的名称是 WebContentsrc 目录存放 Java 后端代码,web 目录存放前端代码。

我们可以在 web 目录下创建 css,js,image,page 这几个目录,分别存放对应的文件,其中 page 用于存放前端页面文件,包含 JSP 页面。

web/WEB-INF 目录下,存放着我们的 web.xml 配置文件,在该目录下,我们创建一个 lib 目录,用来存放项目需要的依赖包,比如 servletjstl 等。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

对于 lib 目录下的 .jar 文件,即项目所需的依赖包,我们可以通过右键 Add as Library..,将这些依赖包作为一个 Java 类库给我们使用。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

5. 配置 Tomcat 并启动

配置 Tomcat,由于在创建项目的时候,我们已经配置了 Application Server 这个选项,选择了 Tomcat,所以这里不需要进行配置,点击 IDEA 右上角的三角符号即可启动 Tomcat

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

启动成功自动跳转到浏览器中显示默认的 index.jsp 页面。对应的 URL 为:http://localhost:8080/java_web_demo_war_exploded/

这里的 URL 是可以修改的,如果你要修改的话,可以点击右上角的 Tomcat 进行配置,如下图所示:

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

比如我把 Application context 的内容修改为 /demo,那么点击 OK,然后重启 Tomcat,现在访问该 Web 应用,只需输入这样的 URL:http://localhost:8080/demo/ ,就可以访问了。

使用 Maven 来创建并管理 Java Web 项目

1. 打开 IDEA

点击 Create New Project

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

2. 点击 Maven

点击左侧的 Maven,勾选上 Create from archetype,找到 maven-archetype-webapp 并选中它,点击 Next 进入下一步。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

3. 输入项目信息

输入项目的相关信息,点击 Next。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

4. 搞定 Maven 信息

搞定 Maven 相关信息,setting.xml 文件以及本地 Maven 仓库不能配置时,勾选上右边的 Override 选项就可以配置了。完成后点击 Finish。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

5. 开启自动导入依赖包,确保 pom.xml 信息正确

点击 Enable Auto-Import,让 IDEA 自动刷新导入在 pom.xml 文件中引入的项目需要的依赖包。确保 pom.xml 文件中的配置是正确的。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

6. 完善项目结构

完善整个项目的结构,分别创建 src/main/javasrc/main/resourcessrc/main/webapp/WEB-INF/classessrc/main/webapp/WEB-INF/lib 这 4 个目录,如下图所示。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

java 目录用于存放 Java 代码。

resources 目录用于存放各种资源文件或者配置文件。

classes 目录用于存储项目编译后的 Java 的字节码文件,即 .class 文件。

lib 目录用于存放外部引入的 jar 包,当 Maven 仓库无法引入相关依赖时,那么就可以将对应的 jar 包放到这个 lib 目录中。

7. 配置 classes 和 lib 目录

配置 classes 以及 lib 目录

首先进入项目结构,可以通过快捷键 Ctrl + Alt + Shift + S 进入,也可以通过下图所示的方式进入。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

进入后点击左侧的 Modules ,选中你的项目,即当前模块,再点击 Paths 选项,选择刚才创建了 classes 目录的所在路径,点击 Apply。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

接着点击 Dependencies ,配置依赖包(依赖项),如下图所示。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

8. 配置 Tomcat 并启动

点击右上角的 ADD CONFIGURATION,进行 Tomcat 的配置,即告诉 IDEA, Tomcat 的所在位置,部署的访问路径等信息。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

点击 + 号添加一个新的 Tomcat 的配置项,选择本地的 Tomcat。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

Name 中输入你喜欢的配置名;Application Server 选择你自己的 Tomcat,其他的默认就 OK。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

接着点击 Deployment,点击 + 号,配置部署项,当 Tomcat 启动的时候就部署我们的 Web 项目。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

完成配置,并启动。

在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)

最后的最后

希望各位屏幕前的靓仔靓女们给个三连!你轻轻地点了个赞,那将在我的心里世界增添一颗明亮而耀眼的星!

作者:god23bin
链接:https://juejin.cn/post/7231553590282682428
 文章来源地址https://www.toymoban.com/news/detail-476642.html

到了这里,关于在 IDEA 中创建 Java Web 项目的方式(详细步骤教程)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • IDEA2023.1.3创建Java Web项目并配置Tomcat(傻瓜式教程)

    本篇教程只针对IDEA2023.1.3版的Java Web项目创建以及配置Tomcat,不包含Tomcat下载教程 1.选择New Project,设置好项目名和JDK,点击Create  2.打开Project Structure 3.在Modules里点击加号选择Web,这样IDEA会帮我们创建好webapp文件夹和web.xml配置文件 4. 为项目创建一个web应用artifacts,IDEA在这里

    2024年02月11日
    浏览(55)
  • IDEA配置Tomcat、创建web项目的步骤

    1、什么是web? web,网页的意思,例如:www.baidu.com     web根据资源分类方式分为: 静态(资源)web:所有用户访问后,得到的结果都是一样的,称为静态资源,静态资源可以直接被浏览器解析。相关实现技术如:html,css,JavaScript。存静态资源的web已非常少见。 动态(资源)web;每个用户访

    2024年02月05日
    浏览(52)
  • IDEA快速创建maven项目详细步骤

    目录 前言必读: 1.Maven和Maven Archetype区别? 2.创建maven项目之前的步骤(必看) 一、创建maven 1.打开idea---文件---新建---项目 2.新建项目---自定义项目名称---选择Maven--创建 3. 创建成功  二、idea里面配置maven 4. 打开IDEA---文件--设置(小扳手)  5.搜索栏里面搜索:maven  6.修改原

    2024年01月25日
    浏览(59)
  • 运用idea创建javaweb项目的详细步骤(入门无脑)

    1.首先点击file,会出现new标签,然后鼠标悬停在new上会出现右侧的选择框,然后点击project; 2.当完成上述,其会出现一个弹窗,其默认选择java,若不是,则选择java,然后点击next; 3.继续点击next;   4.然后根据自己的需要,给项目命名,一般project name和project location后面的名

    2024年02月07日
    浏览(55)
  • 【环境搭建】使用IDEA创建快速搭建SpringBoot项目详细步骤

    环境准备: 开发工具IDE:IntelliJ IDEA 2022.2.4 (Ultimate Edition) 开发环境JDK:Oracle OpenJDK Version 1.8.0_162 构建工具MAVEN: Maven 3.6.3 (1)创建spring initializr工程 通过IntelliJ IDEA工具创建工程时,通过file-new-project后,在弹出的界面中选择spring initializr选项(社区版无此选项)。然后去勾选相关

    2024年02月03日
    浏览(38)
  • 如何在IDEA中创建Web项目

    👌 棒棒有言:也许我一直照着别人的方向飞,可是这次,我想要用我的方式飞翔一次!人生,既要淡,又要有味。凡事不必太在意,一切随缘,缘深多聚聚,缘浅随它去。凡事看淡点看开些,顺其自然,无意于得,就无所谓失。人生,看轻看淡多少,痛苦就远离你多少。 👌

    2024年02月03日
    浏览(41)
  • Java IDEA Web 项目 1、创建

    环境: IEDA 版本:2023.2 JDK:1.8 Tomcat:apache-tomcat-9.0.58 maven:尚未研究 自行完成 IDEA、JDK、Tomcat等安装配置。 创建项目: IDEA - New Project  选择 Jakarta EE Template:选择 REST service 或 Web application  其他自行选择,填写选择后点击 Next 进入下个界面 Version:由于使用的Tomcat 9 无法使用

    2024年02月11日
    浏览(45)
  • IDEA 构建web项目-详细教程

    1、点击File,选择New,然后点击Project 2、选择Empty Project,然后点击Next 3、新建一个项目 4、在新建完项目后,点击Finish后会弹出Open Project这个窗口,建议选择New Window 5、在Project Structure中选择Project Settings -- Modules -- 点击+号 Add New Module --- 选择java,完成后点击Next 6、在New Module 中 给

    2024年02月03日
    浏览(82)
  • Java web入门:在Idea上创建Java web项目

    在初学Java web时我们通常使用Tomcat作为Java web的服务器,而一个完整的Java项目需要jdk和集成开发环境。今天我们就以Idea为例介绍一下如何在Idea上创建Java web项目以及部署Tomcat 由于Tomcat运行依靠jdk,所以第一步就是确保jdk已经安装并配置,打开cmd命令行输入java回车,如果提示

    2024年02月04日
    浏览(55)
  • idea构建web项目-超详细教程

    idea构建web项目的超级详细教程,一步一步来,完全没问题! 1、新建一个空项目 2、新建java模块,名为webDemo1 3、选择webDemo1右键,选择Add Framework Support 选择Web Application 4、在WEB-INF下新建文件夹classes和lib 5、打开项目结构(Project Structure) 6、项目配置 7、模块配置 8、Facets配置,这

    2024年02月02日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包