idea搭建简单ssm框架的最详细教程（上）（一看就会）

目录结构已建好的童鞋，可以直接跳过前几步去看相应配置文件

一、搭建背景及准备条件

不是必须的，保证项目运行只要有这些东西就行，可以不一样

mac下idea，maven3.6.0，jdk1.8，tomcat8，mysql5.7

二、搭建开始——新建项目

1. file -> new -> project

idea搭建简单ssm框架的最详细教程（上）（一看就会）

2. 新建maven项目，如图勾选 create from archetype，并选择 maven-archetype-webapp，next

idea搭建简单ssm框架的最详细教程（上）（一看就会）

3. 输入坐标及项目名，next

idea搭建简单ssm框架的最详细教程（上）（一看就会）

4. 选择maven配置，选择你自己的maven，next

idea搭建简单ssm框架的最详细教程（上）（一看就会）

5. 确定项目名，finish

idea搭建简单ssm框架的最详细教程（上）（一看就会）

6. 成功后的项目结构

idea搭建简单ssm框架的最详细教程（上）（一看就会）

三、完善项目结构

1. 新建java目录  src/main/java

idea搭建简单ssm框架的最详细教程（上）（一看就会） idea搭建简单ssm框架的最详细教程（上）（一看就会）

2. 新建资源目录  resources

idea搭建简单ssm框架的最详细教程（上）（一看就会）

3. 新建webapp目录  webapp，同样的方法，不过idea会自动创建里边的WEB-INF等文件

idea搭建简单ssm框架的最详细教程（上）（一看就会）

4. 现在基本目录结构已建成

idea搭建简单ssm框架的最详细教程（上）（一看就会）

5. 将响应目录 右键 设置为对应属性  java标记为Soures Root　　resources标记为Resources Root

idea搭建简单ssm框架的最详细教程（上）（一看就会）

6. 设置为web项目，标记webapp为 web　　　　file -> Project Structure -> Models

idea搭建简单ssm框架的最详细教程（上）（一看就会） idea搭建简单ssm框架的最详细教程（上）（一看就会）

7. 在上图标记的 1，2 处 编辑修改路径 为 自己webapp的路径

idea搭建简单ssm框架的最详细教程（上）（一看就会） idea搭建简单ssm框架的最详细教程（上）（一看就会）

8. 此时目录结构已经完善完成，移步下图

idea搭建简单ssm框架的最详细教程（上）（一看就会）

四、初步配置启动tomcat服务

1.  导入项目包 test2:war exploded　　file -> Project Structure -> Models

idea搭建简单ssm框架的最详细教程（上）（一看就会）

选择你的项目，点击右下角 open

idea搭建简单ssm框架的最详细教程（上）（一看就会）

2. 还是刚才的界面，选择 Artifacts  此时第一次是会默认有两个包，如果没有则进行此步操作　file -> Project Structure -> Artifacts　

idea搭建简单ssm框架的最详细教程（上）（一看就会）

点击ok

idea搭建简单ssm框架的最详细教程（上）（一看就会）

结果如下

idea搭建简单ssm框架的最详细教程（上）（一看就会）

3. 进行了上述每一步操作后，很关键的要保存，点击apply 或者ok，apply按钮是不可点击状态才能关闭此面板哦，不然刚才所有操作都白费了

idea搭建简单ssm框架的最详细教程（上）（一看就会）

4. 添加tomcat，进行相关配置      点击面板右上角

idea搭建简单ssm框架的最详细教程（上）（一看就会）

添加配置tomcat

idea搭建简单ssm框架的最详细教程（上）（一看就会）

添加刚才生成的包

idea搭建简单ssm框架的最详细教程（上）（一看就会）

点击apply

idea搭建简单ssm框架的最详细教程（上）（一看就会）

5. 运行tomcat  右上角面板选择debug模式运行（也可以普通模式

idea搭建简单ssm框架的最详细教程（上）（一看就会）

运行成功，页面显示默认生成的index.jsp的内容　　http://localhost:8085/

idea搭建简单ssm框架的最详细教程（上）（一看就会）