SSM整合

北冰洋以北  金牌会员 | 2024-2-6 20:13:14 | 来自手机 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 917|帖子 917|积分 2751

1、环境搭建

1.1、在project创建新module


1.2、选择maven


1.3、设置module名称和路径



1.4、module初始状态


1.5、配置打包方式和引入依赖


注意：默认的打包方式为 jar，为了能配置web资源，需要将打包方式设置为 war
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <project xmlns="http://maven.apache.org/POM/4.0.0"
  3.          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4.          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  5.     <modelVersion>4.0.0</modelVersion>
  7.     <groupId>online.liaojy</groupId>
  8.     <artifactId>spring_springmvc_mybatis</artifactId>
  9.     <version>1.0-SNAPSHOT</version>
  10.     <packaging>war</packaging>
  12.    
  13.     <properties>
  14.         <spring.version>5.3.1</spring.version>
  15.     </properties>
  17.     <dependencies>
  18.         
  19.         <dependency>
  20.             <groupId>org.springframework</groupId>
  21.             <artifactId>spring-context</artifactId>
  22.             <version>${spring.version}</version>
  23.         </dependency>
  24.         
  25.         <dependency>
  26.             <groupId>org.springframework</groupId>
  27.             <artifactId>spring-beans</artifactId>
  28.             <version>${spring.version}</version>
  29.         </dependency>
  30.         
  31.         <dependency>
  32.             <groupId>org.springframework</groupId>
  33.             <artifactId>spring-web</artifactId>
  34.             <version>${spring.version}</version>
  35.         </dependency>
  36.         
  37.         <dependency>
  38.             <groupId>org.springframework</groupId>
  39.             <artifactId>spring-webmvc</artifactId>
  40.             <version>${spring.version}</version>
  41.         </dependency>
  42.         
  43.         <dependency>
  44.             <groupId>org.springframework</groupId>
  45.             <artifactId>spring-jdbc</artifactId>
  46.             <version>${spring.version}</version>
  47.         </dependency>
  48.         
  49.         <dependency>
  50.             <groupId>org.springframework</groupId>
  51.             <artifactId>spring-aspects</artifactId>
  52.             <version>${spring.version}</version>
  53.         </dependency>
  54.         
  55.         <dependency>
  56.             <groupId>org.springframework</groupId>
  57.             <artifactId>spring-test</artifactId>
  58.             <version>${spring.version}</version>
  59.         </dependency>
  60.         
  61.         <dependency>
  62.             <groupId>org.mybatis</groupId>
  63.             <artifactId>mybatis</artifactId>
  64.             <version>3.5.7</version>
  65.         </dependency>
  66.         
  67.         <dependency>
  68.             <groupId>org.mybatis</groupId>
  69.             <artifactId>mybatis-spring</artifactId>
  70.             <version>2.0.6</version>
  71.         </dependency>
  72.         
  73.         <dependency>
  74.             <groupId>com.alibaba</groupId>
  75.             <artifactId>druid</artifactId>
  76.             <version>1.0.9</version>
  77.         </dependency>
  78.         
  79.         <dependency>
  80.             <groupId>junit</groupId>
  81.             <artifactId>junit</artifactId>
  82.             <version>4.12</version>
  83.             <scope>test</scope>
  84.         </dependency>
  85.         
  86.         <dependency>
  87.             <groupId>mysql</groupId>
  88.             <artifactId>mysql-connector-java</artifactId>
  89.             <version>5.1.49</version>
  90.         </dependency>
  91.         
  92.         <dependency>
  93.             <groupId>log4j</groupId>
  94.             <artifactId>log4j</artifactId>
  95.             <version>1.2.17</version>
  96.         </dependency>
  97.         
  98.         <dependency>
  99.             <groupId>com.github.pagehelper</groupId>
  100.             <artifactId>pagehelper</artifactId>
  101.             <version>5.2.0</version>
  102.         </dependency>
  103.         
  104.         <dependency>
  105.             <groupId>ch.qos.logback</groupId>
  106.             <artifactId>logback-classic</artifactId>
  107.             <version>1.2.3</version>
  108.         </dependency>
  109.         
  110.         <dependency>
  111.             <groupId>javax.servlet</groupId>
  112.             <artifactId>javax.servlet-api</artifactId>
  113.             <version>3.1.0</version>
  114.             <scope>provided</scope>
  115.         </dependency>
  116.         
  117.         <dependency>
  118.             <groupId>com.fasterxml.jackson.core</groupId>
  119.             <artifactId>jackson-databind</artifactId>
  120.             <version>2.12.1</version>
  121.         </dependency>
  122.         
  123.         <dependency>
  124.             <groupId>commons-fileupload</groupId>
  125.             <artifactId>commons-fileupload</artifactId>
  126.             <version>1.3.1</version>
  127.         </dependency>
  128.         
  129.         <dependency>
  130.             <groupId>org.thymeleaf</groupId>
  131.             <artifactId>thymeleaf-spring5</artifactId>
  132.             <version>3.0.12.RELEASE</version>
  133.         </dependency>
  134.     </dependencies>
  136. </project>
