EasyUI整合SpringBoot,Spring Data对数据的分页操作

EasyUI的用法可以看中文官网,看插件是如何使用的

EasyUI中文官网

 

前端页面

<table id="dg" title="My Users" class="easyui-datagrid" style="width:700px;height:450px"
       url="findall" data-options="fit:true"
       toolbar="#toolbar" pagination="true"
       rownumbers="false" fitColumns="true" singleSelect="true">
    <thead>
    <tr>
        <th field="uid" width="350px">用户ID</th>
        <th field="name" width="350px">用户名</th>
        <th field="password" width="350px">用户密码</th>

    </tr>
    </thead>
</table>

 

分页的请求数据有俩个

    private List<T> rows;//每页有多少条数据

    private Long total;//所有数据的统计

 

先看俩个实体类

com.bjsxt.pojo.Users

package com.bjsxt.pojo;

import lombok.Data;

import javax.persistence.*;
import java.io.Serializable;

@Table(name = "t_user")
@Entity
@Data
public class Users implements Serializable {

    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    @Column(name = "uid")
    private int uid;

    @Column(name = "name")
    private String name;

    @Column(name = "password")
    private String password;

    public Users(){}
    public Users(String name, String password) {
        this.name = name;
        this.password = password;
    }
}

 

com.bjsxt.pojo.Page

package com.bjsxt.pojo;

import lombok.Data;

import java.io.Serializable;
import java.util.List;

@Data
public class Page<T> implements Serializable {

    private List<T> rows;//每页有多少条数据

    private Long total;//所有数据的统计

    public Page() {
    }

    public Page(List<T> rows, Long total) {
        this.rows = rows;
        this.total = total;
    }
}

 

com.bjsxt.dao.UserDao

 /**
     * 处理分页操作
     * @param page
     * @param size
     * @return
     */
    @Query(value = "select * from t_user limit ?,?",nativeQuery = true)
    public List<Users> findAll(int page,int size);

    /**
     * 统计操作
     * @return
     */
    @Query(value = "select count(*) from t_user ",nativeQuery = true)
    public Long findUser();

 

com.bjsxt.service.UserService

package com.bjsxt.service;

import com.bjsxt.pojo.Page;
import com.bjsxt.pojo.Users;

import java.util.List;

public interface UserService {

    /**
     * 登录业务
     * @param name
     * @param password
     * @return
     */
    public List<Users> selectOne(String name,String password);

    /**
     * 分页处理
     * @param page
     * @param size
     * @return
     */
    public Page<Users> findAll(int page, int size);

    /**
     * 添加用户
     * @param users
     */
    public int addUser(Users users);

    /**
     * 更新用户
     * @param users
     * @return
     */
    public int updateUser(Users users);

    /**
     * 删除指定用户
     * @param uid
     * @return
     */
    public int removeUser(int uid);
}

 

com.bjsxt.service.impl.UserServiceImpl

 /**
     * 处理分页
     * @param page
     * @param size
     * @return
     */
    @Override
    public Page<Users> findAll(int page, int size) {
        int start=(page-1)*size;
        List<Users> users = userDao.findAll(start, size);
        Long count = userDao.findUser();
        Page<Users> page1=new Page<>(users,count);
        return page1;
    }

在这里我们是真正的处理业务逻辑,将page,size转化成我们前端所需要接受的数据

 

com.bjsxt.controller.UserController

    /**
     * 分页查询所有
     * @param page
     * @param rows
     * @return
     */
    @RequestMapping("/findall")
    @ResponseBody
    public Page<Users> findAll(int page,int rows){
        Page<Users> usAll = us.findAll(page, rows);
        return usAll;
    }

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值