欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

程序员文章站 2022-05-10 20:50:03
1.IntelliJ IDEA集成Tomcat部署Maven Web项目 1.1.IDEA构建Maven Web项目 使用IDEA来创建一个简单的Hello World的Maven Web项目,并使用Tomcat服务器在本地部署起来还是比较简单的,熟练之后基本10分钟以内就可以创建成功,但是在开始不 ......

1.intellij idea集成tomcat部署maven web项目

1.1.idea构建maven web项目

使用idea来创建一个简单的hello world的maven web项目,并使用tomcat服务器在本地部署起来还是比较简单的,熟练之后基本10分钟以内就可以创建成功,但是在开始不熟悉的情况下,idea工具还是有很多“坑”的地方,下面我们就来一步步总结一下使用idea来搭建一个最原始的maven web项目:

 

1.首先我们双击idea运行起来工具,点击create new project创建项目;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

2.按照如下图所示选择:maven-archetype-webapp,这个一定要选择正确,否则后面创建了错误的项目目录(项目中没有index.jsp),会直接导致无法正常启动web页面;选择对了,点击next,这是创建maven项目我遇到的第一个“坑”;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

 

 

3.出现填写groupid与artifactid界面,这里正常填写就行了,比如groupid一般填写组织或公司网址,artifactid一般给个项目意义的名字即可,点击next;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

4.这里选择自己maven的安装目录,选择对应的settings.xml文件会对应加载settings.xml中配置好的maven仓库地址,点击next即可,这里没什么好说的;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

5.填写好对应的maven web项目的名称,点击finish即可;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

6.完成上述操作之后,maven web项目就会自动创建并编译项目结构,idea会由maven下载对应组件,build success之后需要我们点击一下右下角的弹出框,选择“enable auto-import”;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

完成上述1-6步操作后,我们的idea maven web的hello world项目是构建起来了!

1.2.idea创建maven web项目目录

1.完成10.1中的创建之后,我们可以看到idea maven webapp项目模板已经为我们创建好了大致的webapp项目的目录结构,如下图:

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

2.基于web项目有java source与资源文件目录,所以我们需要点击file—project structure,选择modules,在mavenwebdemo项目中创建java与resources目录,点击apply,ok应用;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

3.之后可以看到项目中最简单的web目录文件结构便创建出来了;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

1.3.idea集成tomcat并配置运行启动maven web项目

maven web项目集成tomcat并运行当前项目主要分为两步:

①下载tomcat并配置configuration; ②设置本地项目artifacts war启动;

 

1.首先我们需要在“add configuration”中添加本地tocmat server;

tomcat 8的下载我们直接到tomcat官网下载即可:,下载完成后解压到本地目录即可;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

在idea中按照如下图所示步骤进行tomcat server本地服务启动配置:

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

2.本地tomcat server local做如下配置:

①server配置:

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

②deployment配置:

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

之后点击apply,ok应用,本地的tomcat服务local server创建成功;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

3.查看项目war包是否已经在module中配置;

点击file—project structure,选择artifacts;这里可以看到有两个war包已经配置到artifacts中了(其实这时已经默认配置好了);

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

这里我们可以自己手动创建项目module为自定义启动项目,这里我们点击“—”去掉两个war,点击“+”我们手动配置:

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

 

选择我们的项目modules,点击ok;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

4.这时我们点击tomcat run按钮,启动本地tomcat服务;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

启动完成,项目自动加载google浏览器,显示“hello world!”页面:

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

1.4.idea对maven web项目打包并部署运行

在本地运行了maven web项目成功了,我们如何打包我们的本地项目并部署war包到远程服务器呢?

1.首先需要我们在idea中对当前项目进行打war包:运行maven工具栏中的clean,右键选择run maven build,此时会清空target文件夹下所有的目录;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

2.之后选择工具栏中的package点击右键,选择run maven build,此时会重新创建target目录并生成war包;

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

3.找到maven-web-demo.war包目录,放到远程服务器上的tocmat安装目录的webapps目录下:

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

4.点击startup.bat,以管理员身份启动并运行tomcat服务器,此时tomcat启动会解压webapps目录下的maven-web-demo.war包并生成maven-web-demo目录文件:

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

 

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目

 

5.此时我们只需要在谷歌浏览器输入url地址即可访问,注意:上下文地址不在是/testweb,这时需要访问/maven-web-demo这个上下文地址,可以看到远程war包已经部署并运行在web服务器上:

【IDEA使用技巧】(5) —— IntelliJ IDEA集成Tomcat部署Maven Web项目