jsp表格分页插件分享血和泪的结果应用PageHelper分页插件进行后台分页

前些天按照视频里讲的做一个分页功能，可是不知道什么缘故原由在页面便是不显示数据。
昨天恰巧创造了一个分页插件，只需一些设置就可以完身分页，非常方便。
不过由于是新手，个中碰着了很多很多麻烦，不过幸好得到大神的帮助，终极完成了功能，非常感谢他十分耐心地帮我，给你一个么么哒(づ￣ 3￣)づ

没想到做一个小小的分页功能也有这么多的不懂的地方，觉得要学的东西太多太多，加油努力学习吧~

然后按步骤给出各部分代码（其他无关代码和配置文件省略）

jsp表格分页插件分享血和泪的结果应用PageHelper分页插件进行后台分页 PHP

一、SqlMapConfig.xml

此处要导入两个jar包：pagehelper-5.0.0.jar和jsqlparser-0.9.5.jar

<plugins> <plugin interceptor=\"大众com.github.pagehelper.PageHelper\公众>  <property name=\"大众dialect\"大众 value=\"大众mysql\"大众/> </plugin></plugins>二、po

Country.java

public class Country { private Integer id; private String countryname; private String countrycode; public Integer getId() { return id; } public void setId(Integer id) { this.id = id; } public String getCountryname() { return countryname; } public void setCountryname(String countryname) { this.countryname = countryname == null ? null : countryname.trim(); } public String getCountrycode() { return countrycode; } public void setCountrycode(String countrycode) { this.countrycode = countrycode == null ? null : countrycode.trim(); } @Override public String toString() { // return (this.getId()+\公众 \"大众+this.getCountryname()+\"大众 \"大众+this.getCountrycode()); return \"大众Country [id=\公众 + id +\"大众, countryname=\"大众 + countryname + \公众, countrycode=\公众 + countrycode + \"大众]\"大众; }}

EasyUIDataGridResult.java

public class EasyUIDataGridResult { // easyUI dataGrid 返回结果封装 Long total; // 总的记录数 List<?> rows; // 数据集 public Long getTotal() { return total; } public void setTotal(Long total) { this.total = total; } public List<?> getRows() { return rows; } public void setRows(List<?> rows) { this.rows = rows; }}三、service

CountryService.java

public interface CountryService { public EasyUIDataGridResult getCountryList(int page, int rows);}

CountryServiceImpl.java

@Servicepublic class CountryServiceImpl implements CountryService{ @Autowired private CountryMapper countryMapper; public EasyUIDataGridResult getCountryList(int page, int rows) { //分页处理 PageHelper.startPage(page, rows); //查询结果 CountryExample example = new CountryExample(); List<Country> list = countryMapper.selectByExample(example); //获取分页信息 PageInfo<Country> info = new PageInfo<>(list); EasyUIDataGridResult result = new EasyUIDataGridResult(); long total = info.getTotal(); //封装分页信息 List<Country> row = info.getList(); result.setRows(row); result.setTotal(total); return result; }}四、controller

CountryController.java

@Controllerpublic class CountryController { @Autowired private CountryService countryService; @RequestMapping(\"大众/country/list\公众) @ResponseBody private EasyUIDataGridResult getItemList(Integer page, Integer rows){ EasyUIDataGridResult countrylists = countryService.getCountryList(page,rows); return countrylists; }}五、springmvc.xml

在原来的根本上增加json convertors，以便将List凑集转换成json工具，可以利用fastjson或者jackson库，二者择其一就好

把稳Jar的版本，我选择的是jackson-core-2.8.7.jar jackson-databind-2.8.7.jar jackson-annotations-2.8.7.jar，三者缺一不可，而且不同的版本可能会导致一些非常

<mvc:annotation-driven> <mvc:message-converters> <bean class=\"大众org.springframework.http.converter.StringHttpMessageConverter\"大众/> <bean class=\公众org.springframework.http.converter.json.MappingJackson2HttpMessageConverter\"大众/> </mvc:message-converters></mvc:annotation-driven>六、jsp

countryList.jsp

<%@ page contentType=\公众text/html;charset=UTF-8\公众 language=\"大众java\公众 pageEncoding=\"大众UTF-8\"大众 %><html> <head> <title>列表分页展示</title>  <link rel=\"大众stylesheet\"大众 type=\"大众text/css\公众 href=\"大众../js/jquery-easyui-1.4.1/themes/default/easyui.css\"大众 /> <link rel=\公众stylesheet\"大众 type=\公众text/css\"大众 href=\公众../js/jquery-easyui-1.4.1/themes/icon.css\公众 /> <link rel=\公众stylesheet\公众 type=\"大众text/css\"大众 href=\公众../css/taotao.css\公众 /> <script type=\"大众text/javascript\公众 src=\"大众../js/jquery-easyui-1.4.1/jquery.min.js\公众></script> <script type=\"大众text/javascript\"大众 src=\公众../js/jquery-easyui-1.4.1/jquery.easyui.min.js\"大众></script> <script type=\公众text/javascript\公众 src=\"大众../js/jquery-easyui-1.4.1/locale/easyui-lang-zh_CN.js\"大众></script> <script type=\"大众text/javascript\"大众 src=\"大众../js/common.js\"大众></script> </head> <body> <table id=\"大众dg\"大众></table> </body> <script> $(document).ready(function () { $('#dg').datagrid({ url:'/country/list', pagination: true, columns:[[ {field:'id',title:'id',width:100}, {field:'countryname',title:'国家名称',width:100,align:'center'}, {field:'countrycode',title:'国家代码',width:100,align:'center'} ]] }); }); </script></html>

末了成果如下所示~