图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

时间:2022-04-05 09:38:44

本文主要是图文详细介绍如何使用IntelliJ IDEA 创建基于Maven构建的Web项目的过程。

环境配置:

  • IntelliJ IDEA 12.1.4
  • JDK 1.6.0_51
  • Maven 3.0.4

详细步骤:

如果是第一次打开软件直接点击 Create New Project ,如果之前已经打开过项目了,需要点击菜单中File → New Project … 如下图:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

选择 Maven module ,输入项目名称,点击 Next 如下:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

编辑 GroupId、ArtifactId、选择对应的 archetype ,点击Next 如下:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

确认信息正确后点击 Finish 按钮即可生成项目,如下图:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

到此项目已经创建完成,下面开始配置 Tomcat服务,点击工具栏中的 向下箭头的图标(如下图 红框标注)或者点击菜单栏中的Run → Edit Configurations…  如下图:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

选中后如下:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

点击红色标注的 + 按钮,如下图:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

选择 Tomca Server → Local  如下图:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

输入名称(随便取比如 tomcat6)、配置tomcat 本地环境以及相应端口后,点击 页签 Deployment 如下图:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

点击 + 选择 Artifact …

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

选择需要发布的应用,点击 OK 按钮。

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

编辑 Application Context 的名称,点击OK按钮即完成Tomcat 配置。

双击打开 index.jsp ,编辑文件如下:

123456 <html><body><h2>HelloWorld!</h2><h2>moresee <ahref="http://www.micmiu.com">micmiu.com</a>  </h2></body></html>

点击下图中标注的绿色启动按钮,即可发布相关应用:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

启动正常应该看到如下信息:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

启动后会自动跳转到浏览器,看到如下内容:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目

到此已经完成了项目创建、Tomcat配置、项目发布等过程。