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

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

环境配置:

详细步骤:

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

idea-maven-web-01

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

idea-maven-web-02

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

idea-maven-web-03

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

idea-maven-web-04

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

idea-maven-web-06

选中后如下:

idea-maven-web-07

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

idea-maven-web-08

选择 Tomca Server → Local  如下图:

idea-maven-web-09

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

idea-maven-web-10

点击 + 选择 Artifact …

idea-maven-web-11

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

idea-maven-web-12

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

双击打开 index.jsp ,编辑文件如下:
[crayon-5f6af19b6fb19983084463/]
点击下图中标注的绿色启动按钮,即可发布相关应用:

idea-maven-web-13

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

idea-maven-web-14

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

idea-maven-web-15

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

本文介绍到此结束@Michael Sun.