用bootstrap框架时的分页如何实现

现在想在前台页面用bootstrap实现分页功能,但是bootstrap用的不熟练,大神们有没有bootstrap分页功能实现的代码或者是给我指导指导,拜托了!

5个回答

使用datatables进行分页。相关的示例在其官网有。https://datatables.net/extensions/responsive/examples/styling/bootstrap.html

bootstrap table 有自己的分页

是要在前端页面用js分页吗,我在一个项目中做过一个分页的,你看看,最底下有一个分页功能,要的话留言联系我。上面那个链接把后面子包括了,尴尬,所以重新回答一下:
http://1.wallwoyou.applinzi.com/flower.html

tianguozhiya
去你大爷的昵称已存在 要的就是这个样的分页,能给下代码么 谢谢
大约 3 年之前 回复
tianguozhiya
去你大爷的昵称已存在 要的就是这个样的分页,能给下代码么 谢谢
大约 3 年之前 回复

可以,不过我的有关后台部分。我给部分核心代码吧.如果要详细的,再发个邮箱给我。js:

 //分页函数
$(function(){
  loadProductByPage(1);
});
function loadProductByPage(pagerNum) {
    $.ajax({
        type: 'GET',
        url: 'data/flowerlist.php?pageNum='+pagerNum,
        success: function(pager) {
            var html = "";
            $.each(pager.data, function(i, product) {
                html+=`<div class="col-xs-12 col-sm-6 col-md-3" >
                        <div class="flist text-center">
                            <div class="cover"></div>
                            <div class="fimg text-center">
                                <a href="#"><img src="${product.furl}" class="img-responsive"></a>
                            </div>
                            <div class="fname">${product.fname}</div>
                            <div class="ftext">${product.ftext}</div>
                            <div class="fprice">¥${product.fprice}</div>

                        </div>
                    </div>`;

            }); 


php代码:

<?php 
header('Content-Type:application/json;charset=utf-8');
$pageNum=$_REQUEST['pageNum'];


$pager=[
'recordCount'=>0,
'pageSize'=>12,
'pageCount'=>0,
'pageNum'=>intval($pageNum),
'data'=>null
];
include('config.php');
$conn=mysqli_connect($db_url,$db_user,$db_pwd,$db_name,$db_port);
$sql="SET NAMES UTF8";
mysqli_query($conn,$sql);
$sql="SELECT COUNT(*) FROM dlh_flower";
$result=mysqli_query($conn,$sql);
$row=mysqli_fetch_assoc($result);
$pager['recordCount']=intval($row['COUNT(*)']);
$pager['pageCount']=ceil(($pager['recordCount'])/($pager['pageSize']));

//sql3获取当前页中的数据
$start=($pager['pageNum']-1)*$pager['pageSize'];
$count=$pager['pageSize'];
$sql="SELECT * FROM dlh_flower LIMIT $start,$count";
$result=mysqli_query($conn,$sql);
$pager['data']=mysqli_fetch_all($result,MYSQLI_ASSOC);
echo json_encode($pager);



或者你把你要做的部分还有要求发给我,我看看。

tianguozhiya
去你大爷的昵称已存在 分页的总数我是后台封装好的
大约 3 年之前 回复
tianguozhiya
去你大爷的昵称已存在 我是在jsp页面搞的,就是简单的将查询出来的学校做分页显示,要求就这个。有详细的html和js的话麻烦给我下,谢谢,2309191922@qq.com
大约 3 年之前 回复

好的,js应该是在flowerlist.js文件里面。已发

tianguozhiya
去你大爷的昵称已存在 非常感谢 请问在后台你是怎么处理数据的,刚百度了下,说是bootstrap在服务器端做分页处理的时候total和rows是必传值,这个具体代表了什么,在后台怎么处理
大约 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问