本经验为Thinkphp分页样式修改,整合bootstrap,当然,理解了方法后,想怎么改都行,第一次发经验,言不达意,错误及不足之处,希望得到建议,如果有疑问可私信
工具/原料
1
ThinkPHP 3.2
2
bootstrap 3
方法/步骤
1
首页预览一下效果,如图!
2url($up_row) . ''>' . $this->config['prev'] . ' ' : ''; //下一页 $down_row = $this->nowPage + 1; $down_page = ($down_row <= $this->totalPages) ? 'url($down_row) . ''>' . $this->config['next'] . ' ' : ''; //第一页 $the_first = ''; if($this->totalPages > $this->rollPage && ($this->nowPage - $now_cool_page) >= 1){ $the_first = 'url(1) . ''>' . $this->config['first'] . ' '; } //最后一页 $the_end = ''; if($this->totalPages > $this->rollPage && ($this->nowPage + $now_cool_page) < $this->totalPages){ $the_end = 'url($this->totalPages) . ''>' . $this->config['last'] . ' '; } //中间连接页 $link_page .= 'url($page) . ''>' . $page . ' '; //当前面页 $link_page .= '' . $page . ' '; //最后修改return,去掉div标签,变成 return '{$page_str}';
编辑Thinkphp/library/page.class.php文件,在分页的的html标签明,外包一个li元素,如//上一页$up_row = $this->nowPage - 1;$up_page = $up_row > 0 ? 'url($up_row) . ''>' . $this->config['prev'] . '' : '';修改为 $up_row = $this->nowPage - 1; $up_page = $up_row > 0 ? '
3
为了page.class.php能适应更多的样式,所以page.class.php里面的html标签只外套一个li元素,当你不想用bootstrap,page.class.php文件不用再更改
4当前%NOW_PAGE%/%TOTAL_PAGE% %FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END%' ); $show = $Page->show();// 分页显示输出// 进行分页数据查询 注意limit方法的参数要使用Page类的属性 $list = $User->where('pid>0')->order('id')->limit($Page->firstRow.','.$Page->listRows)->select(); // print_r($list); $this->assign('list',$list);// 赋值数据集 $this->assign('page',$show);// 赋值分页输出 $this->display(); // 输出模板
$User = M('xxxxxxx'); // 实例化User对象 $count= $User->count();// 查询满足要求的总记录数 $Page = new \Think\Page($count,25);// 实例化分页类 传入总记录数和每页显示的记录数(25)//$Page->setConfig()设置样式 $Page->setConfig('prev', '
');//上一页 $Page->setConfig('next', ' ');//下一页 $Page->setConfig('first', ' ');//第一页 $Page->setConfig('last', ' ');//最后一页//$Page->setConfig('theme','');设置你想显示的按钮,%XXXX%含义参照图示 $Page->setConfig ( 'theme', '5
最后,是在模板调用分页,模板引入bootstrap.min.css{$page}表示引用分页,把 {$page}放到
- {$page}
注意事项
public $lastSuffix = false; // 最后一页是否显示总页数
上一篇:Java jdk安装与环境配置