复制代码
1.6、配置web资源目录


打开Project Structure，选择对应的module，并为该module创建一个web.xml文件

注意：web.xml文件需要放到web资源路径（工程路径\src\main\webapp）下

1.7、配置web.xml

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
  3.          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4.          xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
  5.          version="4.0">
  7.    
  9.    
  10.     <listener>
  11.         <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  12.     </listener>
  14.    
  15.    
  16.     <context-param>
  17.         <param-name>contextConfigLocation</param-name>
  18.         <param-value>classpath:spring.xml</param-value>
  19.     </context-param>
  22.    
  23.     <filter>
  24.         <filter-name>CharacterEncodingFilter</filter-name>
  25.         <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
  26.         <init-param>
  27.             
  28.             <param-name>encoding</param-name>
  29.             <param-value>UTF-8</param-value>
  30.         </init-param>
  31.         <init-param>
  32.             
  33.             <param-name>forceEncoding</param-name>
  34.             <param-value>true</param-value>
  35.         </init-param>
  36.     </filter>
  37.     <filter-mapping>
  38.         <filter-name>CharacterEncodingFilter</filter-name>
  39.         <url-pattern>/*</url-pattern>
  40.     </filter-mapping>
  42.    
  43.     <filter>
  44.         <filter-name>HiddenHttpMethodFilter</filter-name>
  45.         <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
  46.     </filter>
  47.     <filter-mapping>
  48.         <filter-name>HiddenHttpMethodFilter</filter-name>
  49.         <url-pattern>/*</url-pattern>
  50.     </filter-mapping>
  53.    
  55.    
  56.     <servlet>
  57.         <servlet-name>SpringMVC</servlet-name>
  58.         <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  59.         
  60.         <init-param>
  61.             <param-name>contextConfigLocation</param-name>
  62.             <param-value>classpath:springmvc.xml</param-value>
  63.         </init-param>
  64.         
  65.         <load-on-startup>1</load-on-startup>
  66.     </servlet>
  67.     <servlet-mapping>
  68.         <servlet-name>SpringMVC</servlet-name>
  69.         <url-pattern>/</url-pattern>
  70.     </servlet-mapping>
  72. </web-app>
复制代码
1.8、创建SpringMVC的配置文件

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <beans xmlns="http://www.springframework.org/schema/beans"
  3.        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4.        xmlns:context="http://www.springframework.org/schema/context"
  5.        xmlns:mvc="http://www.springframework.org/schema/mvc"
  6.        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">
  8.    
  9.     <context:component-scan base-package="online.liaojy.ssm.controller"></context:component-scan>
  11.    
  12.     <bean id="viewResolver" >
  13.         <property name="order" value="1"/>
  14.         <property name="characterEncoding" value="UTF-8"/>
  15.         <property name="templateEngine">
  16.             <bean >
  17.                 <property name="templateResolver">
  18.                     <bean
  19.                             >
  20.                         
  21.                         <property name="prefix" value="/WEB-INF/templates/"/>
  22.                         
  23.                         <property name="suffix" value=".html"/>
  24.                         <property name="templateMode" value="HTML5"/>
  25.                         <property name="characterEncoding" value="UTF-8" />
  26.                     </bean>
  27.                 </property>
  28.             </bean>
  29.         </property>
  30.     </bean>
  32.    
  33.     <mvc:default-servlet-handler></mvc:default-servlet-handler>
  35.    
  36.     <mvc:annotation-driven></mvc:annotation-driven>
  38.    
  39.     <mvc:view-controller path="/" view-name="index"></mvc:view-controller>
  41. </beans>
复制代码
1.9、创建请求控制器

  1. package online.liaojy.ssm.controller;
  3. import org.springframework.stereotype.Controller;
  5. /**
  6. * @author liaojy
  7. * @date 2023/12/3 - 18:32
  8. */
  9. @Controller
  10. public class EmployeeController {
  11. }
