IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程

一、环境准备

   1、JDK1.8版本,配置好环境变量;

   2、Tomcat本地已安装,版本 7.0.90;

   3、Idea 2017.3.5 (需要激活);

   4、Maven 3.5.3

   (需要配置本地仓库:https://www.cnblogs.com/growthTree/p/6284831.html、

      Maven关联上idea:https://jingyan.baidu.com/article/a3a3f811cd5f0b8da2eb8abf.html);

二、创建项目

全部步骤:Ceate New project --->选择maven--->输入groupID和artifactID--->选择本地Maven--->Finish;

(1)新建项目:Ceate New project

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第1张图片

(2)选择Maven项目(JDK版本和maven类型)

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第2张图片

(3)输入GroupID 和 artifactID

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第3张图片

(4)选择本地配置好的Maven

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第4张图片

(5)可以修改项目名(默认值为artifactID)

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第5张图片

(6)点击Finish按钮后,idea会开始下载maven所需要的依赖,这时需要网络好才能成功完成创建。当项目成功创建后的结构如下图: 

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第6张图片

根据原来MyEclipse中用户习惯问题,将webapp文件夹,直接移到根目录下,目录结构如下:

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第7张图片

三、项目配置修改:修改project structure

1、修改project structure :

(1)选择File -----> project structure

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第8张图片

 

 

(2)project structure 中的project 配置:使用默认值,不做改变

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第9张图片

 

 

(3)project structure 中的Facets 配置:

两种可能:第1种

           说明:先修改web resource directories下的路径,修改为根目录下webapp的路径;

                    然后,deployment descriptors 中的path,将会自动带出上边路径下的webapp/WEB-INF/web.xml,如果没有带出,则手动处理一下。                  

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第10张图片

两种可能:第2种

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第11张图片

需要手动创建Web,步骤:点击 “+” ------> 找到列表中的 web,点击后弹出Choose Module弹框,选择我们的项目,点击OK;

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第12张图片

创建完Web,重新设置,按照上边的  两种可能:第1种  进行设置;

 

(4)project structure 中的Modules 配置:

        3.1 项目结构变更(变更为更加符合Maven的项目结构):初始结构如下

  IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第13张图片

         3.2    src文件夹下添加test文件夹,src/test文件夹下添加java文件夹、resources文件夹;

                  src/main 文件夹下,添加java文件夹、resources文件夹;

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第14张图片

 

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第15张图片

按照上图,将新创建好的文件夹,变成相应的资源文件夹:

src/main/java  -----------> Sources

src/main/resources----->Resources

src/test/java  ------------->Tests

src/test/resources ------>Test Resources

         3.3 变化后的结构:

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第16张图片

 

        3.4 修改编译的文件路径:

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第17张图片

 

(5)project structure 中的Artifacts 配置:

两种可能:第一种  (存在exploded)

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第18张图片

两种可能:第二种  (不存在exploded)

      步骤:点击最上边的  “ + ” 

                  -------> 在弹框中选择:Web Application:Exploded

                 -------->From Modules

                 -------->选择项目名,点击OK;

然后,跟上边   两种可能:第一种  (存在exploded) 一样了,按照上边的处理。

           至此,project structure修改完毕!!!!

 

四、项目配置修改:配置本地Tomcat

1、打开Edit Configurations 弹框;

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第19张图片

2、在Run/Debug Configuration中,点击“ + ”,选择Tomcat Server,选择Local;

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第20张图片

 配置Tomcat Server;

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第21张图片

说明:其中上图第五个----->是否每次启动都要默认打开浏览器,根据自己的需要,进行选择是否勾选;

 

小插曲---------疑问:

web项目在idea中部署到tomcat之后,并没有在webapps目录下。

输出的页面在.IntelliJIdea2017.3\system\tomcat\Unnamed_exam\work\Catalina\localhost\ROOT目录下面,

导致在IDEA启动了Tomcat后,浏览器会自动访问到项目,但是奇怪的是当在地址栏输入localhost:8080时,会报错,

访问webapps的其他项目也同样报错。

 

解决方案:就是在上图配置Tomcat server中,勾上第七个复选框:Deploy applications configured in Tomcat instance

  解决方案引用:https://blog.csdn.net/yy284872497/article/details/79630374

 

 

 

接着点击deployment,进行配置;

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第22张图片

将我们前面配置的 artifacts 部署到tomcat中,我们可以在application context配置项目的路径。然后点击apply,ok完成tomcat服务器配置

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第23张图片

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第24张图片

修改项目部署后的输出路径(输出到本地Tomcat/webapps/项目名):

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第25张图片

五、测试是否部署成功

  1、 接下来我们就可以运行啦,看看是否部署成功。点击下图中的爬虫一样的按钮debug  或者Run按钮,可以看到tomcat服务器正在启动中,如果tomcat服务器没有问题就可以成功的启动。 

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第26张图片

2、查看启动后,项目是否发布到本地Tomcat/webapps路径下:

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第27张图片

查看Tomcat路径发现已经发布上去了。

 

3、打开浏览器访问:http://localhost:8081/javawebProj/index.jsp

IDEA创建MavenWeb项目并发布到本地Tomcat目录下webapps全过程_第28张图片

你可能感兴趣的:(javaweb)