SSM 实训笔记 -05- 创建 Maven Web 项目 + Tomcat 及目录结构配置
之前的项目熟悉 Spring,并没有 Web 的部分,下面介绍在 IDEA 中,创建 Maven Web 项目,以及配置目录结构。
创建 Maven Web 项目
打开 Intellij IDEA
(需要联网,必须联网)
(1)新建项目 >【Maven】>【选择 SDK】>【勾选 archetypes】>【找到下面一项 maven-archetype-webapp】:
(之前没有勾选,今后的 Web 项目都需要勾选)
![](https://i-blog.csdnimg.cn/blog_migrate/ba6521d4bd27354e4174c426f458c8c8.png)
(2)组名,坐标(是为了保证项目唯一性):
![](https://i-blog.csdnimg.cn/blog_migrate/d1dc2ba77bdc0aa4d9181220d885a2aa.png)
(3)Maven 信息,默认:
![](https://i-blog.csdnimg.cn/blog_migrate/7b91d60862e35cff9a6e2d1ea6a04fbd.png)
(4)项目名,本地位置:
![](https://i-blog.csdnimg.cn/blog_migrate/d45e91d6a138c6593fab147456095fd9.png)
(5)当前窗口:
![](https://i-blog.csdnimg.cn/blog_migrate/27424db6a3261fdb9b41c5f43ddeb632.png)
(6)自动下载导包(需要联网,必须联网):
![](https://i-blog.csdnimg.cn/blog_migrate/a4282a1995618744d72524c97810553b.png)
(7)项目目录结构:
![](https://i-blog.csdnimg.cn/blog_migrate/71a44bd10d788bc93029d13b1d998680.png)
(8)配置 Tomcat 服务器,右上角:
![](https://i-blog.csdnimg.cn/blog_migrate/48419cfb52a42243274e2890914ebb55.png)
(9)点击 + 号:
![](https://i-blog.csdnimg.cn/blog_migrate/45c9c9ff31a2ac91131fd4a77fe7482f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/a8251693f24712b153c910859cc69c08.png)
(10)配置名称,Tomcat 本地位置根目录,(不要着急点完成):
![](https://i-blog.csdnimg.cn/blog_migrate/3a56b6b54a9959ce25dbf4c3fb221a3e.png)
(11)处理警告,点击 Fix 修理,看截图:
![](https://i-blog.csdnimg.cn/blog_migrate/ee843d5629be94a39fe18ebcb26b7ad3.png)
(12)热部署,看图:
(这样就可以不用重启服务器,直接在页面上刷新,更新修改内容)
![](https://i-blog.csdnimg.cn/blog_migrate/6621e6b2ed9306cc1fed8b0ef2e52db8.png)
(13)运行服务器:
![](https://i-blog.csdnimg.cn/blog_migrate/2748c2117115e678e57b7a81d0f6c469.png)
(14)在浏览器查看,下面地址:
![](https://i-blog.csdnimg.cn/blog_migrate/205474d6230796c635efa26a426148dd.png)
修改目录结构
(1)点击【File】>【项目结构】
(2)选择第二个【Modules】>【按截图操作,新建 3 个文件夹】>【看截图】
(3)给文件夹设置 3 种不同类型:
方法:
- 先点文件夹,再点上面的类型,会发现文件夹的颜色,会发生改变
更多文章链接:
支持博主
我正在参加 CSDN 2018 年博客之星评选,希望大家能支持我,
我是【No. 001】号 肖朋伟 ,感谢大家宝贵的一票 ^_^/
投票地址:https://bss.csdn.net/m/topic/blog_star2018/index