复制代码
1.10、创建模板目录及页面模板


注意：html要引入thymeleaf的约束：xmlns:th="http://www.thymeleaf.org"
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>首页</title>
  6. </head>
  7. <body>
  9. <h1>index.html</h1>
  11. </body>
  12. </html>
复制代码
1.11、创建jdbc.properties属性文件


注意：本例使用的数据库版本为 MySQL-5 ，因此驱动配置为 com.mysql.jdbc.Driver
如果使用的数据库版本为 MySQL-8 ，驱动配置应该为 com.mysql.cj.jdbc.Driver
  1. jdbc.driver=com.mysql.jdbc.Driver
  2. jdbc.url=jdbc:mysql://localhost:3306/ssm?characterEncoding=utf-8
  3. jdbc.username=root
  4. jdbc.password=root
复制代码
1.12、创建MyBatis的核心配置文件

  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE configuration
  3.         PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
  4.         "http://mybatis.org/dtd/mybatis-3-config.dtd">
  6. <configuration>
  8.    
  9.     <properties resource="jdbc.properties"/>
  11.    
  12.     <settings>
  13.         
  14.         <setting name="mapUnderscoreToCamelCase" value="true"/>
  15.         
  16.         
  17.         
  18.         <setting name="cacheEnabled" value="true"/>
  19.     </settings>
  21.    
  22.     <typeAliases>
  23.         <package name="online.liaojy.ssm.pojo"/>
  24.     </typeAliases>
  26.     <plugins>
  27.         
  28.         <plugin interceptor="com.github.pagehelper.PageInterceptor"></plugin>
  29.     </plugins>
  31.    
  32.     <environments default="development">
  33.         <environment id="development">
  34.             <transactionManager type="JDBC"/>
  35.             <dataSource type="POOLED">
  36.                 <property name="driver" value="${jdbc.driver}"/>
  37.                 <property name="url" value="${jdbc.url}"/>
  38.                 <property name="username" value="${jdbc.username}"/>
  39.                 <property name="password" value="${jdbc.password}"/>
  40.             </dataSource>
  41.         </environment>
  42.     </environments>
  44.    
  45.     <mappers>
  46.         <package name="online.liaojy.ssm.mapper"/>
  47.     </mappers>
  49. </configuration>
复制代码
1.13、创建mapper接口

  1. package online.liaojy.ssm.mapper;
  3. /**
  4. * @author liaojy
  5. * @date 2023/12/4 - 7:00
  6. */
  7. public interface EmployeeMapper {
  8. }
复制代码
1.14、创建mapper映射文件


