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

转载自:http://www.micmiu.com/software/common/intellij-idea-create-maven-web/


本文主要是图文详细介绍如何使用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项目_第1张图片

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

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第2张图片

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

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第3张图片

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

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第4张图片

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

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第5张图片

选中后如下:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第6张图片

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

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第7张图片

选择 Tomca Server → Local  如下图:

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第8张图片

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

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第9张图片

点击 + 选择 Artifact …

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第10张图片

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

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第11张图片

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

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

1 <html>
2 <body>
3 <h2>Hello World! </h2>
4 <h2>more see <a href="http://www.micmiu.com">micmiu.com </a>  </h2>
5 </body>
6 </html>

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

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第12张图片

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

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第13张图片

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

图文介绍IntelliJ IDEA 创建基于Maven构建的Web项目_第14张图片

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



你可能感兴趣的:(idea,intellij)