数据库中数据量较大，想分页展示，但是看了bootstrap的好多教程都只给了html的，如何动态的使分页的数字变化等等都没有说。
我想实现的效果就是这样的：
可以点击之后进行变化的效果。但是现在不知道怎么写代码。查了好久也没有，bootstrap官网也没有相关的教程。
搜了好多之后看到一个思路貌似可行的方法，是用js生成html然后加载的，点击的时候重新加载想要加载的本页数据，下面的分页也重新写一遍HTML。
想问问有没有更好的方法，或者更为简洁的，如果没有的话只能用这种方法了。
谢谢各位！！！
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
7
491
收藏
所以说答主是想做出什么样的网页。
一般来说每个按钮就是一个链接，点击第二页就跳到另一个页面去了，动态变化也是看不见的了，只用把第二个页面的.ative类名设置好就行了，bootstrap给这种没用的功能干嘛。。
当然不用每个页面都写一个html，后端渲染或者ajax获得数据重新渲染就行了，不过我觉得不用说这么复杂的东西，答主连网页的理解都错了吧。
bootstrap只有样式，所以你要做的是根据后端返回的数据(做分页一般会返回给你当前页数，总数，每页显示多少)，按照bootstrap的结构来创建一个
ul，添加恰当的class即可。如果可以用angular直接用 ui bootstrap的分的 directive 可以直接用。而且很强大。
bootstrap仅仅只是提供了样式，但是我们知道分页是用来展示数据的，因此一定会设计到数据的交互。
而在数据比较多的时候，自然就会有分页展示的需求。
实现分页大概有两种方式。
一次ajax请求到所有的数据。假如请求到的是一个叫做res的数组/json，那么我们就需要一个函数来控制数据的展示，通过点击下面的按钮来改变页数pageIndex，来改变数据。
页码的改变由点击事件来控制，你可以取按钮元素的内容，也可以将页面保存在按钮元素data-index这样一个属性里。页面改变之后，运行showData刷新数据展示
另外一种就是点一个按钮，只请求一页的数据。通过向接口传递当前页码来获取对应的数据，这个时候控制页面展示的方法就会稍作改变
总的来说，虽然分页不是一个太难掌握的技术点，但是涉及到的知识点又比较多，一时半会儿估计也说不完，如果缺漏太多的话也很难理解。所以我就这样尽力回答吧。希望对你有帮助。
bootstrap只给了分页的样式，没有给分页的js，所以需要自己写或者找个插件，自己写也很简单的