注意：mapper映射文件的目录结构和名称要和mapper接口的一致
mapper映射文件的命名空间，也要和mapper接口的全类名一致
  1. [/code][size=4]1.15、创建Spring的配置文件[/size]
  3. [img]https://img2023.cnblogs.com/blog/2052479/202312/2052479-20231204172920582-339752083.png[/img]
  4. [code]<?xml version="1.0" encoding="UTF-8"?>
  5. <beans xmlns="http://www.springframework.org/schema/beans"
  6.        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  7.        xmlns:context="http://www.springframework.org/schema/context"
  8.        xmlns:mvc="http://www.springframework.org/schema/mvc"
  9.        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">
  11.    
  12.     <context:component-scan base-package="online.liaojy.ssm.controller"></context:component-scan>
  14.    
  15.     <bean id="viewResolver" >
  16.         <property name="order" value="1"/>
  17.         <property name="characterEncoding" value="UTF-8"/>
  18.         <property name="templateEngine">
  19.             <bean >
  20.                 <property name="templateResolver">
  21.                     <bean
  22.                             >
  23.                         
  24.                         <property name="prefix" value="/WEB-INF/templates/"/>
  25.                         
  26.                         <property name="suffix" value=".html"/>
  27.                         <property name="templateMode" value="HTML5"/>
  28.                         <property name="characterEncoding" value="UTF-8" />
  29.                     </bean>
  30.                 </property>
  31.             </bean>
  32.         </property>
  33.     </bean>
  35.    
  36.     <mvc:default-servlet-handler></mvc:default-servlet-handler>
  38.    
  39.     <mvc:annotation-driven></mvc:annotation-driven>
  41.    
  42.     <mvc:view-controller path="/" view-name="index"></mvc:view-controller>
  44. </beans>                                       
复制代码
1.16、创建业务层接口及实现类

  1. package online.liaojy.ssm.service;
  3. /**
  4. * @author liaojy
  5. * @date 2023/12/4 - 20:32
  6. */
  7. public interface EmployeeService {
  8. }
复制代码
  1. package online.liaojy.ssm.service.impl;
  3. import online.liaojy.ssm.service.EmployeeService;
  4. import org.springframework.stereotype.Service;
  5. import org.springframework.transaction.annotation.Transactional;
  7. /**
  8. * @author liaojy
  9. * @date 2023/12/4 - 20:34
  10. */
  11. @Service
  12. @Transactional
  13. public class EmployeeServiceImpl implements EmployeeService {
  14. }
复制代码
1.17、创建日志文件log4j.xml

  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE log4j:configuration SYSTEM "log4j.dtd">
  3. <log4j:configuration xmlns:log4j="http://jakarta.apache.org/log4j/">
  4.     <appender name="STDOUT" >
  5.         <param name="Encoding" value="UTF-8" />
  6.         <layout >
  7.             <param name="ConversionPattern" value="%-5p %d{MM-dd HH:mm:ss,SSS} %m (%F:%L) \n" />
  8.         </layout>
  9.     </appender>
  10.     <logger name="java.sql">
  11.         <level value="debug" />
  12.     </logger>
  13.     <logger name="org.apache.ibatis">
  14.         <level value="info" />
  15.     </logger>
  16.     <root>
  17.         <level value="debug" />
  18.         <appender-ref ref="STDOUT" />
  19.     </root>
  20. </log4j:configuration>
复制代码
1.18、配置tomcat




1.19、测试效果



2、实战案例

2.1、创建表

  1. CREATE TABLE `t_emp` (
  2. `emp_id` int(11) NOT NULL AUTO_INCREMENT,
  3. `emp_name` varchar(20) DEFAULT NULL,
  4. `age` int(11) DEFAULT NULL,
  5. `sex` char(1) DEFAULT NULL,
  6. `email` varchar(50) DEFAULT NULL,
  7. PRIMARY KEY (`emp_id`)
  8. ) ENGINE=InnoDB DEFAULT CHARSET=utf8
