SSM 实训笔记 -05- 创建 Maven Web 项目 + Tomcat 及目录结构配置

Bertha 。 2022-04-10 11:24 198阅读 0赞

### SSM 实训笔记 -05- 创建 Maven Web 项目 + Tomcat 及目录结构配置 ###

之前的项目熟悉 Spring，并没有 Web 的部分，下面介绍在 IDEA 中，创建 Maven Web 项目，以及配置目录结构。

### 创建 Maven Web 项目 ###

打开 Intellij IDEA

**（需要联网，必须联网）**

**（1）新建项目 >【Maven】>【选择 SDK】>【勾选 archetypes】>【找到下面一项 maven-archetype-webapp】：**

（之前没有勾选，今后的 Web 项目都需要勾选）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70][]

**（2）组名，坐标（是为了保证项目唯一性）：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 1][]

**（3）Maven 信息，默认：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 2][]

**（4）项目名，本地位置：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 3][]

**（5）当前窗口：**

![2019010413044956.png][]

**（6）自动下载导包（需要联网，必须联网）：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 4][]

**（7）项目目录结构：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 5][]

**（8）配置 Tomcat 服务器，右上角：**

![20190104130830485.png][]

**（9）点击 + 号：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 6][] ![20190104131403184.png][]

**（10）配置名称，Tomcat 本地位置根目录，（不要着急点完成）：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 7][]

**（11）处理警告，点击 Fix 修理，看截图：**

![20190104130957937.png][]

**（12）热部署，看图：**

**（这样就可以不用重启服务器，直接在页面上刷新，更新修改内容）**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 8][]

**（13）运行服务器：**

![20190104131910207.png][]

**（14）在浏览器查看，下面地址：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 9][]

### 修改目录结构 ###

**（1）点击【File】>【项目结构】**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 10]

**（2）选择第二个【Modules】>【按截图操作，新建 3 个文件夹】>【看截图】**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 11]

**（3）给文件夹设置 3 种不同类型：**

**方法：**

*  先点文件夹，再点上面的类型，会发现文件夹的颜色，会发生改变

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 12]

### 更多文章链接： ###

*  [SSM 实训笔记][SSM]

### 支持博主 ###

我正在参加 CSDN 2018 年博客之星评选，希望大家能支持我，  
我是【No. 001】号 肖朋伟 ，感谢大家宝贵的一票 ^\_^/  
投票地址：[https://bss.csdn.net/m/topic/blog\_star2018/index][https_bss.csdn.net_m_topic_blog_star2018_index]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70]: /images/20220331/1253d8bab2a94fb598b0387e74fd20eb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 1]: /images/20220331/a0b97db4dae34d8bb6330720ccc71476.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 2]: /images/20220331/c331428e957f48809d6e3c52c5df940c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 3]: /images/20220331/dc2bb5cb5d2b4114a919ba0a48c6a83d.png
[2019010413044956.png]: /images/20220331/45248b140448452caf9d2b56730eccce.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 4]: /images/20220331/4d66f597e2f0471da7c3640310d3b6b1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 5]: /images/20220331/9cf01a6fc1cd424fb37f9afd1352851d.png
[20190104130830485.png]: /images/20220331/828f1960893747ccb5cf7284bd79c736.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20190104130842772.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz,size_16,color_FFFFFF,t_70
[20190104131403184.png]: /images/20220331/68a67185fd084426b0839df5e8974e34.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 7]: /images/20220331/c4d9a033fa5f46a0b66f9e56cb4f968b.png
[20190104130957937.png]: /images/20220331/13ab222f557a4e6a9dc4855ed27cc62a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 8]: /images/20220331/63a106d6f7d44be6b23368f9bbe5c619.png
[20190104131910207.png]: /images/20220331/65cc5d0b777c4e67a04c54da7722ba1a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 9]: /images/20220331/dc6b5851f46d4af793c4345b2b78a7c2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 10]: /images/20220331/8bd0d000ae6c423b852ca170404dc070.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 11]: /images/20220331/a75a6bca36334d31bd09ad6025da916d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMTQ3ODYz_size_16_color_FFFFFF_t_70 12]: /images/20220331/deeece4096f94936806ce693697d359f.png
[SSM]: https://blog.csdn.net/qq_40147863/article/category/8577666
[https_bss.csdn.net_m_topic_blog_star2018_index]: https://bss.csdn.net/m/topic/blog_star2018/index