idea构建web项目-超详细教程

刺骨的言语ヽ痛彻心扉 2024-04-01 16:48 103阅读 0赞

## 1、idea构建web项目 ##

> idea构建web项目的超级详细教程，一步一步来，完全没问题！

1、新建一个空项目  
![在这里插入图片描述][0b252c4431924745bbdcdf271b3309f8.png]

2、新建java模块，名为webDemo1  
![在这里插入图片描述][30277d7c4a814a3ebf7a4f246748f5d2.png]  
![在这里插入图片描述][443d8114e2d747f9a7c231878373ee6c.png]  
3、选择webDemo1右键，选择Add Framework Support  
![在这里插入图片描述][982682b2d8ad4c2b93ddd7260255c4da.png]  
选择Web Application  
![在这里插入图片描述][ded9b781c52d419387bb7f02a1923e52.png]

4、在WEB-INF下新建文件夹classes和lib  
![在这里插入图片描述][8ee4255ef06f45be82dabf89c63b961f.png]  
5、打开项目结构(Project Structure)  
![在这里插入图片描述][eeeb667d3623462e99641abd0b08dc22.png]  
6、项目配置  
![在这里插入图片描述][78f4a63ebd1b4b939dbf9cc2abab7f90.png]  
7、模块配置  
![在这里插入图片描述][782a730f5780488b93794adb5c0d265d.png]  
![在这里插入图片描述][77d54f397f06411397ec9232d82d5dfe.png]  
8、Facets配置,这里制定了web目录不是一个普通的文件夹，而是web项目  
![在这里插入图片描述][8a784bbf53cc4ba799223333603f31c2.png]  
![在这里插入图片描述][e8bea9c44f97420bbf50f6cba6f7afea.png]  
9、 配置Artifacts  
![在这里插入图片描述][771a8c4061f24d528e24707f6b8db42d.png]  
![在这里插入图片描述][5f7439bdfbee4461a52771726d69f408.png]  
10、 添加Tomcat  
![在这里插入图片描述][91c9a0e394d7427bbd0910d9bf442eb1.png]  
![在这里插入图片描述][1695ffded5944faea04d503e243efe35.png]  
![在这里插入图片描述][4c4d7673260c44c0a6e7b31ef8deeb69.png]  
![在这里插入图片描述][e0d80092e71641189a0f32ccf798e108.png]  
![在这里插入图片描述][012dbd60d5a24ca399941915abea05ab.png]  
11、配置Deployment。这个操作可以让Tomcat找到war包所在的位置，从而将web项目部署在Tomcat服务器上  
![在这里插入图片描述][8baf3802f0ff4299a07138cb8a42b0e1.png]  
![在这里插入图片描述][5f827ab7e06045f3a256dddb594f5ead.png]  
12、添加项目所需要的依赖  
![在这里插入图片描述][e2f5385686fc417fb41be9d4265f9973.png]  
![在这里插入图片描述][6467c0d652304f1b84475e396f2c2698.png]  
(1)导入lib下得jar  
![在这里插入图片描述][7e1ddb8079304dcca7a3fb80c6b701d4.png]  
![在这里插入图片描述][ff970a1634c249918c2266450f8c386e.png]  
web项目需要的jar包都存放在lib目录下，将lib导入  
![在这里插入图片描述][279338de9915418ebfeab489a490b027.png]  
(2)将tomcat相关的jar导入  
![在这里插入图片描述][5cfc82cc757e41c4b3d037be96eda196.png]  
![在这里插入图片描述][e65508e95a0a44949e469b20987ad554.png]  
![在这里插入图片描述][3d8552ccc0c3415a978ec68eae01203a.png]  
![在这里插入图片描述][2c8f82d29d024f24b2bd40c5fd366275.png]  
13、配置完成，运行服务  
![在这里插入图片描述][99803ec58d8245eba7392d86553d1229.png]  
14、成功运行。  
![在这里插入图片描述][93ac1e47a22247e296b4fed9c0067565.png]

## 2、写第一个servlet ##

1、新建java类实现Servlet接口，并实现5个抽象方法  
还可以继承GenericServlet,此时只需实现service()方法即可。  
还可以继承HttpServlet类，此时只需要重写doGet()方法或者doPost()方法就可以了。  
![在这里插入图片描述][c173197c0b34400cb8705dc8451e5bc8.png]  
2、编写web.xml  
![在这里插入图片描述][9195f73a3bb041c1bab46d0b77429f19.png]  
3、在service方法中输入输出语句  
![在这里插入图片描述][ae79c283d2314501a55a2a66aa76f1fd.png]  
4、地址栏输入地址  
![在这里插入图片描述][2446fe3212994eb996d1618980060411.png]/5、控制台打印输出  
![在这里插入图片描述][21063566620d4281be01ee998ba950fd.png]

