Idea+maven+tomcat部署第一个tomcat项目
2017-08-22 15:51
549 查看
IDEA创建Maven项目及部署发布,IDEA配置Tomcat,创建java源文件夹。
此教程适合刚刚使用IDEA的新手。
apache-maven-3.3.9
apache-tomcat-8.5.11
如下图,打开idea之后,file -> new -> project
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154642480-1259859730.png)
2
如下图,在弹出的new project 页面,选择maven -> 勾选Create from artifactype -> 选中webapp(注意:这个地方有两个app,选择maven-archetype-webapp), next
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154651418-483240173.png)
3
如下图,接下来就是填写groupId 和archetypeId 了,点击next。
GroupID实际对应JAVA的包的结构,是main目录里java的目录结构。 ArtifactID就是项目的唯一的标识符,实际对应项目的名称,就是项目根目录的名称。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154658652-1167816195.png)
4
如下图,这一步,直接按照默认,点击next也可以的,但是可能创建完成之后会下载一些东西,然后导致比较慢,所以我个人建议。先配置maven路径后再点击右侧的那个加号
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154705027-571291786.png)
5
输入对应的name和value,然后点击OK。点击Next。archetypeCatalog表示插件使用的archetype元数据,不加这个参数时默认为remote,local,即中央仓库archetype元数据,由于中央仓库的archetype太多了,所以导致很慢,指定internal来表示仅使用内部元数据。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154714074-1644939461.png)
6
如下图,填写project name和module name,并选择项目所在的路径。
module name默认和project name 一样的,但是如果这个项目只有这一个module,不改无所谓的,如果有很多的module,那肯定是修改一下。 finish.
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154726105-40435931.png)
7
如下图,别急,稍等片刻,待目录结构变成图示的结构,说明项目创建完成。
项目创建完了还不一定能运行,要看有没有配置好tomcat和jdk了。 具体见步骤二。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154733824-265988488.png)
END
在主页面打开ProjectStructure,点击图示的按钮或是按ctrl+shift+alt+s快捷键。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154742199-704463095.png)
2
打开ProjectStructure后,按照图示依次点击Facets->+号,在弹出的对话框个中选择Web.
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154750964-418616666.png)
3
在弹出的对话框选择刚才创建的Maven项目(MavenDemo),点击ok.
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154757902-232997806.png)
4
接着会出现图示的结构,点击Deployment Descriptors 对话框右侧的加号,会弹出一个图示的小对话框,选择web.xml所在的路径,点击Ok。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154810699-1678782287.png)
5
再次点击Web Resource Directories对话框右侧的加号,会弹出一个图示的小对话框,选择webapp所在的路径,点击Ok。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154819402-28753909.png)
6
再次回到Project Structure,点击左侧 Artifacts,依次点击+号->Web Application:Exploded->From Modules.
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154829761-1954094491.png)
7
在弹出的框中选择刚才创建的Maven项目(MavenDemo),Ok.
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154839527-1779827974.png)
8
出现下图的对话框,点击Ok即可。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154849027-1858437277.png)
9
接下来开始配置Tomcat。然后在右上角点击那个下拉框,再点击Edit Configurations
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154908808-2143723016.png)
10
在弹出的对话框中点击+号,找到Tomcat Server ,选择Local.
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154916324-1271565484.png)
11
在弹出的对话框中,选择Deployment,点击右侧的+号,选择Artifact。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154925558-204640301.png)
12
接着回到Server选项卡,配置一下Tomcat的基本参数,最后点击Ok即可
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154939449-327130505.png)
这分别是在两种命令下的触发的事件。这个是 IntelliJ IDEA 特有的,也是重点
On Update action: 当我们按 Ctrl + F10 进行容器更新的时候,可以根据我们配置的这个事件内容进行容器更新。其中我选择的 Update classes and resources 事件是最常用的,表示我们在按 Ctrl + F10 进行容器更新的时候,我们触发更新编译的类和资源文件到容器中。在 Debug 模式下,这个也就是所谓的 HotSwap。这是这种热部署没有 JRebel 插件那样好用
On frame deactivation: 当我们切换 IntelliJ IDEA 到浏览器的时候进行指定事件更新,这个一般是因为 Web 开发的时候,我们需要经常在 IntelliJ IDEA 和各个浏览器之间来回切换测试,所以才有了这种需求。IntelliJ IDEA 是为了帮我们在做这种无聊切换的时候做一些指定事情。当然了,如果切换过于频繁,这个功能还是很耗资源的,所以我设置的是 Do nothing 表示切换的时候什么都不做
13.13
在主界面中 Application Servers 中就可以看到部署的工程,点击 Run/Connect 就可以运行 Tomcat 服务器
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822160205168-2050756907.png)
最后点击工具栏上的小虫子按钮,以Debug方式启动Tomcat服务器。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154954074-1179920495.png)
14
如果看到下图的页面,恭喜你,Maven项目的创建及运行已经成功。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822155004214-1818100143.png)
END
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822155018386-1905184239.png)
在主页面打开ProjectStructure,点击图示的按钮或是按ctrl+shift+alt+s快捷键
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822155032699-677099203.png)
在弹出的Project Structure窗口中,依次从左侧选择Modules->MavenDemo->Sources,打开项目的main目录,在main上单击右键选择New Folder,在弹出的对话框中填写文件的名字后,点击Ok。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822155045324-1977975897.png)
然后选中刚才创建的文件夹,点击上面的 Mark as: 中的sources按钮,该文件夹就会变成蓝色用于保存java代码,之后点击OK,
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822155056683-222941012.png)
最后主页面的main文件夹下就会出现java代码的源文件夹。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822155108058-1315924338.png)
END
Tomcat版本为 8.5.11
Maven版本为 3.3.9
此教程适合刚刚使用IDEA的新手。
工具/原料
IntelliJ IDEA 2016.3.4apache-maven-3.3.9
apache-tomcat-8.5.11
一、创建Maven项目
1如下图,打开idea之后,file -> new -> project
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154642480-1259859730.png)
2
如下图,在弹出的new project 页面,选择maven -> 勾选Create from artifactype -> 选中webapp(注意:这个地方有两个app,选择maven-archetype-webapp), next
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154651418-483240173.png)
3
如下图,接下来就是填写groupId 和archetypeId 了,点击next。
GroupID实际对应JAVA的包的结构,是main目录里java的目录结构。 ArtifactID就是项目的唯一的标识符,实际对应项目的名称,就是项目根目录的名称。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154658652-1167816195.png)
4
如下图,这一步,直接按照默认,点击next也可以的,但是可能创建完成之后会下载一些东西,然后导致比较慢,所以我个人建议。先配置maven路径后再点击右侧的那个加号
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154705027-571291786.png)
5
输入对应的name和value,然后点击OK。点击Next。archetypeCatalog表示插件使用的archetype元数据,不加这个参数时默认为remote,local,即中央仓库archetype元数据,由于中央仓库的archetype太多了,所以导致很慢,指定internal来表示仅使用内部元数据。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154714074-1644939461.png)
6
如下图,填写project name和module name,并选择项目所在的路径。
module name默认和project name 一样的,但是如果这个项目只有这一个module,不改无所谓的,如果有很多的module,那肯定是修改一下。 finish.
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154726105-40435931.png)
7
如下图,别急,稍等片刻,待目录结构变成图示的结构,说明项目创建完成。
项目创建完了还不一定能运行,要看有没有配置好tomcat和jdk了。 具体见步骤二。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154733824-265988488.png)
END
二、配置Tomcat
1在主页面打开ProjectStructure,点击图示的按钮或是按ctrl+shift+alt+s快捷键。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154742199-704463095.png)
2
打开ProjectStructure后,按照图示依次点击Facets->+号,在弹出的对话框个中选择Web.
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154750964-418616666.png)
3
在弹出的对话框选择刚才创建的Maven项目(MavenDemo),点击ok.
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154757902-232997806.png)
4
接着会出现图示的结构,点击Deployment Descriptors 对话框右侧的加号,会弹出一个图示的小对话框,选择web.xml所在的路径,点击Ok。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154810699-1678782287.png)
5
再次点击Web Resource Directories对话框右侧的加号,会弹出一个图示的小对话框,选择webapp所在的路径,点击Ok。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154819402-28753909.png)
6
再次回到Project Structure,点击左侧 Artifacts,依次点击+号->Web Application:Exploded->From Modules.
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154829761-1954094491.png)
7
在弹出的框中选择刚才创建的Maven项目(MavenDemo),Ok.
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154839527-1779827974.png)
8
出现下图的对话框,点击Ok即可。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154849027-1858437277.png)
9
接下来开始配置Tomcat。然后在右上角点击那个下拉框,再点击Edit Configurations
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154908808-2143723016.png)
10
在弹出的对话框中点击+号,找到Tomcat Server ,选择Local.
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154916324-1271565484.png)
11
在弹出的对话框中,选择Deployment,点击右侧的+号,选择Artifact。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154925558-204640301.png)
12
接着回到Server选项卡,配置一下Tomcat的基本参数,最后点击Ok即可
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154939449-327130505.png)
这分别是在两种命令下的触发的事件。这个是 IntelliJ IDEA 特有的,也是重点
On Update action: 当我们按 Ctrl + F10 进行容器更新的时候,可以根据我们配置的这个事件内容进行容器更新。其中我选择的 Update classes and resources 事件是最常用的,表示我们在按 Ctrl + F10 进行容器更新的时候,我们触发更新编译的类和资源文件到容器中。在 Debug 模式下,这个也就是所谓的 HotSwap。这是这种热部署没有 JRebel 插件那样好用
On frame deactivation: 当我们切换 IntelliJ IDEA 到浏览器的时候进行指定事件更新,这个一般是因为 Web 开发的时候,我们需要经常在 IntelliJ IDEA 和各个浏览器之间来回切换测试,所以才有了这种需求。IntelliJ IDEA 是为了帮我们在做这种无聊切换的时候做一些指定事情。当然了,如果切换过于频繁,这个功能还是很耗资源的,所以我设置的是 Do nothing 表示切换的时候什么都不做
13.13
在主界面中 Application Servers 中就可以看到部署的工程,点击 Run/Connect 就可以运行 Tomcat 服务器
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822160205168-2050756907.png)
最后点击工具栏上的小虫子按钮,以Debug方式启动Tomcat服务器。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822154954074-1179920495.png)
14
如果看到下图的页面,恭喜你,Maven项目的创建及运行已经成功。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822155004214-1818100143.png)
END
三、创建Java文件目录
创建及部署完Maven项目会发现,main目录下没有java源文件夹。接下来我会教大家怎么创建这个java源文件夹。![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822155018386-1905184239.png)
在主页面打开ProjectStructure,点击图示的按钮或是按ctrl+shift+alt+s快捷键
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822155032699-677099203.png)
在弹出的Project Structure窗口中,依次从左侧选择Modules->MavenDemo->Sources,打开项目的main目录,在main上单击右键选择New Folder,在弹出的对话框中填写文件的名字后,点击Ok。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822155045324-1977975897.png)
然后选中刚才创建的文件夹,点击上面的 Mark as: 中的sources按钮,该文件夹就会变成蓝色用于保存java代码,之后点击OK,
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822155056683-222941012.png)
最后主页面的main文件夹下就会出现java代码的源文件夹。
![](https://images2017.cnblogs.com/blog/1031494/201708/1031494-20170822155108058-1315924338.png)
END
注意事项
IDEA 版本为2016.3.4Tomcat版本为 8.5.11
Maven版本为 3.3.9
相关文章推荐
- Idea+maven+tomcat部署第一个tomcat项目
- idea导入maven项目和普通Web项目,并且使用tomcat部署
- idea maven tomcat web 热部署项目
- Idea 配置maven-tomcat-plugin插件实现项目部署
- idea上把maven项目打包成war包直接部署在tomcat上
- 使用idea将maven项目打包war文件部署到tomcat
- ubuntu16.04安装及配置tomcat,IDEA集成tomcat及部署web项目,IDEA通过阿里云镜像加速maven项目创建
- Intellij Idea 从 Svn 检出 Maven 项目、部署 Tomcat 运行
- idea中三层maven结构项目的tomcat插件部署
- idea 部署springMVC maven项目到tomcat出错, java.lang.ClassNotFoundException:处理
- 【BUG】 ContainerBase.addChild---IDEA 和Tomcat部署非maven的web项目
- idea中maven项目部署tomcat
- maven项目,struts2+spring+mybatis框架搭建整合,tomcat部署,开发工具Idea
- IDEA运行Maven项目部署tomcat上
- IDEA配置web项目、部署Tomcat、配置maven
- tomcat-maven-plugin部署Web项目配置文件
- idea集成项目管理工具 --- Maven 并且【配置tomcat】
- 有关使用Maven常见问题总结(Eclipse中使用Maven、Maven项目部署到tomcat等问题)
- Maven项目自动部署到tomcat
- 使用Maven+Tomcat实现项目的热部署