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;
}