Intellij idea 导入Web项目并部署到tomcat中

我不是女神ヾ 2022-12-30 08:18 151阅读 0赞

主要分为项目配置和tomcat配置两大步骤。

### 一、项目配置 ###

打开idea，选择导入项(或者在已经打开的软件中选择File->New->Project from Existing Sources)

![format_png][]

image

选择将要打开的项目路径后，继续选择项目的原本类型（后续引导设置会根据原本的项目类型更新成idea的项目），此例中选择Eclipse，然后一直next到底即可

![format_png 1][]

image

File->Project Structure打开项目配置窗口(快键键 Ctrl+Shift+Alt+s )

在Project项中配置\[JDK\]版本和编译等级

![format_png 2][]

image

在Modules项的Sources标签页中配置项目结构（主要配置需编译的Java文件和配置文件

![format_png 3][]

image

在Modules项的Paths标签页中配置编译后文件输出路径

![format_png 4][]

image

在Modules项的Dependencies标签页中配置依赖关系

因为在导入项目的时候选择了导入的是eclipse项目，所以此处依赖关系已自动处理，若手动配置主要是要加上jdk和web-inf/lib的jar包。

图片中标示的项目名称下有红色波浪线的错误提示，把依赖关系中所有红色的项删掉即可（图中红色的几个eclipse相关项是因为项目原来是在eclipse中打开，而在idea中这些项是不需要的）。

在Libraries项中配置需要的库。因为项目需要用到jsp和servlet，而项目的lib中没有相关jar包，所以在此引入tomcat\_home/lib目录下的js-api.jar、servlet-api.jar。

![format_png 5][]

image

在Facets项中对项目添加Web模块

![format_png 6][]

image

点击图中标示位置对Web Resource进行修改。idea默认的目录是web，我们的项目是WebRoot(WebContent)，所以注意需要修改此处。

![format_png 7][]

image

在Artifacts项中设置项目的部署配置,添加WebApplication:Exploded

![format_png 8][]

image

如有需要可以进一步配置，下图是添加后默认的配置没有再进行其他设置

![format_png 9][]

image

### 二、Tomcat配置 ###

在界面右上角点击图示出打开运行环境配置

![format_png 10][]

image

添加tomcat运行环境

![format_png 11][]

image

配置tomcat路径、端口(注意这一步要添加左上角加号添加TomcatServer)

![format_png 12][]

image

在Deployment标签页中添加要部署的项目，添加后可以看见部署操作增加“Build 'epcsys:war exploded' artifact”一项

![format_png 13][]

image

tomcat配置完成后点击运行tomcat即可

![format_png 14][]

image

我是在[原文][Link 1]基础上做了补充;

当发现项目可以访问了,但是当我们访问locahost:8080的时候报404,如果你的是报404的话,[请点击我][Link 2]

转载地址：[https://www.jianshu.com/p/ea2c55489dde][https_www.jianshu.com_p_ea2c55489dde]

[format_png]: /images/20221120/e5ce7964a8cd463188f8414a538974df.png
[format_png 1]: /images/20221120/686f6fab1ea345fdb811d2d5746c4960.png
[format_png 2]: https://img-blog.csdnimg.cn/img_convert/3142a64134c4359cfd6aea83ab9d2de1.webp?x-oss-process=image/format,png
[format_png 3]: https://img-blog.csdnimg.cn/img_convert/65d503b62f59fd0bb1c5dffdc519b3aa.webp?x-oss-process=image/format,png
[format_png 4]: https://img-blog.csdnimg.cn/img_convert/a8af12a6f7558a52de718cae0d4c6a22.webp?x-oss-process=image/format,png
[format_png 5]: https://img-blog.csdnimg.cn/img_convert/ba022101e490a1bb2eae44e2d07c4ae2.webp?x-oss-process=image/format,png
[format_png 6]: https://img-blog.csdnimg.cn/img_convert/f924a4f3227a9624fadf68d2b4ff0312.webp?x-oss-process=image/format,png
[format_png 7]: https://img-blog.csdnimg.cn/img_convert/2590fdf365c6290293bb8bb1b76b777c.webp?x-oss-process=image/format,png
[format_png 8]: https://img-blog.csdnimg.cn/img_convert/da171923e6e386387cadfaa89494a70d.webp?x-oss-process=image/format,png
[format_png 9]: https://img-blog.csdnimg.cn/img_convert/8c4ae202b1cccb3623c68dde6baf9a26.webp?x-oss-process=image/format,png
[format_png 10]: https://img-blog.csdnimg.cn/img_convert/c0c2829f5cf78f84bf4314c9ca532249.webp?x-oss-process=image/format,png
[format_png 11]: https://img-blog.csdnimg.cn/img_convert/648099673d0c202ae5a0d6e0a1364058.webp?x-oss-process=image/format,png
[format_png 12]: https://img-blog.csdnimg.cn/img_convert/33b297357a3856d0d7f9d4e2ef49488b.webp?x-oss-process=image/format,png
[format_png 13]: https://img-blog.csdnimg.cn/img_convert/93e7315a40d154a1cfe32acfb59c3472.webp?x-oss-process=image/format,png
[format_png 14]: https://img-blog.csdnimg.cn/img_convert/47ec103345921cdd8aae888872596c78.webp?x-oss-process=image/format,png
[Link 1]: https://blog.csdn.net/qq_26346941/article/details/71524144
[Link 2]: https://www.jianshu.com/p/6765f8464646
[https_www.jianshu.com_p_ea2c55489dde]: https://www.jianshu.com/p/ea2c55489dde