复制代码
2.2、插入数据

  1. insert into t_emp (emp_name,age,sex,email) values ('a',18,'男','11@qq.com');
  2. insert into t_emp (emp_name,age,sex,email) values ('b',19,'男','22@qq.com');
  3. insert into t_emp (emp_name,age,sex,email) values ('c',20,'男','33@qq.com');
  4. insert into t_emp (emp_name,age,sex,email) values ('d',21,'男','44@qq.com');
  5. insert into t_emp (emp_name,age,sex,email) values ('e',22,'男','55@qq.com');
  6. insert into t_emp (emp_name,age,sex,email) values ('f',23,'男','66@qq.com');
  7. insert into t_emp (emp_name,age,sex,email) values ('g',24,'男','77@qq.com');
  8. insert into t_emp (emp_name,age,sex,email) values ('h',25,'男','88@qq.com');
  9. insert into t_emp (emp_name,age,sex,email) values ('i',26,'男','99@qq.com');
  10. insert into t_emp (emp_name,age,sex,email) values ('j',27,'男','00@qq.com');
  11. insert into t_emp (emp_name,age,sex,email) values ('k',28,'男','111@qq.com');
  12. insert into t_emp (emp_name,age,sex,email) values ('l',29,'男','222@qq.com');
  13. insert into t_emp (emp_name,age,sex,email) values ('m',30,'男','333@qq.com');
  14. insert into t_emp (emp_name,age,sex,email) values ('n',31,'男','444@qq.com');
  15. insert into t_emp (emp_name,age,sex,email) values ('o',32,'男','555@qq.com');
  16. insert into t_emp (emp_name,age,sex,email) values ('p',33,'男','666@qq.com');
  17. insert into t_emp (emp_name,age,sex,email) values ('q',34,'男','777@qq.com');
  18. insert into t_emp (emp_name,age,sex,email) values ('r',35,'男','888@qq.com');
  19. insert into t_emp (emp_name,age,sex,email) values ('s',36,'男','999@qq.com');
  20. insert into t_emp (emp_name,age,sex,email) values ('t',37,'男','000@qq.com');
  21. insert into t_emp (emp_name,age,sex,email) values ('u',38,'男','1111@qq.com');
  22. insert into t_emp (emp_name,age,sex,email) values ('v',39,'男','2222@qq.com');
  23. insert into t_emp (emp_name,age,sex,email) values ('w',40,'男','3333@qq.com');
  24. insert into t_emp (emp_name,age,sex,email) values ('x',41,'男','4444@qq.com');
  25. insert into t_emp (emp_name,age,sex,email) values ('y',42,'男','5555@qq.com');
  26. insert into t_emp (emp_name,age,sex,email) values ('z',43,'男','6666@qq.com');
复制代码

2.3、创建实体类

  1. package online.liaojy.ssm.pojo;
  3. import java.io.Serializable;
  5. /**
  6. * @author liaojy
  7. * @date 2023/12/4 - 23:06
  8. */
  9. public class Employee implements Serializable {
  11.     private Integer empId;
  12.     private String empName;
  13.     private Integer age;
  14.     private String sex;
  15.     private String email;
  17.     public Employee() {
  18.     }
  20.     public Employee(Integer empId, String empName, Integer age, String sex, String email) {
  21.         this.empId = empId;
  22.         this.empName = empName;
  23.         this.age = age;
  24.         this.sex = sex;
  25.         this.email = email;
  26.     }
  28.     public Integer getEmpId() {
  29.         return empId;
  30.     }
  32.     public void setEmpId(Integer empId) {
  33.         this.empId = empId;
  34.     }
  36.     public String getEmpName() {
  37.         return empName;
  38.     }
  40.     public void setEmpName(String empName) {
  41.         this.empName = empName;
  42.     }
  44.     public Integer getAge() {
  45.         return age;
  46.     }
  48.     public void setAge(Integer age) {
  49.         this.age = age;
  50.     }
  52.     public String getSex() {
  53.         return sex;
  54.     }
  56.     public void setSex(String sex) {
  57.         this.sex = sex;
  58.     }
  60.     public String getEmail() {
  61.         return email;
  62.     }
  64.     public void setEmail(String email) {
  65.         this.email = email;
  66.     }
  68.     @Override
  69.     public String toString() {
  70.         return "Employee{" +
  71.                 "empId=" + empId +
  72.                 ", empName='" + empName + '\'' +
  73.                 ", age=" + age +
  74.                 ", sex='" + sex + '\'' +
  75.                 ", email='" + email + '\'' +
  76.                 '}';
  77.     }
  79. }
