bootstrap table+spring boot + mybatis实现分页加载

前端bootstrap table,后端spring boot + mybatis实现分页加载。 效果如下

bootstrap table+spring boot + mybatis实现分页加载_第1张图片

数据库数据配置

 Navicat Premium Data Transfer

 Source Server         : localhost
 Source Server Type    : MySQL
 Source Server Version : 80012
 Source Host           : localhost:3306
 Source Schema         : test

 Target Server Type    : MySQL
 Target Server Version : 80012
 File Encoding         : 65001

 Date: 28/02/2019 11:47:17
*/

SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;

-- ----------------------------
-- Table structure for T_ROLE
-- ----------------------------
DROP TABLE IF EXISTS `T_ROLE`;
CREATE TABLE `T_ROLE` (
  `ROLE_ID` int(11) NOT NULL,
  `ROLE_NAME` varchar(100) NOT NULL,
  `REMARK` varchar(100) DEFAULT NULL,
  `CREATE_TIME` date NOT NULL,
  `MODIFY_TIME` date DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of T_ROLE
-- ----------------------------
BEGIN;
INSERT INTO `T_ROLE` VALUES (23, '用户管理员', '负责用户的增删改操作', '2018-01-09', NULL);
INSERT INTO `T_ROLE` VALUES (1, '管理员', '管理员', '2017-12-27', '2018-02-24');
INSERT INTO `T_ROLE` VALUES (2, '测试账号', '测试账号', '2017-12-27', '2018-01-23');
INSERT INTO `T_ROLE` VALUES (3, '注册账户', '注册账户,只可查看,不可操作', '2017-12-29', '2018-02-24');
INSERT INTO `T_ROLE` VALUES (24, '系统监控员', '可查看系统监控信息,但不可操作', '2018-01-09', '2018-03-07');
INSERT INTO `T_ROLE` VALUES (25, '用户查看', '查看用户,无相应操作权限', '2018-01-09', NULL);
INSERT INTO `T_ROLE` VALUES (63, '影院工作者', '可查看影视信息', '2018-02-06', '2018-03-07');
INSERT INTO `T_ROLE` VALUES (64, '天气预报员', '可查看天气预报信息', '2018-02-27', NULL);
INSERT INTO `T_ROLE` VALUES (65, '文章审核', '文章类', '2018-02-27', '2018-03-13');
COMMIT;

SET FOREIGN_KEY_CHECKS = 1;

后端框架配置

相关maven

   
        
            org.springframework.boot
            spring-boot-starter
        
        
            org.springframework.boot
            spring-boot-starter-test
            test
        
        
            org.springframework.boot
            spring-boot-starter-web
        
        
            org.mybatis.spring.boot
            mybatis-spring-boot-starter
            1.3.2
        
        
        
            org.springframework.boot
            spring-boot-starter-thymeleaf
        

        
            mysql
            mysql-connector-java
            runtime
        

        
            com.github.pagehelper
            pagehelper-spring-boot-starter
            1.2.3
        
    

H5页面

由于使用thymeleaf所以在resources文件下创建templates文件加用于放置H5页面




    
    人员信息

    

    
    
    

    

    
    



角色:

该页面先引入bootstrap依赖,然后引入bootstrap-table依赖。里使用

完成页面的布局。

bootstrap table+spring boot + mybatis实现分页加载_第2张图片

下载源码

你可能感兴趣的:(java,Spring,boot)