idea2021版本创建一个javaweb项目（含额外知识--添加tomcat相关jar包）

分手后的思念是犯贱 2023-09-23 15:35 104阅读 0赞

## 前言必读 ##

> [读者手册（必读）\_云边的快乐猫的博客-CSDN博客][-CSDN]

**前言：**

建立一个javaweb项目需要用到JDK、idea、Tomcat

1. JDK是11版本的

2.IDEA是2021版本的

3.Tomcat是8.5版本的

这些下载在我的其他文章里面也有讲到下载和应用，大致都是殊途同归的

**一、**打开ided，按照以下步骤点击创建一个工程项目

![b21173bb30be48ed8424986c4dee292d.png][]

**二、**创建的是Java的项目

![a7d9bc1ef65f418e98d7d3b1d1c82359.png][]

**三、**Next

![882b36a9b7694da9919facb8cd75f757.png][]

**四、**给项目自定义一个名字

![0ca509fc37864abd98524a9346c80e2f.png][]

**五、**选择新窗口打开这个项目（这个根据自己需要自行选择）

![53fd3cb88c5e4ca38140233c8748f9f1.png][]

**六、**这样就是一个标准的SE项目了

![5a20ee9d96b84b6492611018819bd55f.png][]

**七、**右键这个模块，添加框架支持（也叫导入依赖包）

![405bade4bc244d699e6e882155474e2d.png][]

**八、**选择这个Web框架，点击OK

![2d94bf0d1a904d599833ec764465adc5.png][] 建立好就是这样

![723849f93559492d9a5e19c62facecd8.png][]

**九、**创建两个包，分别命名为：

classes（存放out文件）

lib（存放依赖包）

![3b67cda8500540fa9bf060b496a050c2.png][]

**十、**建立完成后就是这样

![5ed2b14837e848f09f50b6733f04806c.png][]

**十一、**配置tomcat服务器

![3b1c90eb58c04b0d8f2d8394d9fdeece.png][]

**十二、**点击+号

![d35177967efa49688feb60ab6c6dfa8a.png][] **十三、**注意这里不要选错啊

![6efd3fe516344c9da01a3da7d98f37e7.png][]

**十四、**这Name可以自定义，JRE要选择自己jdk的位置（建议改为对应的版本名称，方便观看）

![a3b093b52c954b2d84ece326d306d33a.png][]

**十五、**点击配置后，弹出来框里面的tomcat路径都对应上没问题就点击OK

![c7cfbac7c644443484a553d992b2b482.png][]

**十六、**点击部署，添加这个

![51631b61be51453ebd9ccfa85562a26f.png][]

**十七、**这个项目名字可以改（我是不改，默认的）

![516d3b2f41dc40be9ec3015a303779a9.png][]

**十八、**点击run运行

![dde97f817fd14f4289e9a50eb5d5f957.png][]

**十九、**运行成功结果

![a9bce40fd88744cea00fb47cfdd1d445.png][]

跳出来这个界面就是成功了。（如果是404，那就是一些idea版本不带index.jsp或者没有这个文件，自己创建一个就可以了，tomcat是运行成功，没问题的。[如果tomcat乱码可以参考我的这篇文章][tomcat]）

![433f8a65e9954aa283ebe026ba7e2a8e.png][]

这样一个JavaWeb项目就建立好了

**===================================================================================================**

**额外知识（添加Tomcat依赖）**

添加依赖后续会用得到

依赖就是jar包，后续开发中不添加这个tomcat的相关jar包是会出问题的。

![3a9832861f8140ca82e9ae6d1cbac7d5.png][]

2.按照顺序点击

![a448f7d8c5fb4068801ea89f886fcb86.png][]

3.按照顺序点击

![9d85194d98eb42d786b6c9ff939b1525.png][]

4.按照顺序点击

![def74e7cbf6f43e0bc1d47abb5ed7238.png][] 这样tomcat的相关jar包就添加完成了

**如果你觉得本篇文章对你有所帮助的，给个一键三连吧！！！**

**点赞关注收藏，抱拳了！**

