00x0 目标
搭建SSM框架，并且能够打通前后端，是一个稍微进阶但是又非常基础的教程。
学习前提
几乎是零基础都可以，当然，如果你有学过一些 SSM 和 Vue 基础内容，那这篇教程更加适合你！
教程亮点与难点
1、搭建通用的SSM框架
2、直接集成CDN的Vue，脱离Node.js使用Vue
3、实现跨域问题，为后端工程师进阶全栈提供思路
在开始确定题目的时候，我专门去搜了一下百度，看有没有类似的文章，发现很多都是SpringBoot+SSM+Vue的，好坑，可能小伙伴们就只是学了 SSM ，能不能快速入门，实现一个增删改查案例呢，答案自然是有的！那让我来实现一下吧，小伙伴们如果觉得文章写得不错，请一键三连，甚至扫个二维码防走丢哈！
00x1 后端代码实现
步骤总览
1、功能需求分析
2、新建数据库表
3、SSM后台代码实现
4、部署Tomcat
5、编写测试用例
步骤实现
1、功能需求分析
因为需求比较简单，我给张图大家应该就清楚了：
就是实现增删改查功能，数据表 product，字段如下：
| 字段 | 说明 |
| productName | 商品名称 |
| nums | 数量 |
其实，这个需求是来源于博主的另外一篇博客：Vue2.x案例之商品增删改查的实现。
只不过呢，这篇博客是没有对接后台的，只是在前端实现了功能而已。而我们这一次，相当于要把后端打通！期不期待呢？！
2、新建数据库表
把下面的语句丢去执行即可，当然，你用 navicat 直接填也可以：
DROP TABLE IF EXISTS `product`; CREATE TABLE `product` ( `id` int(11) NOT NULL AUTO_INCREMENT, `productname` varchar(255), `nums` int(11) NULL DEFAULT NULL, PRIMARY KEY (`id`) ) ENGINE = InnoDB AUTO_INCREMENT = 3 CHARACTER SET = utf8; INSERT INTO `product` VALUES (1, '鞋子', 100); INSERT INTO `product` VALUES (2, '衬衫', 200);
注意：我这里写的字段名是 productname ，注意大小写！
3、SSM后台代码实现
步骤比较多，总体思路：
新建Maven项目，我们这里选择空模板，本意是为了让大家一步一步上手（当然，你也可以选择webapp 模板），构建好后，结构如下图所示：
接着引入SSM依赖， pom.xml 文件中的完整依赖如下：
<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.shaonaiyi</groupId> <artifactId>minimall</artifactId> <version>1.0-SNAPSHOT</version> <packaging>war</packaging> <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <maven.compiler.source>1.8</maven.compiler.source> <maven.compiler.target>1.8</maven.compiler.target> <spring.version>5.2.5.RELEASE</spring.version> <mybatis.version>3.5.3</mybatis.version> <jackson.version>2.9.8</jackson.version> </properties> <dependencies> <!--javaWeb组件库--> <dependency> <groupId>javax</groupId> <artifactId>javaee-web-api</artifactId> <version>8.0.1</version> <scope>provided</scope> </dependency> <!-- Spring核心--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-core</artifactId> <version>${spring.version}</version> </dependency> <!--Spring 应用上下文,进行注解、xml、config加载--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>${spring.version}</version> </dependency> <!--Spring提供的Web上下文，可与Web框架集成，如struts--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-web</artifactId> <version>${spring.version}</version> </dependency> <!--Spring IOC--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-beans</artifactId> <version>${spring.version}</version> </dependency> <!--SpringMVC--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>${spring.version}</version> </dependency> <!--持久层框架支持--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-orm</artifactId> <version>${spring.version}</version> </dependency> <!--AOP支持--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-aop</artifactId> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-aspects</artifactId> <version>${spring.version}</version> </dependency> <!--spring事务--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-tx</artifactId> <version>${spring.version}</version> </dependency> <!-- DBCP数据库连接池，SSM框架一般搭配DBCP连接池 --> <dependency> <groupId>commons-dbcp</groupId> <artifactId>commons-dbcp</artifactId> <version>1.4</version> </dependency> <!--MyBatis--> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>${mybatis.version}</version> </dependency> <!--MyBatis与Spring的集成--> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis-spring</artifactId> <version>2.0.0</version> </dependency> <!--MySql数据库--> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.48</version> </dependency> <!-- Json --> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>${jackson.version}</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-core</artifactId> <version>${jackson.version}</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-annotations</artifactId> <version>${jackson.version}</version> </dependency> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.11</version> <scope>test</scope> </dependency> </dependencies> </project>
注意的地方：
1、添加了 <packaging> 标签，我们是打包成 war 包，后面是集成 Tomcat 部署。
添加依赖后，需要构建目录结构，把相应的包和文件夹建好：
除此之外，因为选择的是 Maven 空模板 项目，所以要设置成 web 项目。先新建 webapp 文件夹和 WEB-INF 子文件夹（不清楚可以看下面第二张图）：
新建好后，如图所示：
接着，就是要新建相应的配置文件了，小伙伴们可以直接复制粘贴，都是新建在 resources 文件夹里。
最终目录结构，可以参考这张图：
先拷贝 web.xml 的内容：
<context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:applicationContext.xml</param-value> </context-param> <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener> <servlet> <servlet-name>SpringMVC</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:springmvc.xml</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>SpringMVC</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> <filter> <filter-name>characterEncodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</param-name> <param-value>UTF-8</param-value> </init-param> <init-param> <param-name>forceEncoding</param-name> <param-value>true</param-value> </init-param> </filter> <filter-mapping> <filter-name>characterEncodingFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <welcome-file-list> <welcome-file>index.html</welcome-file> <welcome-file>index.htm</welcome-file> <welcome-file>index.jsp</welcome-file> <welcome-file>default.html</welcome-file> <welcome-file>default.htm</welcome-file> <welcome-file>default.jsp</welcome-file> </welcome-file-list>
拷贝完会报错，没关系，因为还没有其他文件，可以不用管它，继续操作。
接着继续新建 applicationContext.xml 文件：
<beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:mvc="http://www.springframework.org/schema/mvc" xmlns:context="http://www.springframework.org/schema/context" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.2.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.2.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.2.xsd http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-3.2.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.2.xsd "> <!-- 加载db.properties--> <context:property-placeholder location="classpath:db.properties" /> <!-- 扫描包，将标注Spring注解的类自动转化对象，同时完成Bean的注入 --> <context:component-scan base-package="com.shaonaiyi.minimall"/> <!-- 启动对@AspectJ注解的支持 --> <aop:aspectj-autoproxy></aop:aspectj-autoproxy> <!-- 配置数据源 ，使用dbcp数据库连接池 --> <bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close"> <property name="driverClassName" value="${jdbc.driver}" /> <property name="url" value="${jdbc.url}" /> <property name="username" value="${jdbc.username}" /> <property name="password" value="${jdbc.password}" /> <property name="maxActive" value="30" /> <property name="maxIdle" value="20" /> </bean> <!--配置sqlSessionFactory --> <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"> <property name="dataSource" ref="dataSource" /> <property name="mapperLocations" value="classpath:mapper/*.xml"></property> </bean> <!-- mapper扫描器 --> <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"> <property name="basePackage" value="com.shaonaiyi.minimall.dao"></property> <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory" /> </bean> <!-- 事务管理器 对mybatis操作数据库事务控制，spring使用jdbc的事务控制类 --> <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"> <property name="dataSource" ref="dataSource" /> </bean> <!-- 通知 --> <tx:advice id="txAdvice" transaction-manager="transactionManager"> <tx:attributes> <!-- 传播行为 --> <tx:method name="save*" propagation="REQUIRED" /> <tx:method name="delete*" propagation="REQUIRED" /> <tx:method name="add*" propagation="REQUIRED" /> <tx:method name="modify*" propagation="REQUIRED" /> <tx:method name="update*" propagation="REQUIRED" /> <tx:method name="find*" propagation="SUPPORTS" read-only="true" /> <tx:method name="get*" propagation="SUPPORTS" read-only="true" /> <tx:method name="select*" propagation="SUPPORTS" read-only="true" /> <tx:method name="search*" propagation="SUPPORTS" read-only="true" /> <tx:method name="list*" propagation="SUPPORTS" read-only="true" /> </tx:attributes> </tx:advice> <!-- aop --> <aop:config> <aop:advisor advice-ref="txAdvice" pointcut="execution(* com.shaonaiyi.minimall.service.impl.*.*(..))" /> </aop:config> </beans>
