前些天按照视频里讲的做一个分页功能，可是不知道什么缘故原由在页面便是不显示数据。昨天恰巧创造了一个分页插件，只需一些设置就可以完身分页，非常方便。不过由于是新手，个中碰着了很多很多麻烦，不过幸好得到大神的帮助，终极完成了功能，非常感谢他十分耐心地帮我，给你一个么么哒(づ￣ 3￣)づ
没想到做一个小小的分页功能也有这么多的不懂的地方，觉得要学的东西太多太多，加油努力学习吧~
然后按步骤给出各部分代码（其他无关代码和配置文件省略）
此处要导入两个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> <!--必须引入jQuery和easyUI库--> <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>
末了成果如下所示~