复制代码
2.4、持久层

  1.     /**
  2.      * 查询所有员工信息
  3.      * @return
  4.      */
  5.     List<Employee> getAllEmployee();
复制代码
  1.    
  2.     <select id="getAllEmployee" resultType="Employee">
  3.         select * from t_emp
  4.     </select>
复制代码
2.5、业务层

  1.     /**
  2.      * 查询所有员工信息
  3.      * @return
  4.      */
  5.     List<Employee> getAllEmployee();
复制代码
  1.     @Autowired
  2.     EmployeeMapper employeeMapper;
  4.     public List<Employee> getAllEmployee() {
  5.         return employeeMapper.getAllEmployee();
  6.     }
复制代码
2.6、控制层

  1.     @Autowired
  2.     EmployeeService employeeService;
  4.     @GetMapping("/employee")
  5.     public String getAllEmployee(Model model){
  6.         // 查询所有员工信息
  7.         List<Employee> employees = employeeService.getAllEmployee();
  8.         //将员工信息共享到请求域
  9.         model.addAttribute("employees",employees);
  10.         //跳转到员工列表页面employee_list.html
  11.         return "employee_list";
  12.     }
复制代码
2.7、页面视图

  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>员工列表</title>
  6. </head>
  7. <body>
  9. <table border="10">
  10.     <tr>
  11.         
  12.         <th colspan="7">员工列表</th>
  13.     </tr>
  14.     <tr>
  15.         <th>序号</th>
  16.         <th>员工id</th>
  17.         <th>员工姓名</th>
  18.         <th>员工年龄</th>
  19.         <th>员工性别</th>
  20.         <th>员工邮箱</th>
  21.         <th>操作(<a target="_blank" href="https://www.cnblogs.com/">添加员工</a>)</th>
  22.     </tr>
  23.    
  24.    
  25.     <tr th:each="employee,status : ${employees}">
  26.         
  27.         <td th:text="${status.count}"></td>
  28.         <td th:text="${employee.empId}"></td>
  29.         <td th:text="${employee.empName}"></td>
  30.         <td th:text="${employee.age}"></td>
  31.         <td th:text="${employee.sex}"></td>
  32.         <td th:text="${employee.email}"></td>
  33.         <td>
  34.             <a target="_blank" href="https://www.cnblogs.com/">修改员工</a>
  35.             <a target="_blank" href="https://www.cnblogs.com/">删除员工</a>
  36.         </td>
  37.     </tr>
  38. </table>
  40. </body>
  41. </html>
复制代码
2.8、添加访问入口

  1. <a th:target="_blank" href="https://www.cnblogs.com/@{/employee}">查询所有员工信息</a>
复制代码
2.9、测试效果



3、分页优化

3.1、业务层

  1.     /**
  2.      * 分页查询所有员工信息
  3.      * @param pageNum
  4.      * @return
  5.      */
  6.     PageInfo<Employee> getAllEmployeeWithPage(Integer pageNum,Integer pageSize);
