应用bootstrap分页样式

goyuquan

CI里自带的分页是这个样子的

bootstrap分页样式是这样的


但直接应用是应用不了的，
因为CI的分页结构是这样的
<a></a><strong></strong><a></a>
bootstrap的分页结构是这样的
<ul class="pagination">  <li class="disabled"><a href="#">«</a></li>  <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>  ...</ul>


所以不能直接用。
如果直接改CSS那就太麻烦了，还不如自己写CSS
所以咱们只要改一下config/pagination.php就行，
加上以下代码

PHP复制代码

<?php
//下面是一个参数列表，你可以通过初始化方法来定制你喜欢的显示效果。
 
$config['num_links'] = 2;
//放在你当前页码的前面和后面的“数字”链接的数量。比方说值为 2 就会在每一边放置 2 个数字链接，就像此页顶端的示例链接那样。
 
$config['use_page_numbers'] = TRUE;
//默认分页URL中是显示每页记录数,启用use_page_numbers后显示的是当前页码，如下：
 
$config['full_tag_open'] = '<ul class="pagination">';
//把打开的标签放在所有结果的左侧。
 
$config['full_tag_close'] = '</ul>';
//把关闭的标签放在所有结果的右侧。
 
//自定义起始链接
 
$config['first_link'] = '第一页';
//你希望在分页的左边显示“第一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 。
 
$config['first_tag_open'] = '<li>';
//“第一页”链接的打开标签。
 
$config['first_tag_close'] = '</li>';
//“第一页”链接的关闭标签。
 
//自定义结束链接
 
$config['last_link'] = '最后一页';
//你希望在分页的右边显示“最后一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 。
 
$config['last_tag_open'] = '<li>';
//“最后一页”链接的打开标签。
 
$config['last_tag_close'] = '</li>';
//“最后一页”链接的关闭标签。
 
//自定义“下一页”链接
 
$config['next_link'] = '>';
//你希望在分页中显示“下一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 。
 
$config['next_tag_open'] = '<li>';
//“下一页”链接的打开标签。
 
$config['next_tag_close'] = '</li>';
//“下一页”链接的关闭标签。
 
//自定义“上一页”链接
 
$config['prev_link'] = '<';
//你希望在分页中显示“上一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 。
 
$config['prev_tag_open'] = '<li>';
//“上一页”链接的打开标签。
 
$config['prev_tag_close'] = '</li>';
//“上一页”链接的关闭标签。
 
//自定义“当前页”链接
 
$config['cur_tag_open'] = '<li class="active"><a href="#">';
//“当前页”链接的打开标签。
 
$config['cur_tag_close'] = '<span class="sr-only">(current)</span></a></li>';
//“当前页”链接的关闭标签。
 
//自定义“数字”链接
 
$config['num_tag_open'] = '<li>';
//“数字”链接的打开标签。
 
$config['num_tag_close'] = '</li>';
//“数字”链接的关闭标签。

复制代码

goyuquan

自已顶
开始在网上找，但他们说的太复杂，
回过头我去研究手册，终于拿下了

IvanCI

PHP复制代码

if( ! function_exists('pagination')){
    function pagination($uri,$per_page,$total){
        $ci =& get_instance();
        $ci->load->library('pagination');
 
        $config['base_url'] = $uri;
        $config['total_rows'] = $total;
        $config['per_page'] = $per_page;
        $config['uri_segment'] = 3;
        $config['num_links'] = 4;
        $config['use_page_numbers'] = TRUE;
 
        $config['full_tag_open'] = '<ul class="pagination">';
        $config['full_tag_close'] = '</ul>';
 
        $config['first_link'] = FALSE;
        $config['last_link'] = FALSE;
 
        $config['next_link'] = '>>';
        $config['next_tag_open'] = '<li>';
        $config['next_tag_close'] = '</li>';
 
        $config['prev_link'] = '<<';
        $config['prev_tag_open'] = '<li>';
        $config['prev_tag_close'] = '</li>';
 
        $config['cur_tag_open'] = '<li class="active"><a href="javascript:void(0);">';
        $config['cur_tag_close'] = '</a></li>';
 
        $config['num_tag_open'] = '<li>';
        $config['num_tag_close'] = '</li>';
 
        $ci->pagination->initialize($config);
 
        return $ci->pagination->create_links();
    }
}
 
 

复制代码

增加helper~ 避免修改core~

goyuquan

你这是什么意思我就不明白了，
我用的就是CI，怎么会找不到pagination，
还是别的意思，请教

smj227

楼主能把完整的分页实例代码给我看一下吗？