CI 2.0 分页功能的完善 [css 已添加]

幽蓝冰魄

废话不说，直接进入正题。
CI 默认自带的分页类调用代码如下：
controller 部分

PHP复制代码

 
function index($num = '') {
        $this->load->library('pagination'); // 加载分页类
        $config['base_url'] = 'other/index/'; // 分页的基础 URL
        $config['total_rows'] = $this->M_other->count('front'); // 统计数量
        $config['per_page'] = 2; // 每页显示数量，为了能有更好的显示效果，我将该数值设置得较小
        $config['num_links'] = 3; // 当前连接前后显示页码个数
        $config['full_tag_open'] = '<div class="pagination">'; // 分页开始样式
        $config['full_tag_close'] = '</div>'; // 分页结束样式
        $config['first_link'] = '首页'; // 第一页显示
        $config['last_link'] = '末页'; // 最后一页显示
        $config['next_link'] = '下一页 >'; // 下一页显示
        $config['prev_link'] = '< 上一页'; // 上一页显示
        $config['cur_tag_open'] = ' <a class="current">'; // 当前页开始样式
        $config['cur_tag_close'] = '</a>'; // 当前页结束样式
        $this->pagination->initialize($config); // 配置分页
        $data['post'] = $this->M_other->get('front', $config['per_page'], $num); // 获取前分页数据
}
 

复制代码

view 部分

HTML复制代码

 
<?php echo $this->pagination->create_links(); ?>
 

复制代码

这样得到的结果如下：

这样给读者的感觉就是并不能直接知道这个分页有多少条记录和多少页。现在我们稍微修改一下代码：
controller 部分

PHP复制代码

 
function index($num = '') {
        $this->load->library('pagination'); // 加载分页类
        $config['base_url'] = 'other/index/'; // 分页的基础 URL
        $config['total_rows'] = $this->M_other->count('front'); // 统计数量
        $config['per_page'] = 2; // 每页显示数量，为了能有更好的显示效果，我将该数值设置得较小
        $config['num_links'] = 3; // 当前连接前后显示页码个数
        //$config['full_tag_open'] = ''; // 分页开始样式
        //$config['full_tag_close'] = ''; // 分页结束样式
        $config['first_link'] = '首页'; // 第一页显示
        $config['last_link'] = '末页'; // 最后一页显示
        $config['next_link'] = '下一页 >'; // 下一页显示
        $config['prev_link'] = '< 上一页'; // 上一页显示
        $config['cur_tag_open'] = ' <a class="current">'; // 当前页开始样式
        $config['cur_tag_close'] = '</a>'; // 当前页结束样式
        $this->pagination->initialize($config); // 配置分页
        $data['post'] = $this->M_other->get('front', $config['per_page'], $num); // 获取前分页数据
        $data['page'] = array(
                'total' => $config['total_rows'],
                'num' => $config['per_page'],
                'page' => (int) (($config['total_rows'] % $config['per_page'] === 0) ? ($config['total_rows'] / $config['per_page']) : ($config['total_rows'] / $config['per_page'] + 1)),
                'current' => ($num + 1) . '~' . ($num + $data['post']->num_rows)
        );
}
 

复制代码

view 部分

HTML复制代码

 
<div class="pagination">
每页 <b><?php echo $page['num']; ?></b> 条 / 当前 <b><?php echo $page['current']; ?></b> 条 / 计 <b><?php echo $page['page']; ?></b> 页 / 共 <b><?php echo $page['total']; ?></b> 条
<?php echo $this->pagination->create_links(); ?>
</div>
 

复制代码

这样到的结果如下：

如果对上面的输出效果修正一下样式和内容则会更加漂亮。
当然，还可以通过只传递一个参数或者修改 $config['full_tag_open'] 和 $config['full_tag_close'] 来实现。高人们甚至还可以扩展系统分页类来实现效果。
由于本人只是业余技术爱好者，这里就不再继续深入了。

jeongee

呵呵，你不发css，肯定有人要问你要的

rockey329

搭车做个广告～
没有写CSS，但还是挺灵活的～
http://www.codeigniter.org.cn/forums/thread-9319-1-1.html

幽蓝冰魄

jeongee 真是太有远见了。现在给大家补上 css，其实 MeMo Blog 完善之后我会公布整个前台代码的，自然包括 css 啦。

CSS复制代码

 
/*************** Pagination  for MeMo Blog ***************/
#page .pagination {border-top:1px solid #dfdfdf; padding-top: 10px; text-align: left; margin-bottom: 10px; font-size: 10px;}
.pagination a ,.pagination a.number {margin: 0 5px 0 0; padding: 3px 6px; border: 1px solid #d0d0d0;}
.pagination a:hover,.pagination a.current {border-color: #000 !important; color: #000 !important;}
 

复制代码

jeongee

幽蓝冰魄 发表于 2011-6-21 16:58
jeongee 真是太有远见了。现在给大家补上 css，其实 MeMo Blog 完善之后我会公布整个前台代码的，自然包括  ...

呵呵，你要知道有些同学是比较懒的

幽蓝冰魄

jeongee 发表于 2011-6-21 17:06
呵呵，你要知道有些同学是比较懒的

同感，同感。

visvoy

智齿一个，我是用{page}替换做的

Lancerevo8

学习了

jackbang

我也来看看，留个念想！

半个书生

PHP复制代码

$config['base_url'] = 'other/index/'; // 分页的基础 URL

复制代码

这个位置稍稍休整一下，在伪静态下才不会出错；
如下：

PHP复制代码

$config['base_url'] = '/other/index/'; // 分页的基础 URL

复制代码