[-CSDN]: https://blog.csdn.net/m0_52861000/article/details/128148568?spm=1001.2014.3001.5501
[b21173bb30be48ed8424986c4dee292d.png]: https://img-blog.csdnimg.cn/b21173bb30be48ed8424986c4dee292d.png
[a7d9bc1ef65f418e98d7d3b1d1c82359.png]: https://img-blog.csdnimg.cn/a7d9bc1ef65f418e98d7d3b1d1c82359.png
[882b36a9b7694da9919facb8cd75f757.png]: https://img-blog.csdnimg.cn/882b36a9b7694da9919facb8cd75f757.png
[0ca509fc37864abd98524a9346c80e2f.png]: https://img-blog.csdnimg.cn/0ca509fc37864abd98524a9346c80e2f.png
[53fd3cb88c5e4ca38140233c8748f9f1.png]: https://img-blog.csdnimg.cn/53fd3cb88c5e4ca38140233c8748f9f1.png
[5a20ee9d96b84b6492611018819bd55f.png]: https://img-blog.csdnimg.cn/5a20ee9d96b84b6492611018819bd55f.png
[405bade4bc244d699e6e882155474e2d.png]: https://img-blog.csdnimg.cn/405bade4bc244d699e6e882155474e2d.png
[2d94bf0d1a904d599833ec764465adc5.png]: https://img-blog.csdnimg.cn/2d94bf0d1a904d599833ec764465adc5.png
[723849f93559492d9a5e19c62facecd8.png]: https://img-blog.csdnimg.cn/723849f93559492d9a5e19c62facecd8.png
[3b67cda8500540fa9bf060b496a050c2.png]: https://img-blog.csdnimg.cn/3b67cda8500540fa9bf060b496a050c2.png
[5ed2b14837e848f09f50b6733f04806c.png]: https://img-blog.csdnimg.cn/5ed2b14837e848f09f50b6733f04806c.png
[3b1c90eb58c04b0d8f2d8394d9fdeece.png]: https://img-blog.csdnimg.cn/3b1c90eb58c04b0d8f2d8394d9fdeece.png
[d35177967efa49688feb60ab6c6dfa8a.png]: https://img-blog.csdnimg.cn/d35177967efa49688feb60ab6c6dfa8a.png
[6efd3fe516344c9da01a3da7d98f37e7.png]: https://img-blog.csdnimg.cn/6efd3fe516344c9da01a3da7d98f37e7.png
[a3b093b52c954b2d84ece326d306d33a.png]: https://img-blog.csdnimg.cn/a3b093b52c954b2d84ece326d306d33a.png
[c7cfbac7c644443484a553d992b2b482.png]: https://img-blog.csdnimg.cn/c7cfbac7c644443484a553d992b2b482.png
[51631b61be51453ebd9ccfa85562a26f.png]: https://img-blog.csdnimg.cn/51631b61be51453ebd9ccfa85562a26f.png
[516d3b2f41dc40be9ec3015a303779a9.png]: https://img-blog.csdnimg.cn/516d3b2f41dc40be9ec3015a303779a9.png
[dde97f817fd14f4289e9a50eb5d5f957.png]: https://img-blog.csdnimg.cn/dde97f817fd14f4289e9a50eb5d5f957.png
[a9bce40fd88744cea00fb47cfdd1d445.png]: https://img-blog.csdnimg.cn/a9bce40fd88744cea00fb47cfdd1d445.png
[tomcat]: https://blog.csdn.net/m0_52861000/article/details/127901828?spm=1001.2014.3001.5501
[433f8a65e9954aa283ebe026ba7e2a8e.png]: https://img-blog.csdnimg.cn/433f8a65e9954aa283ebe026ba7e2a8e.png
[3a9832861f8140ca82e9ae6d1cbac7d5.png]: https://img-blog.csdnimg.cn/3a9832861f8140ca82e9ae6d1cbac7d5.png
[a448f7d8c5fb4068801ea89f886fcb86.png]: https://img-blog.csdnimg.cn/a448f7d8c5fb4068801ea89f886fcb86.png
[9d85194d98eb42d786b6c9ff939b1525.png]: https://img-blog.csdnimg.cn/9d85194d98eb42d786b6c9ff939b1525.png
[def74e7cbf6f43e0bc1d47abb5ed7238.png]: https://img-blog.csdnimg.cn/def74e7cbf6f43e0bc1d47abb5ed7238.png