服务器之家

服务器之家 > 正文

thinkphp实现分页显示功能

时间:2021-04-02 19:49     来源/作者:静深的成长笔记

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

thinkphp实现分页显示功能

indexcontroller.class.php代码如下

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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代码如下

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<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代码如下

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
/* 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 分页样式 */

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

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部