html + js 怎么显示后台传来的数据并且分页显示

要实现一个页面,从后台传来数据,如果数据太长就分页展示,用户可以点击下一页进行查看,要如何实现,说一下大概思路即可。

数据的数量以及总页数,一页显示多少条都是后端传过来的,只有点前端的话只能写死了,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
只要引入他们的库,我们就可以复制他们的代码进行使用了

判断数据长度,使用分段显示

分页一般是后端实现,前端只需要在发请求时指定页数就行。
所以你的逻辑也应该是后端判断,当请求没有指定页数时,后端会先查数据量,然后根据数据量决定返回全部数据后者指定数据

可以用ui库里的分页。也可以自己写一个分页。https://www.cnblogs.com/muamaker/p/7900496.html

分页的思路就是,截取数组,动态更换数据。需要有,当前页,每页多少条,和一个数据。点击下一页就是截取当前页每页多少条 开始截取 到 当前页每页多少条+每页多少条就是结束下标

给四个变量,一个数据总条数total,一个总数据allData,一个展示的数据data,一个当前页currentIndex,比如说你每页展示十条,currentIndex初始是0,写一个根据currentIndex值截取数据的方法,将截取的数据赋值给要展示的数据data,刚进来调一次,用户点击下一页,currentIndex++,再调一次,页数改变也要调,记住一定要用深拷贝,不然总数据就会被修改,导致数据不正确