IDEA2020.1.2创建web项目配置Tomcat的详细教程

(编辑:jimmy 日期: 2024/9/26 浏览:2)

本文章是一篇IDEA创建web项目配置Tomcat的整合文章,并非原创,原文链接
https://blog.csdn.net/qq_45738810/article/details/107842532
https://www.cnblogs.com/shindo/p/7272646.html

作为初学者,先看了第一个链接里大佬的文章又看其他的文章表示很懵,为了避免各位和我一样,所以在此整合一下,希望能帮到各位!

第一步,先创建一个普通的Java项目

IDEA2020.1.2创建web项目配置Tomcat的详细教程

第二步,创建web项目。右键项目名–>Add Frameworks Support

IDEA2020.1.2创建web项目配置Tomcat的详细教程

勾选Web Application然后OK

IDEA2020.1.2创建web项目配置Tomcat的详细教程
IDEA2020.1.2创建web项目配置Tomcat的详细教程

然后在web/WEB_INF 目录下创建两个文件夹:classes和lib

IDEA2020.1.2创建web项目配置Tomcat的详细教程

之后配置文件夹路径;快捷键ctrl + shift + Alt + s -> Modules-> Paths -> 选中“Use module compile out path” -> 将Outputpath 和Test output path 路径都设置为classes文件夹

IDEA2020.1.2创建web项目配置Tomcat的详细教程

点击Dependencies ->右边的 + 号 -> 1 JARS or directories

IDEA2020.1.2创建web项目配置Tomcat的详细教程

选择刚刚创建的lib文件夹 ,OK

IDEA2020.1.2创建web项目配置Tomcat的详细教程

选择Jar Directory,OK,之后保存退出

IDEA2020.1.2创建web项目配置Tomcat的详细教程

配置Tomcat

Run -> Edit Configurations

IDEA2020.1.2创建web项目配置Tomcat的详细教程

点击 ±->Tomcat Server-> Local

IDEA2020.1.2创建web项目配置Tomcat的详细教程

点击Configure

IDEA2020.1.2创建web项目配置Tomcat的详细教程

在Tomcat Home选择你的Tomcat路径,ok

IDEA2020.1.2创建web项目配置Tomcat的详细教程

这时可以看到下方有警告Warning: No artifacts marked for deployment,直接点击右边的Fix修复,之后跳到Deployment面板

IDEA2020.1.2创建web项目配置Tomcat的详细教程

回到sever面板,将On ‘update' action和On frame deactivation改为update classes and resources ,保存退出

IDEA2020.1.2创建web项目配置Tomcat的详细教程

测试
在index.jsp中写入HelloWorld,运行项目

IDEA2020.1.2创建web项目配置Tomcat的详细教程

配置成功

IDEA2020.1.2创建web项目配置Tomcat的详细教程

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。