要实现一个页面，从后台传来数据，如果数据太长就分页展示，用户可以点击下一页进行查看，要如何实现，说一下大概思路即可。
6条回答 默认 最新
CSDN专家-微编程 2021-07-27 14:13关注数据的数量以及总页数，一页显示多少条都是后端传过来的，只有点前端的话只能写死了，js里面编写计算页数方法，总页数/一页显示多少条，判断最后一页够不够一页显示条数，不够的话也算一页+1，刚好的话就不在+1，
很多前端UI框架都有分页，省得我们再去编写复杂计算，显示逻辑等等，直接拿来调用即可
例如前端的layui框架
https://www.layui.com/doc/modules/laypage.html
https://www.layui.com/doc/modules/table.html
vue的ElementUI框架
https://element.eleme.io/#/zh-CN/component/pagination
只要引入他们的库，我们就可以复制他们的代码进行使用了评论 打赏解决 1无用举报
分享
- 2020-10-15 06:18后台分页的基本思路是在服务器端进行数据处理，根据前端传来的页码和每页大小来决定 SQL 查询的数据范围。这样可以显著减少数据传输量，提高页面加载速度。在本示例中，使用了 `pageNumber` 表示当前页码，`...
- 2020-12-08 22:55在开发Web应用时，将ASP.NET后台数据传递到前端JavaScript进行解析是一种常见的需求。这个过程涉及到数据序列化、网络通信以及客户端数据处理等多个环节。本文将详细讲解如何使用jQuery与ASP.NET结合，实现后台数据...
- 2021-01-08 16:07ASP.NET MVC 和 Layui 框架结合使用可以轻松实现数据分页功能，这对于构建高效、易维护的后台管理系统尤其重要。Layui 是一款现代前端框架，它提供了丰富的组件和模块，使得开发者无需深入了解前端技术也能快速构建...
- 2020-12-12 09:13只怪自己不会写java，最近做一个项目，负责前端，后台传来数据不分页，前端收到所有数据后自己分页。我尽是无语。 正好最近在看vue.js。这个页面就用它来实现吧。顺便总结下。 排序从下图中可以看出来，只是字符串的...
- 2023-03-29 14:48零度的脚步的博客 mybatis分页数据，前端如何使用javaScript实现展示和分页查询
- 2021-03-15 03:38千1100的博客 Thymeleaf在后台获取数据在前台显示以及 JavaScript根据获取的数据进行分页初始化后台也设计了分页后台分页:通过pagehelper插件实现后台数据库分页在2019.3.19中有具体描述Pagehelper先正常的通过mybatis的mapper...
- 2018-05-19 18:31灰太狼_cxh的博客 在做分享圈项目后台时，用的是layui提供...看官方文档api：数据表格 实现数据显示，分页功能。 1.前端页面： 要导入layui的layui.css和layui.js <link rel="stylesheet" href="&l...
- 阿诬123的博客 1.首先引入jquery2.在引入paging.css和paging.js 这2个我存在...根据后台接口获取数据的总条数，由于我是tab切换。每个tab都需要分页,所以我把分页的函数提成一个公共的函数var records = category.varient.recor...
- 2020-12-09 19:52只怪自己不会写java，最近做一个项目，负责前端，后台传来数据不分页，前端收到所有数据后自己分页。我尽是无语。 正好最近在看vue.js。这个页面就用它来实现吧。顺便总结下。 效果图： 语法： 数据绑定 {{…}}...
- 2020-12-14 16:16wo42ge的博客 先上代码 前端html <...前端js <script src="../layui/layui.js" charset="utf-8"></script> 前端layui layui.use('table', function(){ var table = layui.table; $=layui.jquery;
- 没有解决我的问题, 去提问
问题事件
创建了问题
7月27日