springMVC+easyui中的datagrid分页

前言:在以前用servlet+JSP做小型管理系统时,数据表格分页的代码编写往往都要花费一些时间,这次学习了Spring+springMVC+Mybatis,熟悉了一下前端框架easyUI的用法之后,数据分页的代码编写已经变得十分简洁高效了。

1.datagird插件的介绍

datagrid是easyUI中使用比重最大的插件,它与远程数据交互详情是这样的:
在第一次加载或页码/单页容量发生变化的时候,会向它的url属性提交一次post请求,并包含了两个参数:page(当前页码),rows(单页容量。并会解析响应体(responseBody)中json数据:total:数据总条数,rows,具体数据(list类型)

2.基本思路

有了框架知识的基础及对该插件的基本了解,思路就变的非常清晰了:在控制层我们接受datagrid请求的参数,交给持久层通过limit子句和count(*)查询数据库获取rows和total返回到页面,如果是servlet开发的话写几条代码就行了,现在我们使用web框架的话就在其基础上写出优雅的代码。

3.代码详情

首先创建接收datagrid的一个Vo(ViewObject)类:
public class BaseVo {
	private int page;
	private int rows;

	public int getIndex() {
		return (page - 1) * rows;
	}

	public int getPage() {
		return page;
	}

	public void setPage(int page) {
		this.page = page;
	}

	public int getRows() {
		return rows;
	}

	public void setRows(int rows) {
		this.rows = rows;
	}
}
getIndex为处理所需数据的起始索引,你可以用更具体的PO类去继承它实现分页,之后我们为分页:
public class CustomResult {
	private int total;
	private List rows;

	public int getTotal() {
		return total;
	}

	public void setTotal(int total) {
		this.total = total;
	}

	public List getRows() {
		return rows;
	}

	public void setRows(List dataList) {
		this.rows = dataList;
	}
}
使用泛型可以在创建Result对象指定类型,这样的对所有被分页的PO都适用。

4.其他代码

控制层代码:
@Controller
public class ProjectController {
	@Autowired
	private ProjectService projectService;

	@RequestMapping("/findProject")
	@ResponseBody
	public CustomResult findProject(ProjectVo projectVo) {
		return projectService.findProject(projectVo);
	}
}
业务层代码:
public class ProjectServiceImpl implements ProjectService {
	@Autowired
	private ProjectMapper projectMapper;

	@Override
	public CustomResult findProject(ProjectVo projectVo) {
		CustomResult customResult = new CustomResult<>();
		customResult.setRows(projectMapper.findProject(projectVo));
		customResult.setTotal(projectMapper.getSum());
		return customResult;
	}
}


你可能感兴趣的:(springMVC+easyui中的datagrid分页)