DDR爱好者之家 Design By 杰米

先上效果图,突然发现和B站上一样

thinkphp实现分页显示功能

IndexController.class.php代码如下

public function index(){
    $m=M('Info');    
    $count = $m->where($where)->count();
    $pageCount = 10;//每页显示数量
    $page = new \Think\Page($count , $pageCount);
    $page->parameter = $row; //此处的row是数组,为了传递查询条件
    $page->setConfig('header','条留言');
    $page->setConfig('first','首页');
    $page->setConfig('prev','上一页');
    $page->setConfig('next','下一页');
    $page->setConfig('last','尾页');
    $page->setConfig('theme','%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%<div id="pageTips">第 '.I('p',1).' 页/共 %TOTAL_PAGE% 页 ( '.$pageCount.' 条/页 共 %TOTAL_ROW% 条信息)</div>');
    $show = $page->show();
    $list = $m->where($where)->order('id desc')->limit($page->firstRow.','.$page->listRows)->select();
    $this->assign('infoList',$list);
    $this->assign('show',$show);
    $this->display();  
  }

index.html代码如下

      <table class="table table-hover table-striped" id="table">
          <tr class="danger">
            <th>类别</th>
            <th>信息标题</th>
            <th>物品类型</th>
            <th>遗失/拾物时间</th>
            <th>遗失/拾物地点</th>
            <th >发布时间</th>
          </tr>
          <foreach name="infoList" item='vo'>

          <tr >
            <td>{$vo.info_type}</td>
            <td>{$vo.info_title}</td>
            <td>{$vo.thing_type}</td>
            <td>{$vo.info_time}</td>
            <td>{$vo.info_place}</td>
            <td>{$vo.create_time}</td>
          </tr>
          </foreach>
      </table>

       <div class="page">
          <ul>
            {$show}
          </ul>
      </div>

css代码如下

/* start 分页样式 */

.page{
  overflow:hidden;
  margin:50px 0 50px 100px;;
}

.page ul a,.page ul span{
  float:left;
  display:inline-block;
  padding: 0 17px;
  height:40px;
  width:auto;
  border:1px solid #DDDDDD;
  border-radius: 4px;
  background:#fff;
  text-align:center;
  line-height:40px;
  margin-right:10px;
  font-family: "microsoft yahei" simhei sans-serif;
  color:#7d7d7d;
}

.page ul a:hover{
  background:#337AB7;
  color:#fff;
  text-decoration:none;
}

.page ul span.current{
  background: #337AB7;
  color:#fff;
}


.page ul a:first,.page ul a:last{
  float:left;
  display:inline-block;
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgb(215, 215, 217);
  text-align:center;
  line-height:40px;
  margin-right:10px;
  font-family: "microsoft yahei" simhei sans-serif;
}

#pageTips {
  float:right;
}
/* end 分页样式 */

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。