复制代码
  1.     public PageInfo<Employee> getAllEmployeeWithPage(Integer pageNum,Integer pageSize) {
  3.         // 在查询之前，开启分页功能，并设置当前页的页码和每页的数据条数
  4.         PageHelper.startPage(pageNum,pageSize);
  6.         // 查询所有的员工信息（）
  7.         // 分页插件会在查询前先进行拦截，添加相关的sql分页代码后（因此在mapper映射文件编写的sql不能使用分号结束），再放行
  8.         List<Employee> employees = employeeMapper.getAllEmployee();
  10.         // 根据分页数据（employees）和分页导航的页码数（navigatePages），创建分页数据对象
  11.         PageInfo<Employee> employeePageInfo = new PageInfo<Employee>(employees, 5);
  13.         return employeePageInfo;
  14.     }
复制代码
3.2、控制层

  1.     @GetMapping(value = {"/employee/page/{pageNum}","/employee/page/{pageNum}/{pageSize}"})
  2.     public String getAllEmployeeWithPage(Model model,
  3.                                          @PathVariable("pageNum") Integer pageNum,
  4.                                          @PathVariable(value = "pageSize",required = false) Integer pageSize){
  5.         // 判断请求中是否有设置每页的数据条数，没有的话就给一个默认值
  6.         if (pageSize == null){
  7.             pageSize = 4;
  8.         }
  9.         // 根据当前页的页码，分页查询所有员工信息
  10.         PageInfo<Employee> employeePageInfo = employeeService.getAllEmployeeWithPage(pageNum,pageSize);
  11.         //将分页数据共享到请求域
  12.         model.addAttribute("employeePageInfo",employeePageInfo);
  13.         //跳转到员工列表分页的页面employee_page.html
  14.         return "employee_page";
  15.     }
复制代码
3.3、页面视图


关于分页数据对象的属性细节，请参考12.3.3.1节
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>员工列表</title>
  6. </head>
  7. <body>
  9. <table border="10">
  10.     <tr>
  11.         
  12.         <th colspan="7">员工列表</th>
  13.     </tr>
  14.     <tr>
  15.         <th>序号</th>
  16.         <th>员工id</th>
  17.         <th>员工姓名</th>
  18.         <th>员工年龄</th>
  19.         <th>员工性别</th>
  20.         <th>员工邮箱</th>
  21.         <th>操作(<a target="_blank" href="https://www.cnblogs.com/">添加员工</a>)</th>
  22.     </tr>
  23.    
  24.    
  25.     <tr th:each="employee,status : ${employees}">
  26.         
  27.         <td th:text="${status.count}"></td>
  28.         <td th:text="${employee.empId}"></td>
  29.         <td th:text="${employee.empName}"></td>
  30.         <td th:text="${employee.age}"></td>
  31.         <td th:text="${employee.sex}"></td>
  32.         <td th:text="${employee.email}"></td>
  33.         <td>
  34.             <a target="_blank" href="https://www.cnblogs.com/">修改员工</a>
  35.             <a target="_blank" href="https://www.cnblogs.com/">删除员工</a>
  36.         </td>
  37.     </tr>
  38. </table>
  40. </body>
  41. </html>        [url=https://www.cnblogs.com/@{/employee/page/1}]首页[/url]    [url=https://www.cnblogs.com/@{]上一页[/url]                                                    [url=https://www.cnblogs.com/@{]下一页[/url]    [url=https://www.cnblogs.com/@{]末页[/url]
复制代码
3.4、添加访问入口

  1. <a th:target="_blank" href="https://www.cnblogs.com/@{/employee/page/1}">分页查询所有员工信息</a>
复制代码
3.5、测试效果



如上图所示，当前页为第一页，所以在分页导航中没有“首页”和“上一页”，对应的页码带有中括号且标红

如上图所示，当前页为第二页，所以在分页导航中有“首页”和“上一页”，对应的页码带有中括号且标红

如上图所示，当前页为最后一页，所以在分页导航中没有“下一页”和“末页”，对应的页码带有中括号且标红

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

北冰洋以北

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

存储 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表