如何使用IntelliJ IDEA 创建基于Maven构建的Web项目的过程

时间:2020-11-27 09:55:12


环境配置:

  • 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配置、项目发布等过程。