在IDEA中如何新建一个web工程

刺骨的言语ヽ痛彻心扉 2024-04-07 11:58 162阅读 0赞

### 1、新建项目 ###

![在这里插入图片描述][25486c24d22e4fc38ee2f47e49c37959.png]

### 2、创建web工程 ###

*  **方式1：直接选择web模板**

![在这里插入图片描述][553d53c8986041b3b14901f74307b9e6.png]  
目录如下：  
![在这里插入图片描述][d7cbb21a576f49229d03385407ea4954.png]

ps: 不建议选择此方式，此方式在pom.xml中会生成一大堆东西，不简洁

*  **方式2：不勾选模板，直接点击下一步**

![在这里插入图片描述][79efb2a5c3bc494ba21bd3e4f489cf43.png]  
1）填写项目信息  
![在这里插入图片描述][2c4854940d9b4c2694546488903a470d.png]  
![在这里插入图片描述][33c6a4f01a5348aaab3bba8c045ba9c0.png]  
2）点击 finish即可，项目初始结构如下：  
![在这里插入图片描述][14326c103b324243b5f3cc5e9cf0dc4f.png]  
但是，目前创建的工程只是一个普通的 jar工程，那么如何将其转换成web工程呢？  
首先，在 pom.xml 文件中将打包方式由 jar 改成 war  
![在这里插入图片描述][c1fe730b486a428b8f1e0b4752900195.png]  
通常，在web工程main目录下，都会有一个webapp目录，  
在webapp下，还会存在一个WEB-INF安全目录，  
在WEB-INF目录下，还会存在一个web.xml文件，  
所以接下来，我们都需要把这些内容生成一下。

我们可以直接在main目录下手动新建一个webapp目录  
![在这里插入图片描述][03bcc26e6b4345e1b5f590ae4b51f741.png]

![在这里插入图片描述][92c3a6214fcc4896b85794e91b32934c.png]  
![在这里插入图片描述][bb4a9c20f15c4bbda00ad95eedfcabe9.png]

然后，WEB-INF及web.xml无需我们手动创建，可以自动生成，步骤如下：  
点击project structure  
![在这里插入图片描述][81902bfdf2794bc68745642a0a234cc0.png]

![在这里插入图片描述][1f6c7f39d404487aa967657e904f6148.png]  
点击web.xml进行新增。可以默认web.xml位置，也可以在这里预先设置好  
![在这里插入图片描述][c83835b1c8c74af4a805578c7acd8b7c.png]  
先Apply再OK  
![在这里插入图片描述][05343a95171c4c14a63e7ea64a91c3a3.png]  
可以看到，WEB-INF目录已生成，如果WEB-INF不在webapp目录下，可直接将WEB-INF目录拖动到webapp目录下  
![在这里插入图片描述][bdde43245c434204bdf144384e808e86.png]  
那么，就创建完一个web工程目录了，整体结构如下：  
![在这里插入图片描述][4fae2d11cfc346a6a1d133c86ff0c006.png]

[25486c24d22e4fc38ee2f47e49c37959.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/813fae282ad4432f8bb96b3688cf79a2.png
[553d53c8986041b3b14901f74307b9e6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/d25bad682f744183983b97fb4bae19ce.png
[d7cbb21a576f49229d03385407ea4954.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/78885c1b5dc749218992eba4a08a8cc1.png
[79efb2a5c3bc494ba21bd3e4f489cf43.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/d115121c422440359f05ea0387a9eb0c.png
[2c4854940d9b4c2694546488903a470d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/47a80c3b39864ee39310a0cc55fa6ff7.png
[33c6a4f01a5348aaab3bba8c045ba9c0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/618fe17774bf4c639c436a1345a06ece.png
[14326c103b324243b5f3cc5e9cf0dc4f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/1d816bf160c041609ea0538f93c03e4e.png
[c1fe730b486a428b8f1e0b4752900195.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/bf72f7703f634c95b494d14e10d515d3.png
[03bcc26e6b4345e1b5f590ae4b51f741.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/e50670acbba549218ebe2fec95757fe8.png
[92c3a6214fcc4896b85794e91b32934c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/281b4ba3bfec4ed592bec6095c4061a3.png
[bb4a9c20f15c4bbda00ad95eedfcabe9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/13698a4813034915923bea46178fa8be.png
[81902bfdf2794bc68745642a0a234cc0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/1382d93cb36e40d3bf4d278d31978ebb.png
[1f6c7f39d404487aa967657e904f6148.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/be6debbbf737489ca7a102371ac9d0f0.png
[c83835b1c8c74af4a805578c7acd8b7c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/42743de37f254c2bbc86ac05b17f97e8.png
[05343a95171c4c14a63e7ea64a91c3a3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/6f58ac57c5c64ffaab30da36da55cf96.png
[bdde43245c434204bdf144384e808e86.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/80cbdbda39024bc5b13a8e160a64cfe3.png
[4fae2d11cfc346a6a1d133c86ff0c006.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/2ee2e35d117d4fe0aeaacd953125d0e4.png