IDEA部署Tomcat(超详细)
作者:mmseoamin日期:2023-12-05

创建Web项目

        我们首先使用IDEA创建一个普通的java项目

IDEA部署Tomcat(超详细),第1张

        创建好后的项目结构如上图,我创建的项目名称为tomcat,这个项目现在还是一个普通的java项目,想要开发web程序,我们还要做一下操作,首先我们先给项目添加依赖

IDEA部署Tomcat(超详细),第2张

        首先右键自己创建的项目,然后点击add framework support

IDEA部署Tomcat(超详细),第3张

         选择Web application,然后点ok

IDEA部署Tomcat(超详细),第4张

        我们可以发现多了一个web文件夹,这个web文件夹里面就是放自己的web文件,例如html文件,jsp文件等,web下面的WEB-INF目录里面的web.xml就是用来配置这个web项目的,在WEB-INF下面我们一般会建立一个lib文件夹用于存放项目所需的jar包。


配置tomcat

        创建web项目后我们需要配置tomcat才能运行,下面我们来进行配置。

IDEA部署Tomcat(超详细),第5张

         首先点击add configuration

IDEA部署Tomcat(超详细),第6张

         然后点击+号

IDEA部署Tomcat(超详细),第7张

        下拉选择tomcat server下的local

 IDEA部署Tomcat(超详细),第8张

        由于我已经配置过,所以自动选择了,如果没有没有自动选择,点击configuration,点击+号,在tomcat选择自己的tomcat目录即可

IDEA部署Tomcat(超详细),第9张         回到配置界面

IDEA部署Tomcat(超详细),第10张

         我们在这个界面中首先点击deployment,先配置自己的项目名称,也就是外部访问的项目名称

IDEA部署Tomcat(超详细),第11张

点击+号,选择发布方式(第一个选项为war包,第二个选项为源码),我们选择Artifact

IDEA部署Tomcat(超详细),第12张 选择后下滑修改对外访问路径,我一般和项目名称一致

IDEA部署Tomcat(超详细),第13张

 IDEA部署Tomcat(超详细),第14张

 然后回到serve界面

IDEA部署Tomcat(超详细),第15张

        这里设置tomcat的名字

IDEA部署Tomcat(超详细),第16张

         这里选择发布项目后是否默认打开游览器,以及打开哪个游览器,根据自己需要进行选择

IDEA部署Tomcat(超详细),第17张

        这里是我们对外访问的urlIDEA部署Tomcat(超详细),第18张

          然后我们把下面2个选项设置为热加载,表示我们在修改文件后就会生效(修改java文件后需要重新发布才会生效)

IDEA部署Tomcat(超详细),第19张         这里是设置端口,根据自己的需要来设置

IDEA部署Tomcat(超详细),第20张

         都设置好后我们点击apply后点击ok

IDEA部署Tomcat(超详细),第21张

        我们可以看见这个界面,表示已经配置好了

IDEA部署Tomcat(超详细),第22张         启动一下,服务器启动成功,但是控制台输出乱码

IDEA部署Tomcat(超详细),第23张

         这个有多种解决方法,我们随便选择一种,首先我们点击idea界面的file,选择setting,进入设置界面

IDEA部署Tomcat(超详细),第24张

IDEA部署Tomcat(超详细),第25张         然后我们在搜索框中输入console ,回车

 IDEA部署Tomcat(超详细),第26张

         然后我们把默认编码改为GBK

IDEA部署Tomcat(超详细),第27张

        点击apply,然后点击ok,重新启动服务器,发现控制台正常输出

IDEA部署Tomcat(超详细),第28张

         访问服务器,网页显示为

IDEA部署Tomcat(超详细),第29张        其实访问这个网址,默认访问的就是http://localhost:8080/tomcat/ 下面的index.jsp文件,我们修改下index.jsp文件,让其输出Hello Toncat

IDEA部署Tomcat(超详细),第30张

         再次访问,发现网页已经显示Hello Tomcat

IDEA部署Tomcat(超详细),第31张

        到此,我们已经成功在idea中部署了web项目,配置了tomcat,并解决了启动tomcat控制台输出乱码问题。启动服务器能够正常运行。