SSM-CRUD
一、项目简介
主界面演示
![截屏2021-03-27 14.15.06](https://tva1.sinaimg.cn/large/008eGmZEgy1gozqf95uv5j31bx0u0gsh.jpg)
功能点
- 分页
- 数据校验
- ajax
- Rest 风格的 URI
技术点
- 基础框架 - ssm(Spring + SpringMVC + MyBatis)
- 数据库 - MySQL
- 前端框架 - bootstrap (快速简洁美观的界面)
- 项目的依赖管理 - Maven
- 分页 - pagehelper
- 逆向工程 - MyBatis Generator
二、基础环境搭建
1、创建 Maven 工程 ssm_crud_study
![截屏2021-03-27 14.20.09](https://tva1.sinaimg.cn/large/008eGmZEgy1gozqgjwpgtj31d90u0n3i.jpg)
3、添加 web 框架
(1)右键工程,点击 Add Framework Suppor
(2)选择 Web Application
3、在 pom.xml 中引入项目依赖
- Spring
- SpringMVC
- MyBatis
- 数据库连接池,驱动包
- 其他(jstl,servlet-api,junit)
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.chen</groupId>
<artifactId>ssm-crud</artifactId>
<version>1.0-SNAPSHOT</version>
<dependencies>
<!-- pagehelper 分页插件 -->
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper</artifactId>
<version>5.0.0</version>
</dependency>
<!-- MBG -->
<dependency>
<groupId>org.mybatis.generator</groupId>
<artifactId>mybatis-generator-core</artifactId>
<version>1.3.5</version>
</dependency>
<!-- Spring MVC -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>4.3.7.RELEASE</version>
</dependency>
<!-- 返回 json 字符串的支持 -->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.8.8</version>
</dependency>
<!-- JS303 数据校验支持 -->
<dependency>
<groupId>org.hibernate</groupId>
<artifactId>hibernate-validator</artifactId>
<version>5.4.1.Final</version>
</dependency>
<!-- Spring Jdbc -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>4.3.7.RELEASE</version>
</dependency>
<!-- Spring Test -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-test</artifactId>
<version>4.3.7.RELEASE</version>
<scope>test</scope>
</dependency>
<!-- 面向切面编程 -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-aspects</artifactId>
<version>4.3.7.RELEASE</version>
</dependency>
<!-- Mybatis -->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis</artifactId>
<version>3.4.2</version>
</dependency>
<!-- MyBatis 适配包 -->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis-spring</artifactId>
<version>1.3.1</version>
</dependency>
<!-- 数据库连接池 -->
<dependency>
<groupId>com.mchange</groupId>
<artifactId>c3p0</artifactId>
<version>0.9.2</version>
</dependency>
<!-- mysql -->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>8.0.21</version>
</dependency>
<!-- jstl -->
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
<!-- servlet-api -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.0.1</version>
<scope>provided</scope>
</dependency>
<!-- junit -->
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.12</version>
<scope>test</scope>
</dependency>
<!-- https://mvnrepository.com/artifact/javax.servlet/jsp-api -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jsp-api</artifactId>
<version>2.0</version>
<scope>provided</scope>
</dependency>
</dependencies>
</project>
4、引入 bootstrap 前端框架
(1)前往 bootstrap 官网下载
下载地址: https://v3.bootcss.com,选择用于生产环境的 Bootstrap
(2)解压后将文件夹添加到工程中 /static
![截屏2021-03-27 20.12.03](https://tva1.sinaimg.cn/large/008eGmZEgy1gozqf9g3pwj30zr0u0n2k.jpg)
5、编写 ssm 整合的关键配置文件
-
**web.xml,主要用于配置 Filter、Listener、Servlet **
-
springmvc 配置文件,主要控制网站逻辑的跳转
-
spring 配置文件,主要配置与业务逻辑相关的文件
-
mybatis 配置文件,主要用于配置 MyBatis
(1)配置 web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
version="4.0">
<!-- 1、启动 Spring 的容器 -->
<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>
<!-- 2、配置 SpringMVC 前端控制器
默认会加载 WEB-INF 下的 <servletName>-servlet.xml 配置文件
即 dispatcherServlet-servlet.xml
-->
<servlet>
<servlet-name>dispatcherServlet</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dispatcherServlet</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
<!-- 3、字符编码过滤器,一定要放在所有过滤器之前 -->
<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>forceRequestEncoding</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>forceResponseEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>characterEncodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<!-- 4、使用 Rest 风格的 URI,将页面普通的 post 请求转为指定的 delete 或者 put 请求 -->
<filter>
<filter-name>hiddenHttpMethodFilter</filter-name>
<filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>hiddenHttpMethodFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<filter>
<filter-name>httpPutFormContentFilter</filter-name>
<filter-class>org.springframework.web.filter.HttpPutFormContentFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>httpPutFormContentFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
</web-app>
在 src/main/resources/ 下加入 applicationContext.xml, 防止 idea 报错
![截屏2021-03-27 15.01.57](https://tva1.sinaimg.cn/large/008eGmZEgy1gozqgiy73mj30gg0dw0tq.jpg)
(2)配置 springmvc 配置文件
在 WEB-INF 下加入 dispatcherServlet-servlet.xml
![截屏2021-03-27 15.14.19](https://tva1.sinaimg.cn/large/008eGmZEgy1gozqh6uzl4j30g40e80tn.jpg)
在 src/main/java 创建包结构
![截屏2021-03-27 15.17.27](https://tva1.sinaimg.cn/large/008eGmZEgy1gozqh1o3rvj30g40ia75f.jpg)
**配置 dispatcherServlet-servlet.xml **
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">
<!-- Spring MVC 的配置文件,主要控制网站逻辑的跳转 -->
<context:component-scan base-package="com.study" use-default-filters="false">
<!-- 只扫描控制器 -->
<context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
</context:component-scan>
<!-- 配置视图解析器,方便页面返回 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/views/"/>
<property name="suffix" value=".jsp"/>
</bean>
<!-- 两个标准配置 -->
<!-- 将 Spring MVC 不能处理的请求交给 Tomcat -->
<mvc:default-servlet-handler/>
<!-- Spring MVC 更高级的一些功能,JSR303 检验,快捷的 ajax ... 映射动态请求 -->
<mvc:annotation-driven/>
</beans>
(3) 配置 spring 配置文件
配置 dbconfig.properties ,配置数据库连接信息
在 src/main/resources 下加入 dbconfig.properties
![截屏2021-03-27 15.23.43](https://tva1.sinaimg.cn/large/008eGmZEgy1gozqh4yeiaj30fy0eqaay.jpg)
dbconfig.properties
jdbc.jdbcUrl=jdbc:mysql://localhost:3306/ssm_crud_study?useUnicode=true&characterEncoding=utf8
jdbc.driverClass=com.mysql.cj.jdbc.Driver
jdbc.user=root
jdbc.password=root
在 src/main/resources 下创建 mybatis-config.xml、mapper文件夹
![截屏2021-03-27 15.27.41](https://tva1.sinaimg.cn/large/008eGmZEgy1gozqgyemx8j30g60gut9y.jpg)
配置 applicationContext.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns=