IDEA部署Tomcat(超详细)

创建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张图片

        这里是我们对外访问的url

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

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

IDEA部署Tomcat(超详细)_第18张图片

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

IDEA部署Tomcat(超详细)_第19张图片

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

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

IDEA部署Tomcat(超详细)_第21张图片

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

IDEA部署Tomcat(超详细)_第22张图片

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

 IDEA部署Tomcat(超详细)_第24张图片

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

IDEA部署Tomcat(超详细)_第25张图片

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

IDEA部署Tomcat(超详细)_第26张图片

         访问服务器,网页显示为

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

IDEA部署Tomcat(超详细)_第28张图片

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

IDEA部署Tomcat(超详细)_第29张图片

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

你可能感兴趣的:(javaWeb,#,tomcat,intellij-idea,tomcat,java)