Java中如何实现分页功能

本文介绍使用jquery.pagination插件配合SpringMVC实现前后端分离的分页功能,包括插件引入、函数编写及回调函数的实现过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

华清远见成都中心 2017-10-11 14:48

内容多了,我们就会想要去做分页,既能提升用户体验,又减少页面体积,提升加载速度。那么Java中怎么实现分页功能呢?今天华清Java学院就和大家分享一下Java中如何实现分页功能

Java实现分页功能的具体思路:

这里先说下Java实现分页的具体思路,主要就是利用了jquery.pagination这个插件,这个插件的原理就是你只要给他一个必选的总条数参数,然后在回调函数去操作数据就可以了,后台只需要返回数据即可。

Java实现分页功能的具体案例:

开发框架:后台springMVC,前端jquery,jquery.pagination, bootstrap。

①效果图:

Java中如何实现分页功能

这里只说关于分页的内容,第一步当然是引入jquery.pagination, bootstrap的地址

Java中如何实现分页功能

这里pagination的js文件我是下载到了本地

②编写函数:

$('#Pagination').pagination(${total},

{

num_edge_entries: 2,

num_display_entries: 4,

callback: PageCallback,

items_per_page:2,

prev_text:'上一页',

next_text:'下一页'

}

total是后台取的数据总条数

③编写回调函数

Java中如何实现分页功能

这里回调函数的作用是发送ajax请求取得后台数据,用jquery显示在表格里面

后台代码:

@RequestMapping(value="/fenye2",method = RequestMethod.POST, produces = "text/html;charset=UTF-8")

public void fenYe2(int yehao,String key,HttpServletResponse resp, Model m){

List<Student> list=studentService.fen(yehao*2, key);

int total=list.size();

m.addAttribute("total",total);

JsonArray jsonArray=new JsonArray();

for (int i = 0; i < list.size(); i++) {

JsonObject jsonObject=new JsonObject();

jsonObject.addProperty("id", list.get(i).getId());

jsonObject.addProperty("name", list.get(i).getName());

jsonObject.addProperty("sex", list.get(i).isSex());

jsonObject.addProperty("age", list.get(i).getAge());

jsonObject.addProperty("teacher", list.get(i).getTeacher().getName());

jsonArray.add(jsonObject);

}

try {

resp.getWriter().write(jsonArray.toString());

} catch (IOException e) {

e.printStackTrace();

}

}

前台代码

Java中如何实现分页功能

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值