[0b252c4431924745bbdcdf271b3309f8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/dc930db2a21c4e2abb387b632b78b822.png
[30277d7c4a814a3ebf7a4f246748f5d2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/53aa5f469c0741bd9cdc7f41d80f8b0f.png
[443d8114e2d747f9a7c231878373ee6c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b81fcdf75f124b2283fc1e73ba36d33d.png
[982682b2d8ad4c2b93ddd7260255c4da.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9b3a695e86484b7c91a16aadb59be448.png
[ded9b781c52d419387bb7f02a1923e52.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a9366681549a41638343348159700287.png
[8ee4255ef06f45be82dabf89c63b961f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/065f8eecc56d4573a0205d08ceaca2c1.png
[eeeb667d3623462e99641abd0b08dc22.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cf399d0f91964877a1d3686ea06ef79d.png
[78f4a63ebd1b4b939dbf9cc2abab7f90.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e2f32cd74566475dbb0420a635cfc699.png
[782a730f5780488b93794adb5c0d265d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e807e0b883a5433d96c7a49e40f1b397.png
[77d54f397f06411397ec9232d82d5dfe.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/bd9ff72887c14b9a986483339b98e0ff.png
[8a784bbf53cc4ba799223333603f31c2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/95877717f41347f49b5de9b2dd05f7db.png
[e8bea9c44f97420bbf50f6cba6f7afea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/88dac6c390f243e6a0b5d4576d6f19c6.png
[771a8c4061f24d528e24707f6b8db42d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a8a6f0e86c994506949483f8b963ad8f.png
[5f7439bdfbee4461a52771726d69f408.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2dbd407968014765a668c505290b74cd.png
[91c9a0e394d7427bbd0910d9bf442eb1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f41b4f6e06794cf5b4bd92dd49cb6743.png
[1695ffded5944faea04d503e243efe35.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4e14cdb9f6ff4e24a48b665c21f60bfa.png
[4c4d7673260c44c0a6e7b31ef8deeb69.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ca1f95da066c424d874452b96f8b8e4d.png
[e0d80092e71641189a0f32ccf798e108.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9a14c7feec174e0d8dea745c7c924c48.png
[012dbd60d5a24ca399941915abea05ab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/38f8d9eced854468a7271c6334529ef9.png
[8baf3802f0ff4299a07138cb8a42b0e1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/421c88ab591f439692c213fcdda42c69.png
[5f827ab7e06045f3a256dddb594f5ead.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8788d6f151a942eca5a5c1125166b9fa.png
[e2f5385686fc417fb41be9d4265f9973.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4956fd9f39a545e681f56efd4e8eecdb.png
[6467c0d652304f1b84475e396f2c2698.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ebea42afff3544c5a5f46db5d6eada60.png
[7e1ddb8079304dcca7a3fb80c6b701d4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8883f1c7d62c410ba90eb8c6a0575f02.png
[ff970a1634c249918c2266450f8c386e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/dc9f92929f1d43728a5bfc38c51b002c.png
[279338de9915418ebfeab489a490b027.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/267c232160584b21b9639e9a1dc277a6.png
[5cfc82cc757e41c4b3d037be96eda196.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8aa82626abca4d1c9e369c3b89a828bb.png
[e65508e95a0a44949e469b20987ad554.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/35dbb4ec14dd47da9e36007a637979e3.png
[3d8552ccc0c3415a978ec68eae01203a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/0453fde3779b404da481342d523307f8.png
[2c8f82d29d024f24b2bd40c5fd366275.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8bd0643075744b91b6650bd2b280d08d.png
[99803ec58d8245eba7392d86553d1229.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/353757ee8e2c4956bc410934e6b629da.png
[93ac1e47a22247e296b4fed9c0067565.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3350683d0bae4440aaabcc7eab27e078.png
[c173197c0b34400cb8705dc8451e5bc8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/74339647f211468eb3ae5b289ad3b0b8.png
[9195f73a3bb041c1bab46d0b77429f19.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8b26d677125a440b84c406f9a49d1d33.png
[ae79c283d2314501a55a2a66aa76f1fd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6283033ac6c449fface20c7c41fac4d1.png
[2446fe3212994eb996d1618980060411.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/094b500bf2814ca7af0146a83cd7833b.png
[21063566620d4281be01ee998ba950fd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d1b10b09687245099f52224a809b5174.png