网页数据显示条数改变(无序列表仿下拉菜单)

本文介绍如何在ThinkPHP框架中实现动态分页显示功能,通过设置每页显示的记录数并允许用户选择不同的数量。同时展示了如何通过HTML和CSS进行简单的样式定制。

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

index.html

<!--头部要引用bootstrap相关文件哦-->

<style type="text/css">

a{ color:black; text-decoration:none;}
a:hover{ color:#2e2d3d; text-decoration:none;}

#showBox b{ float:left;}

</style>

 <div id="showBox"><b>显示条数:</b>
            <div class="btn-group">
            <button type="button" class="btn btn-default">显示{$num}条</button>
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
                 <li><a href="{:U('Examinee/index?num=10')}">10</a></li>
                 <li><a href="{:U('Examinee/index?num=15')}">15</a></li>
                 <li><a href="{:U('Examinee/index?num=20')}">20</a></li>
                 <li><a href="{:U('Examinee/index?num=25')}">25</a></li>
                 <li><a href="{:U('Examinee/index?num=30')}">30</a></li>
            </ul>
          </div>
      </div>      


后台action中(我用的thinkphp)

public function index(){

        if($num=I("num")){ //接收每页显示信息条数
           $num=I("num");                 
        }else{
           $num=10;  //页面一开始只加载10条数据 
        }

        /*以下就是thinkphp的分页查询啦,可以自己看文档哦:),http://document.thinkphp.cn/manual_3_2.html#data_page        

       将文档中显示中这一行的25替换成变量$num就可以使用啦

    $Page       = new \Think\Page($count,25);// 实例化分页类 传入总记录数和每页显示的记录数(25)
    */       

}




         

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值