IDEA2022.2创建Java web项目（超详细+过程问题解决）

绝地灬酷狼 2023-09-27 11:29 136阅读 0赞

> 适合初学者首次创建，过程中可能遇到的小问题也会展示。

#### 文章目录 ####

*  一、创建项目
 *  二 、引入框架
 *  三、编辑项目
 *  四、tomcat
 *  五、运行 
 *  总结

## 一、创建项目 ##

基础创建，Jakarta ee原Java ee,可以认准这个图标。

![063d976cdba947e18e3c9693b813c2f2.png][]

![e32577685a6349f5813fbea665f5ed94.png][]

## 二 、引入框架 ##

![5e4f5897ca17416bb65677721bc6c0d5.png][]

选择

![d269d23454a845f5931d0e69dc41f7d9.png][]

导入web框架 ![1dc06c45d5eb46bbaf945fca3032b417.png][]

***如果没有这个选项，可能的解决方法：***

点击filezai'zaixie，选择

![b5a4867a0def4c3ca1bc0e1ec27f0e22.png][]

如图删除web文件，再重复右击项目导入框架看是否出现那个选项 ![2e98d1997e914db1a745cfae838180c4.png][]

## 三、编辑项目 ##

导入框架后出现web文件，在WEB-INF下新建classes和lib

![a13936c1c67b4f9da4f79c3d1a741d07.png][]

进行web项目配置

打开project structure ![e84785a4340c40b2a3e0f64cb306faca.png][]

在这里面dependencies导入包

![e556a3fc457e4f1393f1649a7e9531ac.png][]

选择到lib目录，那个jar包可以复制过来也可以在Libraries中+号导入

![d9facc5ed1a940cd854d1c736602b4f1.png][]

![0f80cd61806944a2a53c107c8bb5b0c7.png][]

## 四、tomcat ##

![1e423a5d3e2f4ad39033f4dec0845533.png][]

![ec31bc97b8df4bf291c30accd6197a45.png][]

![ab47066599984cd6b110c81e5034bb16.png][]

如果运行第一次的页面就报404，可以把上面Application context清空

## 五、运行 ![99360fe587804a21aa9b1e8df4281757.png][] ##

点击右上角的绿色三角形启动容器

![052e07884dfa41479565a2e0e7a604ca.png][]

##  ##

## 总结 ##

创建web项目大致框架如上，中途遇见问题应该不会太多，在写具体项目的时候有问题还是要再查询相应。

[063d976cdba947e18e3c9693b813c2f2.png]: https://img-blog.csdnimg.cn/063d976cdba947e18e3c9693b813c2f2.png
[e32577685a6349f5813fbea665f5ed94.png]: https://img-blog.csdnimg.cn/e32577685a6349f5813fbea665f5ed94.png
[5e4f5897ca17416bb65677721bc6c0d5.png]: https://img-blog.csdnimg.cn/5e4f5897ca17416bb65677721bc6c0d5.png
[d269d23454a845f5931d0e69dc41f7d9.png]: https://img-blog.csdnimg.cn/d269d23454a845f5931d0e69dc41f7d9.png
[1dc06c45d5eb46bbaf945fca3032b417.png]: https://img-blog.csdnimg.cn/1dc06c45d5eb46bbaf945fca3032b417.png
[b5a4867a0def4c3ca1bc0e1ec27f0e22.png]: https://img-blog.csdnimg.cn/b5a4867a0def4c3ca1bc0e1ec27f0e22.png
[2e98d1997e914db1a745cfae838180c4.png]: https://img-blog.csdnimg.cn/2e98d1997e914db1a745cfae838180c4.png
[a13936c1c67b4f9da4f79c3d1a741d07.png]: https://img-blog.csdnimg.cn/a13936c1c67b4f9da4f79c3d1a741d07.png
[e84785a4340c40b2a3e0f64cb306faca.png]: https://img-blog.csdnimg.cn/e84785a4340c40b2a3e0f64cb306faca.png
[e556a3fc457e4f1393f1649a7e9531ac.png]: https://img-blog.csdnimg.cn/e556a3fc457e4f1393f1649a7e9531ac.png
[d9facc5ed1a940cd854d1c736602b4f1.png]: https://img-blog.csdnimg.cn/d9facc5ed1a940cd854d1c736602b4f1.png
[0f80cd61806944a2a53c107c8bb5b0c7.png]: https://img-blog.csdnimg.cn/0f80cd61806944a2a53c107c8bb5b0c7.png
[1e423a5d3e2f4ad39033f4dec0845533.png]: https://img-blog.csdnimg.cn/1e423a5d3e2f4ad39033f4dec0845533.png
[ec31bc97b8df4bf291c30accd6197a45.png]: https://img-blog.csdnimg.cn/ec31bc97b8df4bf291c30accd6197a45.png
[ab47066599984cd6b110c81e5034bb16.png]: https://img-blog.csdnimg.cn/ab47066599984cd6b110c81e5034bb16.png
[99360fe587804a21aa9b1e8df4281757.png]: https://img-blog.csdnimg.cn/99360fe587804a21aa9b1e8df4281757.png
[052e07884dfa41479565a2e0e7a604ca.png]: https://img-blog.csdnimg.cn/052e07884dfa41479565a2e0e7a604ca.png