通过Idea部署Tomcat服务器(详细图文教学)

1.在idea中创建项目

有maven构建工具就创建maven,没有就正常创建一个普通的java程序

创建普通java项目

通过Idea部署Tomcat服务器(详细图文教学)_第1张图片

通过Idea部署Tomcat服务器(详细图文教学)_第2张图片 通过Idea部署Tomcat服务器(详细图文教学)_第3张图片

 通过Idea部署Tomcat服务器(详细图文教学)_第4张图片


 2.添加框架

 通过Idea部署Tomcat服务器(详细图文教学)_第5张图片

 通过Idea部署Tomcat服务器(详细图文教学)_第6张图片

通过Idea部署Tomcat服务器(详细图文教学)_第7张图片


3.配置 Tomcat

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

 通过Idea部署Tomcat服务器(详细图文教学)_第8张图片

 通过Idea部署Tomcat服务器(详细图文教学)_第9张图片

 通过Idea部署Tomcat服务器(详细图文教学)_第10张图片

 通过Idea部署Tomcat服务器(详细图文教学)_第11张图片

通过Idea部署Tomcat服务器(详细图文教学)_第12张图片

 4.添加部署

 通过Idea部署Tomcat服务器(详细图文教学)_第13张图片

通过Idea部署Tomcat服务器(详细图文教学)_第14张图片 回到服务器

通过Idea部署Tomcat服务器(详细图文教学)_第15张图片


 5.完善配置

通过Idea部署Tomcat服务器(详细图文教学)_第16张图片

 通过Idea部署Tomcat服务器(详细图文教学)_第17张图片

 通过Idea部署Tomcat服务器(详细图文教学)_第18张图片

 通过Idea部署Tomcat服务器(详细图文教学)_第19张图片

 通过Idea部署Tomcat服务器(详细图文教学)_第20张图片

6.Tomcat,启动!

 通过Idea部署Tomcat服务器(详细图文教学)_第21张图片

 通过Idea部署Tomcat服务器(详细图文教学)_第22张图片

 通过Idea部署Tomcat服务器(详细图文教学)_第23张图片

 出现乱码的原因一般都是因为编码方式有问题,所以下一步更改编码方式

 通过Idea部署Tomcat服务器(详细图文教学)_第24张图片

 通过Idea部署Tomcat服务器(详细图文教学)_第25张图片

最后重启一下Tomcat

 通过Idea部署Tomcat服务器(详细图文教学)_第26张图片

 6.补充

好奇为什么弹出的网页里面显示的内容是$END$,其实是因为当启动Tomcat服务器的时候自动访问了项目下web里面的index.jsp

通过Idea部署Tomcat服务器(详细图文教学)_第27张图片

 可以看到右边jsp基于html代码实现,那么就将其修改为输出Hello Tomcat

将内容修改为:

通过Idea部署Tomcat服务器(详细图文教学)_第28张图片

刷新网页可以看到内容已经更改了

通过Idea部署Tomcat服务器(详细图文教学)_第29张图片

 到此最简单的部署Tomcat就完成了


原版内容在此

IDEA部署Tomcat(超详细)_idea tomcat_秃头披风侠.的博客-CSDN博客

由于作者所用为英文版本,所以我将提供中文版的idea实现Tomcat服务器的部署

你可能感兴趣的:(javaweb,intellij-idea,tomcat,服务器)