idea web

idea web

开发环境

以下是我的开发环境

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

最原始的 Java Web 项目

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

1. 打开 IDEA

image-20230419230442410

2. Java Enterprise

左侧 ,默认选项如下图所示。找到 Web Application,勾选上,同时勾上 。 Next 进入下一步。

image-20230419214609114

3. 输入项目信息

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

image-20230419214806536

4. 完善项目结构

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

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

在 目录下,存放着我们的 配置文件,在该目录下,我们创建一个 目录,用来存放项目需要的依赖包,比如 、 等。

image-20230419221026185

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

image-20230419222047017

5. 配置 Tomcat 并启动

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

image-20230419232044424

启动成功自动跳转到浏览器中显示默认的 页面。对应的 URL 为:

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

image-20230419232634863

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

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

1. 打开 IDEA

image-20230419230442410

2. Maven

左侧的 Maven,勾选上 ,找到 并选中它, Next 进入下一步。

image-20230419233328203

3. 输入项目信息

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

idea webimage-20230419233646118

4. 搞定 Maven 信息

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

image-20230419233849310

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

,让 IDEA 自动刷新导入在 文件中引入的项目需要的依赖包。确保 文件中的配置是正确的。

image-20230419234443014

6. 完善项目结构

完善整个项目的结构,分别创建 、、 和 这 4 个目录,如下图所示。

image-20230419235146425

目录用于存放 Java 代码。

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

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

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

7. 配置 classes 和 lib 目录

配置 以及 目录

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

image-20230420000000459

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

image-20230420000356614

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

image-20230420001651200

8. 配置 Tomcat 并启动

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

image-20230420001920951

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

image-20230420002210558

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

image-20230420002527394

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

image-20230420002944889

完成配置,并启动。

image-20230420003242562

最后的最后

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

咱们下期再见!

今天的文章
idea web分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/131697.html

(0)
编程小号编程小号
上一篇 2024-09-10
下一篇 2024-09-10

相关推荐