目录
1.3创建SpringMVC的配置文件springmvc.xml
1.42创建MyBatis的核心配置文件mybatis-config.xml
1.76创建Mapper实现类EmployeeMapper.xml
1.83修改用户页面employee_update.html
1.SSM整合
尚硅谷SSM整合视频: 179-SSM整合之准备工作_哔哩哔哩_bilibili
1.1依赖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>org.example</groupId>
<artifactId>ssm</artifactId>
<version>1.0-SNAPSHOT</version>
<packaging>war</packaging>
<!--设置spring版本,下面依赖再次使用时,直接引用即可,省时又方便管理-->
<properties>
<spring.version>5.3.1</spring.version>
</properties>
<dependencies>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-context</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-beans</artifactId>
<version>${spring.version}</version>
</dependency>
<!--springmvc-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-web</artifactId>
<version>${spring.version}</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>${spring.version}</version>
</dependency>
<!--此操作并不是使用jdbc作为持久层使用,而是使用事务管理器,这个类就在jdbc下-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>${spring.version}</version>
</dependency>
<!--spring管理切面的-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-aspects</artifactId>
<version>${spring.version}</version>
</dependency>
<!--spring整合junit-->
<!--junit是单元测试方法,方便我们在一个类中定义多个方法进行测试;-->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-test</artifactId>
<version>${spring.version}</version>
</dependency>
<!-- Mybatis核心 -->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis</artifactId>
<version>3.5.7</version>
</dependency>
<!--mybatis和spring的整合包-->
<dependency>
<groupId>org.mybatis</groupId>
<artifactId>mybatis-spring</artifactId>
<version>2.0.6</version>
</dependency>
<!-- 连接池 -->
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>druid</artifactId>
<version>1.0.9</version>
</dependency>
<!-- junit测试 -->
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.12</version>
<scope>test</scope>
</dependency>
<!-- MySQL驱动 -->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>8.0.16</version>
</dependency>
<!-- log4j日志 -->
<dependency>
<groupId>log4j</groupId>
<artifactId>log4j</artifactId>
<version>1.2.17</version>
</dependency>
<!--在mybatis中配置分页插件-->
<!-- https://mvnrepository.com/artifact/com.github.pagehelper/pagehelper -->
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper</artifactId>
<version>5.2.0</version>
</dependency>
<!-- 日志 -->
<dependency>
<groupId>ch.qos.logback</groupId>
<artifactId>logback-classic</artifactId>
<version>1.2.3</version>
</dependency>
<!-- ServletAPI -->
<!--在springmvc中的前端控制器DispatcherServlet就是间接继承的此类中的HttpServlet-->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.1.0</version>
<scope>provided</scope>
</dependency>
<!--在springmvc中处理JSON数据的依赖-->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>2.12.1</version>
</dependency>
<!--在springmvc中实现文件上传的依赖,文件下载不依赖它-->
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.1</version>
</dependency>
<!-- Spring5和Thymeleaf整合包 -->
<dependency>
<groupId>org.thymeleaf</groupId>
<artifactId>thymeleaf-spring5</artifactId>
<version>3.0.12.RELEASE</version>
</dependency>
</dependencies>
</project>
1.2配置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">
<!-- 配置Spring的编码过滤器 -->
<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>
<!-- 配置处理RESTful请求方式中的PUT和DELETE的过滤器 -->
<!--SpringMVC提供了HiddenHttpMethodFilter帮助我们将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>
<!-- 配置SpringMVC的前端控制器 -->
<servlet>
<servlet-name>DispatcherServlet</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!-- 设置SpringMVC的配置文件的自定义的位置和名称 -->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:springmvc.xml</param-value>
</init-param>
<!--将DispatcherServlet的初始化时间提前到服务器启动时-->
<!--
作为框架的核心组件,在启动过程中有大量的初始化操作要做
而这些操作放在第一次请求时才执行会严重影响访问速度
因此需要通过此标签将启动控制DispatcherServlet的初始化时间提前到服务器启动时
-->
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>DispatcherServlet</servlet-name>
<!--
设置springMVC的核心控制器所能处理的请求的请求路径
/所匹配的请求可以是/login或.html或.js或.css方式的请求路径
但是/不能匹配.jsp请求路径的请求
-->
<url-pattern>/</url-pattern>
</servlet-mapping>
<!-- 配置Spring的监听器,在服务器启动时加载spring的配置文件 -->
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<!-- 设置Spring的配置文件的自定义的位置和名称 -->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:spring.xml</param-value>
</context-param>
</web-app>
1.3创建SpringMVC的配置文件springmvc.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 https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">
<!--扫描控制层组件-->
<context:component-scan base-package="com.ssm.controller"></context:component-scan>
<!--配置视图解析器-->
<bean id="viewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
<property name="order" value="1"/>
<property name="characterEncoding" value="UTF-8"/>
<property name="templateEngine">
<bean class="org.thymeleaf.spring5.SpringTemplateEngine">
<property name="templateResolver">
<bean class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
<!-- 视图前缀 -->
<property name="prefix" value="/WEB-INF/templates/"/>
<!-- 视图后缀 -->
<property name="suffix" value=".html"/>
<property name="templateMode" value="HTML5"/>
<property name="characterEncoding" value="UTF-8" />
</bean>
</property>
</bean>
</property>
</bean>
<!--
配置默认的servlet处理静态资源
当前工程的web.xml配置的前端控制器DispatcherServlet的url-pattern是/
tomcat的web.xml配置的DefaultServlet的url-pattern也是/
此时,浏览器发送的请求会优先被DispatcherServlet进行处理,但是DispatcherServlet无法处理静态资源
若配置了<mvc:default-servlet-handler />,此时浏览器发送的所有请求都会被DefaultServlet处理
若配置了<mvc:default-servlet-handler />和<mvc:annotation-driven />
浏览器发送的请求会先被DispatcherServlet处理,无法处理在交给DefaultServlet处理
-->
<!-- 配置默认的servlet处理静态资源 -->
<mvc:default-servlet-handler />
<!-- 开启MVC的注解驱动 -->
<!--开启它后,先用DispatcherServlet处理请求,如果它处理不了则交给上一步的默认的servlet-->
<mvc:annotation-driven />
<!-- 配置访问首页的视图控制 -->
<!--如果只写这个,不写上面的两个mvc配置,那么只有视图控制器配置的路径才会解析,而其它的如控制层中的映射会处理不了-->
<mvc:view-controller path="/" view-name="index"></mvc:view-controller>
<mvc:view-controller path="/to/add" view-name="employee_add"></mvc:view-controller>
<!--配置文件上传解析器,别忘了这个要添加依赖-->
<bean class="org.springframework.web.multipart.commons.CommonsMultipartResolver" id="multipartResolver"></bean>
<!--拦截器和异常处理器可以自行配置-->
<!--
<!–配置SpringMVC拦截器–>
<mvc:interceptors>
<!–这两种拦截器默认会对DispatcherServlet所有请求拦截–>
<!–<bean class="com.interceptor.FirstInterceptor"></bean>–>
<!–<ref bean="firstInterceptor"></ref>–>
<!–以下这是第三种:–>
<mvc:interceptor>
<!–配置需要拦截的请求的请求路径,/**表示所有请求–>
<mvc:mapping path="/**"/>
<!–配置需要排除拦截的请求的请求路径–>
<mvc:exclude-mapping path="/abc"/>
<!–配置拦截器,先扫描到(@Component)才可配置,此类继承了接口HandlerInterceptor–>
<!–创建FirstInterceptor然后 implements HandlerInterceptor,下面引用它的id,默认为方法名开头小写–>
<ref bean="firstInterceptor"/>
</mvc:interceptor>
</mvc:interceptors>
<!–配置异常处理器–>
<bean class="org.springframework.web.servlet.handler.SimpleMappingExceptionResolver">
<property name="exceptionMappings">
<props>
<!–key设置要处理的异常,value设置出现该异常时要跳转的页面所对应的逻辑视图–>
<prop key="java.lang.ArithmeticException">error</prop>
</props>
</property>
<!–设置共享在请求域中的异常信息的属性名–>
<property name="exceptionAttribute" value="ex"></property>
</bean>
-->
</beans>
1.4搭建MyBatis环境
1.41创建属性文件jdbc.properties
jdbc.driver=com.mysql.cj.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/ssm?serverTimezone=UTC
jdbc.username=root
jdbc.password=1234
1.42创建MyBatis的核心配置文件mybatis-config.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
<!--引入名为jdbc.properties的配置文件,如果在这里面不设置Druid数据源,则可不设置-->
<!--<properties resource="jdbc.properties"/>-->
<!--若已在spring.xml中设置,这里可不设置了-->
<settings>
<!--将下划线映射为驼峰-->
<setting name="mapUnderscoreToCamelCase" value="true"/>
</settings>
<!--若已在spring.xml中设置,这里可不设置了-->
<!--
<!–实体类写别名–>
<typeAliases>
<package name="com.ssm.pojo"/>
</typeAliases>
-->
<!--若已在spring.xml中设置,这里可不设置了-->
<!--
<environments default="development">
<environment id="development">
<transactionManager type="JDBC"/>
<dataSource type="POOLED">
<!–第一种方法(直接引用):
<property name="driver" value="com.mysql.cj.jdbc.Driver"/>
<property name="url" value="jdbc:mysql://localhost:3306/ssm?serverTimezone=UTC"/>
<property name="username" value="root"/>
<property name="password" value="1234"/>
–>
<!–第二种方法:通过properties配置文件连接–>
<property name="driver" value="${jdbc.driver}"/>
<property name="url" value="${jdbc.url}"/>
<property name="username" value="${jdbc.username}"/>
<property name="password" value="${jdbc.password}"/>
</dataSource>
</environment>
</environments>
-->
<!--若已在spring.xml中设置,这里可不设置了-->
<!--jdbc:mysql://localhost:3306/ssm?serverTimezone=UTC
<mappers>
<!–扫描mapper–>
<package name="com.mapper.mapper"/>
</mappers>
-->
<!--若已在spring.xml中设置,这里可不设置了-->
<plugins>
<!--配置分页插件-->
<plugin interceptor="com.github.pagehelper.PageInterceptor"></plugin>
</plugins>
</configuration>
1.43创建日志文件log4j.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE log4j:configuration SYSTEM "log4j.dtd">
<log4j:configuration xmlns:log4j="http://jakarta.apache.org/log4j/">
<appender name="STDOUT" class="org.apache.log4j.ConsoleAppender">
<param name="Encoding" value="UTF-8"/>
<layout class="org.apache.log4j.PatternLayout">
<param name="ConversionPattern" value="%-5p %d{MM-dd HH:mm:ss,SSS} %m (%F:%L) \n"/>
</layout>
</appender>
<logger name="java.sql">
<level value="debug"/>
</logger>
<logger name="org.apache.ibatis">
<level value="info"/>
</logger>
<root>
<level value="debug"/>
<appender-ref ref="STDOUT"/>
</root>
</log4j:configuration>
<!--Log4j可以控制日志信息输送的目的地是控制台、文件、GUI组件,甚至是套接口服务器、NT的事件记录器、UNIX Syslog守护进程等;
也可以控制每一条日志的输出格式;通过定义每一条日志信息的级别,我们能够更加细致地控制日志的生成过程。-->
1.5创建Spring的配置文件spring.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:tx="http://www.springframework.org/schema/tx"
xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd">
<!--扫描组件(除控制层,它们在springmvc里面)-->
<context:component-scan base-package="com.ssm">
<!--通过Controller全类名排除扫描控制层-->
<context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
</context:component-scan>
<!-- 引入jdbc.properties -->
<context:property-placeholder location="classpath:jdbc.properties"></context:property-placeholder>
<!--
配置Druid数据源,相当于mybatis-config中的<dataSource type="POOLED">标签,设置一个即可
-->
<bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">
<property name="driverClassName" value="${jdbc.driver}"></property>
<property name="url" value="${jdbc.url}"></property>
<property name="username" value="${jdbc.username}"></property>
<property name="password" value="${jdbc.password}"></property>
</bean>
<!--配置事务管理器-->
<bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
<property name="dataSource" ref="dataSource"></property>
</bean>
<!--
开启事务的注解驱动
将使用@Transactional注解所标识的方法或类中所有的方法使用事务进行管理
transaction-manager属性设置事务管理器的id
若事务管理器的bean的id默认为transactionManager,则该属性可以不写
-->
<tx:annotation-driven transaction-manager="transactionManager"/>
<!-- 配置用于创建SqlSessionFactoryBean,可以在spring的ioc容器中获取SqlSessionFactory对象 -->
<bean class="org.mybatis.spring.SqlSessionFactoryBean">
<!-- 设置MyBatis核心配置文件的路径 -->
<property name="configLocation" value="classpath:mybatis-config.xml">
</property>
<!--设置数据源 -->
<property name="dataSource" ref="dataSource"></property>
<!--
设置类型别名所对应的包,相当于mybatis-config中的<typeAliases>标签,设置一个即可
-->
<property name="typeAliasesPackage" value="com.ssm.pojo"></property>
<!--
设置映射文件的路径,相当于mybatis-config中的<mappers>标签,设置一个即可
若映射文件所在路径和mapper接口所在路径一致,则不需要设置。因此mybatis-config可不设置,这里也可不设置
如:EmployeeMapper.xml和EmployeeMapper路径相同。
如果不一致,要设置此标签,如mappers/*.xml,代表mappers文件下所有的xml文件
-->
<!--
<property name="mapperLocations" value="classpath:mappers/*.xml"></property>
-->
<!--配置分页插件,相当于mybatis-config中的<plugins>标签,设置一个即可-->
<!--<property name="plugins">
<array>
<bean class="com.github.pagehelper.PageInterceptor"></bean>
</array>
</property>-->
</bean>
<!--
mybatis配置驼峰形式的设置类,相当于mybatis-config中的<settings>标签,设置一个即可
spring中比较复杂,我在mybatis-config配置了
-->
<!--<bean id="settings" class="org.apache.ibatis.session.Configuration">
<property name="mapUnderscoreToCamelCase" value="true"></property>
</bean>-->
<!--
配置mapper接口的扫描配置
由mybatis-spring提供,通过SqlSession创建代理实现类对象,可以将指定包下所有的mapper接口创建动态代理,
并将这些动态代理作为IOC容器的bean管理
-->
<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
<property name="basePackage" value="com.ssm.mapper"></property>
</bean>
</beans>
1.6创建数据库表
CREATE TABLE `t_emp` (
`emp_id` INT(11) NOT NULL AUTO_INCREMENT,
`emp_name` VARCHAR(20) DEFAULT NULL,
`age` INT(11) DEFAULT NULL,
`sex` CHAR(1) DEFAULT NULL,
`email` VARCHAR(50) DEFAULT NULL, PRIMARY KEY (`emp_id`)
) ENGINE=INNODB DEFAULT CHARSET=utf8
1.7创建组件
1.71实体类Employee
package com.ssm.pojo;
public class Employee {
private Integer empId;
private String empName;
private Integer age;
private String sex;
private String email;
public Integer getEmpId() {
return empId;
}
public void setEmpId(Integer empId) {
this.empId = empId;
}
public String getEmpName() {
return empName;
}
public void setEmpName(String empName) {
this.empName = empName;
}
public Integer getAge() {
return age;
}
public void setAge(Integer age) {
this.age = age;
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
public Employee() {
}
public Employee(Integer empId, String empName, Integer age, String sex, String email) {
this.empId = empId;
this.empName = empName;
this.age = age;
this.sex = sex;
this.email = email;
}
@Override
public String toString() {
return "Employee{" +
"empId=" + empId +
", empName='" + empName + '\'' +
", age=" + age +
", sex='" + sex + '\'' +
", email='" + email + '\'' +
'}';
}
}
1.72创建控制层组件EmployeeController
package com.ssm.controller;
import com.github.pagehelper.PageInfo;
import com.ssm.pojo.Employee;
import com.ssm.service.EmployeeService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.transaction.annotation.Transactional;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import java.util.List;
/**
* 查询所有的员工信息-->/employee-->get
* 查询员工的分页信息-->/employee/page/1-->get
* 根据id查询员工信息-->/employee/1-->get
* 跳转到添加页面-->/to/add-->get
* 添加员工信息-->/employee-->post
* 修改员工信息-->/employee-->put
* 删除员工信息-->/employee/1-->delete
*/
@Controller
@Transactional
public class EmployeeController {
@Autowired
private EmployeeService employeeService;
//仅测试,不给前端用,若用,将th:each改为:employee,status : ${list}
@RequestMapping(value = "/employee",method = RequestMethod.GET)
public String getAllEmployee(Model model){
//查询所有的员工信息
List<Employee> list=employeeService.getAllEmployee();
//将员工信息在请求域中共享
model.addAttribute("list",list);
//跳转到employee_list.html页面
return "employee_list";
}
@RequestMapping(value = "/employee/page/{pageNum}",method = RequestMethod.GET)
public String getEmployeePage(@PathVariable("pageNum") Integer pageNum, Model model){
//获取员工的分页信息
PageInfo<Employee> page=employeeService.getEmployeePage(pageNum);
//将分页数据共享在请求域中
model.addAttribute("page",page);
//跳转到employee_list.html页面
return "employee_list";
}
//添加员工
/*
* 可以在控制器方法的形参位置设置一个实体类类型的形参,此时若浏览器传输的请求参数的参数名和实
体类中的属性名一致,那么请求参数就会为此属性赋值
* */
@RequestMapping(value = "/employee",method = RequestMethod.POST)
public String addEmployee(Employee employee){
employeeService.add(employee);
//重定向到新的查询页面,redirect默认get
return "redirect:/employee/page/1";
}
//删除员工
@RequestMapping(value = "/employee/{id}",method = RequestMethod.DELETE)
public String deleteEmployee(@PathVariable("id") Integer id){
employeeService.delete(id);
return "redirect:/employee/page/1";
}
//去向修改员工页面
@RequestMapping(value = "/employee/{id}",method = RequestMethod.GET)
public String toUpdate(@PathVariable("id") Integer id,Model model){
Employee employee = employeeService.get(id);
model.addAttribute("employee",employee);
return "employee_update";
}
//修改员工
@RequestMapping(value = "/employee",method = RequestMethod.PUT)
public String updateEmployee(Employee employee){
employeeService.update(employee);
return "redirect:/employee/page/1";
}
}
1.73创建接口EmployeeService
package com.ssm.service;
import com.github.pagehelper.PageInfo;
import com.ssm.pojo.Employee;
import java.util.List;
public interface EmployeeService {
//查询所有的员工信息
List<Employee> getAllEmployee();
//获取员工的分页信息
PageInfo<Employee> getEmployeePage(Integer pageNum);
//添加员工
void add(Employee employee);
//删除员工
void delete(Integer id);
//根据id查询员工
Employee get(Integer id);
//修改员工
void update(Employee employee);
}
1.74创建实现类EmployeeServiceImpl
package com.ssm.service.impl;
import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import com.ssm.mapper.EmployeeMapper;
import com.ssm.pojo.Employee;
import com.ssm.service.EmployeeService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.util.List;
@Service
public class EmployeeServiceImpl implements EmployeeService {
/*
// 1.获取SqlSessionFactory对象,在应用运行期间不要重复创建多次,注意这个只能创建一次
SqlSessionFactory factory = SqlSessionFactoryUtils.getSqlSessionFactory();
// 2.获取SqlSession
SqlSession sqlSession = factory.openSession();
// 3.获取UserMapper
UserMapper mapper = sqlSession.getMapper(UserMapper.class);
*/
//此操作相当于以上操作
@Autowired
private EmployeeMapper employeeMapper;
public List<Employee> getAllEmployee() {
return employeeMapper.getAllEmployee();
}
public PageInfo<Employee> getEmployeePage(Integer pageNum) {
//开启分页功能
PageHelper.startPage(pageNum,4);
//查询所有的员工信息
List<Employee> list=employeeMapper.getAllEmployee();
//获取分页相关数据
PageInfo<Employee> page=new PageInfo<Employee>(list,5);
return page;
}
public void add(Employee employee) {
employeeMapper.add(employee);
}
public void delete(Integer id) {
employeeMapper.delete(id);
}
public Employee get(Integer id) {
Employee emp=employeeMapper.get(id);
return emp;
}
public void update(Employee employee) {
employeeMapper.update(employee);
}
}
1.75创建Mapper接口EmployeeMapper
package com.ssm.mapper;
import com.ssm.pojo.Employee;
import java.util.List;
public interface EmployeeMapper {
//查询所有的员工信息
List<Employee> getAllEmployee();
//添加员工
void add(Employee employee);
//删除员工
void delete(Integer id);
//根据id查询员工
Employee get(Integer id);
//修改员工
void update(Employee employee);
}
1.76创建Mapper实现类EmployeeMapper.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.ssm.mapper.EmployeeMapper">
<!--在spring配置已经设置了将"_"映射为驼峰-->
<!--注意这个分页查询,语句后面别加分号,因为要分页查询拼接limit,建议后面均不加分号(;)-->
<select id="getAllEmployee" resultType="com.ssm.pojo.Employee">
select * from t_emp
</select>
<!--根据id查询员工-->
<select id="get" resultType="com.ssm.pojo.Employee">
select * from t_emp where emp_id=#{id}
</select>
<!--添加员工-->
<insert id="add">
insert into t_emp values(null,#{empName},#{age},#{sex},#{email})
</insert>
<!--删除员工-->
<delete id="delete">
delete from t_emp where emp_id=#{id}
</delete>
<!--修改员工-->
<update id="update">
update t_emp set emp_name=#{empName},age=#{age},sex=#{sex},
email=#{email} where emp_id=#{empId}
</update>
</mapper>
1.8创建页面
1.81主页面index.html
<!DOCTYPE html>
<!--已导入thymeleaf-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>首页</title>
</head>
<body>
<h1>index.html</h1>
<a th:href="@{/employee/page/1}">查询员工分页信息</a>
</body>
</html>
1.82分页查询页面employee_list.html
<!DOCTYPE html>
<!--已导入thymeleaf-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>员工列表</title>
<link rel="stylesheet" th:href="@{/static/css/index_work.css}">
</head>
<body>
<!--主页面表-->
<div id="app">
<table>
<tr>
<th colspan="7">员工列表</th>
</tr>
<tr>
<th>流水号</th>
<th>员工号</th>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>邮箱</th>
<th>操作(<a th:href="@{/to/add}">添加员工</a>)</th>
</tr>
<tr th:each="employee,status : ${page.list}">
<td th:text="${status.count}"></td>
<td th:text="${employee.empId}"></td>
<td th:text="${employee.empName}"></td>
<td th:text="${employee.age}"></td>
<td th:text="${employee.sex}"></td>
<td th:text="${employee.email}"></td>
<td>
<a @click="deleteEmployee()" th:href="@{'/employee/'+${employee.empId}}">删除</a>
<a th:href="@{'/employee/'+${employee.empId}}">修改</a>
</td>
</tr>
</table>
<form id="delete_form" method="post">
<input type="hidden" name="_method" value="delete">
</form>
</div>
<!--分页操作-->
<div style="text-align: center;">
<h5 th:text="' 总共'+${page.pages}+'页 数据'+${page.total}+'条'"></h5>
<a th:if="${page.hasPreviousPage}" th:href="@{/employee/page/1}">首页</a>
<a th:if="${page.hasPreviousPage}" th:href="@{'/employee/page/'+${page.prePage}}">上一页</a>
<span th:each="num : ${page.navigatepageNums}">
<a th:if="${page.pageNum == num}" style="color: red;" th:href="@{'/employee/page/'+${num}}" th:text="'['+${num}+']'"></a>
<a th:if="${page.pageNum != num}" th:href="@{'/employee/page/'+${num}}" th:text="${num}"></a>
</span>
<a th:if="${page.hasNextPage}" th:href="@{'/employee/page/'+${page.nextPage}}">下一页</a>
<a th:if="${page.hasNextPage}" th:href="@{'/employee/page/'+${page.pages}}">末页</a>
</div>
<script type="text/javascript" th:src="@{/static/js/vue.js}"></script>
<script type="text/javascript">
var vue = new Vue({
el:"#app",
methods:{
deleteEmployee(){
//只有删除走的这个操作
//获取form这个对象
var form=document.getElementById("delete_form");
//将超链接的href给form的action属性赋值
form.action=event.target.href;
//表单提交
form.submit();
//阻止超链接默认行为
event.preventDefault();
}
}
})
</script>
</body>
</html>
1.82添加用户页面employee_add.html
<!DOCTYPE html>
<!--已导入thymeleaf-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>add employee</title>
<link rel="stylesheet" th:href="@{/static/css/index_work.css}">
</head>
<body>
<form th:action="@{/employee}" method="post">
<table>
<tr>
<th colspan="2">添加员工</th>
</tr>
<tr>
<td>姓名</td>
<td>
<input type="text" name="empName" required>
</td>
</tr>
<tr>
<td>邮箱</td>
<td>
<input type="text" name="email" required>
</td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" name="sex" value="男" checked="true">男
<input type="radio" name="sex" value="女">女
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="add">
</td>
</tr>
</table>
</form>
</body>
</html>
1.83修改用户页面employee_update.html
<!DOCTYPE html>
<!--已导入thymeleaf-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>update employee</title>
<link rel="stylesheet" th:href="@{/static/css/index_work.css}">
</head>
<body>
<form th:action="@{/employee}" method="post">
<input type="hidden" name="_method" value="put">
<input type="hidden" name="empId" th:value="${employee.empId}">
<table>
<tr>
<th colspan="2">修改员工</th>
</tr>
<tr>
<td>姓名</td>
<td>
<input type="text" name="empName" th:value="${employee.empName}">
</td>
</tr>
<tr>
<td>邮箱</td>
<td>
<input type="text" name="email" th:value="${employee.email}">
</td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" name="sex" value="男" th:field="${employee.sex}">男
<input type="radio" name="sex" value="女" th:field="${employee.sex}">女
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="update">
</td>
</tr>
</table>
</form>
</body>
</html>
2.工程结构
3.代码下载
可以点个免费的赞吗!!!