intelij idea 2023 创建java web项目

- 日理万妓 2023-10-14 22:24 42阅读 0赞

1.点击New Project

![133acef2ba6b43feb65a641d7f09b2bc.png][]

2.创建项目名称为helloweb ，jdk版本这里使用8，更高版本也不影响工程创建

点击create

![37d3972b0c904862a4f277fe81bf69f4.png][]

3.新建的工程是空的，点击File-> Project Structure

![71c8166d278647e28ddfca7cc92b2686.png][]

4.点击Modules

![5954c82f2965469d94b9722936a24cf8.png][]

5.点击加号，然后键盘输入web可以搜索到web模块，点击web

![dc3b82f6e1cf4d98a493bf26a8bf2872.png][]

6.点击OK

![926d7ca422d04b68b508c80290077974.png][]

7.可以看到新创建的web根目录

![50a35d9d13e1486da36d7a428bcd7e88.png][]

8.在web目录下创建一个index.jsp

![2235ee16bf4b4561b43b318cadd45b37.png][]

9.点击File-> Project Structure->Artifacts，再点加号

![f8d9e9a44f554559bf10293fd32d9b2f.png][]

10.选择下图的选项

![5dfb59cef1cb41edbdf87c64b4337249.png][]

11.选中helloweb，点击OK

![63b03a8f9a3d4fae8af9a89ca88c8834.png][]

12.Artifact创建成功，鼠标左键点击<output root>，再点上边的加号

![4d172edb6dd94bc7b4c3bff18485c34a.png][]

13.选择File

![9ed95513eba147c0b45c37d053e7be49.png][]

14.选择刚刚创建的index.jsp，点击OK

![e9140182687240958d929e23412c2fb4.png][]

15.再点击OK，完成Artifact的输出文件添加

![c4b2ef7dd1bc44ce8df941b4e0a4630f.png][]

16.点击右上角的Edit Configuration配置tomcat

![bee05821fa3f4175bbf5a722f9f6b01d.png][]

17.点击Add New，然后输入tomcat

![c57139663db443f69d87d6528a0b4cf5.png][]

18.选local

![b3476f0444d94d7a9a7a3332ec93a631.png][]

19.选tomcat8，如果有更高版本也没问题，然后点右下角的Fix

![863eef396c6e4a8b93f54038fff85364.png][]

20.再点击OK

![3365ef78d1314e8c8642f4d578656035.png][]

21.能看到tomcat8就已经被加上了，另外还需要注意把系统JAVA\_HOME环境变量设置成jdk8

![57a31e04182543e2ae14094494403160.png][]

22.在body里写几个字，然后点击允许按钮

![04a8ff82a68b478089b1084a6df2676e.png][]

23.就能正确显示网页了，具体链接为[http://localhost:8080/helloweb\_war\_exploded/][http_localhost_8080_helloweb_war_exploded]

这个格式为，工程目录的名字后面接上\_war\_exploded

![c104b30cb72044c7b6660a6c76c86eaa.png][]

[133acef2ba6b43feb65a641d7f09b2bc.png]: https://img-blog.csdnimg.cn/133acef2ba6b43feb65a641d7f09b2bc.png
[37d3972b0c904862a4f277fe81bf69f4.png]: https://img-blog.csdnimg.cn/37d3972b0c904862a4f277fe81bf69f4.png
[71c8166d278647e28ddfca7cc92b2686.png]: https://img-blog.csdnimg.cn/71c8166d278647e28ddfca7cc92b2686.png
[5954c82f2965469d94b9722936a24cf8.png]: https://img-blog.csdnimg.cn/5954c82f2965469d94b9722936a24cf8.png
[dc3b82f6e1cf4d98a493bf26a8bf2872.png]: https://img-blog.csdnimg.cn/dc3b82f6e1cf4d98a493bf26a8bf2872.png
[926d7ca422d04b68b508c80290077974.png]: https://img-blog.csdnimg.cn/926d7ca422d04b68b508c80290077974.png
[50a35d9d13e1486da36d7a428bcd7e88.png]: https://img-blog.csdnimg.cn/50a35d9d13e1486da36d7a428bcd7e88.png
[2235ee16bf4b4561b43b318cadd45b37.png]: https://img-blog.csdnimg.cn/2235ee16bf4b4561b43b318cadd45b37.png
[f8d9e9a44f554559bf10293fd32d9b2f.png]: https://img-blog.csdnimg.cn/f8d9e9a44f554559bf10293fd32d9b2f.png
[5dfb59cef1cb41edbdf87c64b4337249.png]: https://img-blog.csdnimg.cn/5dfb59cef1cb41edbdf87c64b4337249.png
[63b03a8f9a3d4fae8af9a89ca88c8834.png]: https://img-blog.csdnimg.cn/63b03a8f9a3d4fae8af9a89ca88c8834.png
[4d172edb6dd94bc7b4c3bff18485c34a.png]: https://img-blog.csdnimg.cn/4d172edb6dd94bc7b4c3bff18485c34a.png
[9ed95513eba147c0b45c37d053e7be49.png]: https://img-blog.csdnimg.cn/9ed95513eba147c0b45c37d053e7be49.png
[e9140182687240958d929e23412c2fb4.png]: https://img-blog.csdnimg.cn/e9140182687240958d929e23412c2fb4.png
[c4b2ef7dd1bc44ce8df941b4e0a4630f.png]: https://img-blog.csdnimg.cn/c4b2ef7dd1bc44ce8df941b4e0a4630f.png
[bee05821fa3f4175bbf5a722f9f6b01d.png]: https://img-blog.csdnimg.cn/bee05821fa3f4175bbf5a722f9f6b01d.png
[c57139663db443f69d87d6528a0b4cf5.png]: https://img-blog.csdnimg.cn/c57139663db443f69d87d6528a0b4cf5.png
[b3476f0444d94d7a9a7a3332ec93a631.png]: https://img-blog.csdnimg.cn/b3476f0444d94d7a9a7a3332ec93a631.png
[863eef396c6e4a8b93f54038fff85364.png]: https://img-blog.csdnimg.cn/863eef396c6e4a8b93f54038fff85364.png
[3365ef78d1314e8c8642f4d578656035.png]: https://img-blog.csdnimg.cn/3365ef78d1314e8c8642f4d578656035.png
[57a31e04182543e2ae14094494403160.png]: https://img-blog.csdnimg.cn/57a31e04182543e2ae14094494403160.png
[04a8ff82a68b478089b1084a6df2676e.png]: https://img-blog.csdnimg.cn/04a8ff82a68b478089b1084a6df2676e.png
[http_localhost_8080_helloweb_war_exploded]: http://localhost:8080/helloweb_war_exploded/
[c104b30cb72044c7b6660a6c76c86eaa.png]: https://img-blog.csdnimg.cn/c104b30cb72044c7b6660a6c76c86eaa.png