Question

使用Codeigniter 3和PHP我已经构建了一个Web应用程序来显示MySQL数据库的结果。一切正常，因为在分页中成功地允许用户浏览页面，并在每页显示正确的结果数。

我遇到的问题是，分页导航栏上似乎总是有太多链接。

例如，我将从我的数据库返回79条记录，每页显示10条记录。所以，在分页中应该只显示8个链接，对吧？相反，我可以看到18个链接。从9到18的链接将我带到一个空白页面。

我的控制器代码如下;

public function index() {
    $config['base_url'] = '/items/index';
    $config['use_page_numbers'] = FALSE; 
    $config['reuse_query_string'] = TRUE;
    $config['total_rows'] = $this->db->get('item')->num_rows();
    $config['per_page'] = 10;
    $config['num_links'] = 10;
    $config['full_tag_open'] = '<div><ul class="pagination">';
    $config['full_tag_close'] = '</ul></div><!--pagination-->';
    $config['first_link'] = '&laquo; First';
    $config['first_tag_open'] = '<li class="prev page">';
    $config['first_tag_close'] = '</li>';
    $config['last_link'] = 'Last &raquo;';
    $config['last_tag_open'] = '<li class="next page">';
    $config['last_tag_close'] = '</li>';
    $config['next_link'] = 'Next &rarr;';
    $config['next_tag_open'] = '<li class="next page">';
    $config['next_tag_close'] = '</li>';
    $config['prev_link'] = '&larr; Previous';
    $config['prev_tag_open'] = '<li class="prev page">';
    $config['prev_tag_close'] = '</li>';
    $config['cur_tag_open'] = '<li class="active"><a href="">';
    $config['cur_tag_close'] = '</a></li>';
    $config['num_tag_open'] = '<li class="page">';
    $config['num_tag_close'] = '</li>';
    $config['anchor_class'] = 'follow_link';
    $this->load->library('pagination');
    $this->pagination->initialize($config);

    $data = array(
    'items' => $this->items_model->itemList()
    );

    $this->load->view('item_list', $data);
}

我的观点如下;

echo $this->pagination->create_links();

我的网址结构如下;

items/index    // displays results 1-10
items/index/10 // displays results 11-20
items/index/20 // displays results 21-30
etc...

感谢任何帮助。感谢

Answer 1

我有完全相同的问题：显示太多链接页面。当它应该只显示10页时，显示17页，最后7页为空。我从另一个帖子中跟随这个答案：https://stackoverflow.com/a/21657962。所以我基本上复制并粘贴它以更改我以前的配置。

这是我之前导致错误的代码：

$config['full_tag_open'] = '<ul class="pagination">';
$config['full_tag_close'] = '</ul>';
$config['first_link'] = false;
$config['last_link'] = false;
$config['first_tag_open'] = '<li>';
$config['first_tag_close'] = '</li>';
$config['prev_link'] = '«';
$config['prev_tag_open'] = '<li class="prev">';
$config['prev_tag_close'] = '</li>';
$config['next_link'] = '»';
$config['next_tag_open'] = '<li>';
$config['next_tag_close'] = '</li>';
$config['last_tag_open'] = '<li>';
$config['last_tag_close'] = '</li>';
$config['cur_tag_open'] = '<li class="active"><a href="#">';
$config['cur_tag_close'] = '</a></li>';
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';

删除所有内容并使用以上代码中的代码进行更改：

$config['full_tag_open'] = "<ul class='pagination'>";
$config['full_tag_close'] ="</ul>";
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';
$config['cur_tag_open'] = "<li class='disabled'><li class='active'><a href='#'>";
$config['cur_tag_close'] = "<span class='sr-only'></span></a></li>";
$config['next_tag_open'] = "<li>";
$config['next_tagl_close'] = "</li>";
$config['prev_tag_open'] = "<li>";
$config['prev_tagl_close'] = "</li>";
$config['first_tag_open'] = "<li>";
$config['first_tagl_close'] = "</li>";
$config['last_tag_open'] = "<li>";
$config['last_tagl_close'] = "</li>";

然后我也遇到了另一个问题：结果是重复的，最后一页重复了其他数据，每页都有一个完整的行。

我之前的代码：

$data['page'] = ($this->uri->segment(4)) ? $this->uri->segment(4) : 0;

我把它改为：

$data['page'] = ($this->uri->segment(4)) ? (($this->uri->segment(4) - 1) * $config['per_page']) : 0;

仅供记录：我的$config['uri_segment'] = 4;

Answer 2

此问题是因为您需要为每个页面更改以下代码行;

$config['total_rows'] = // number of pages returned here from db

这需要存储您希望显示的页数。如果您在每种方法中设置分页配置，那么应该很容易做到这一点。在你的例子中，你正在这样做;

$config['total_rows'] = $this->db->get('item')->num_rows();

据推测，您将在每个不正确的页面上返回此内容。

Answer 3

每当你要在Codeigniter中实现分页时，你需要记住两件事：

第一件事与页面生成相关的配置实际上是：

    // Loads pagination library
    $this->load->library('pagination');

    // @params $url = your controller + method path
    $config['base_url'] = base_url() . $url;

    // @params $totalRows = Total  result found in query
    $config['total_rows'] = $totalRows;

    // @params $perPage = In your case it is 50
    $config['per_page'] = $perPage;

    // @params $segment = This is what you are missing in your code. Segment is the factor from where system reads which page records need to be shown
    $config['uri_segment'] = $segment;
    $this->pagination->initialize($config);

第二件事与设计部件相关的分页配置：

$config['full_tag_open'] = '<ul class="pagination  pagination-sm m-t-none m-b-none">';
$config['full_tag_close'] = '</ul>';
$config['prev_link'] = '<i class="fa fa-chevron-left"></i>';
$config['prev_tag_open'] = '<li>';
$config['prev_tag_close'] = '</li>';
$config['next_link'] = '<i class="fa fa-chevron-right"></i>';
$config['next_tag_open'] = '<li>';
$config['next_tag_close'] = '</li>';
$config['cur_tag_open'] = '<li class="active"><a href="#">';
$config['cur_tag_close'] = '</a></li>';
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';

$config['first_tag_open'] = '<li>';
$config['first_tag_close'] = '</li>';
$config['last_tag_open'] = '<li>';
$config['last_tag_close'] = '</li>';

$config['first_link'] = '<i class="fa fa-chevron-left"></i> <i class="fa fa-chevron-left"></i>';
$config['last_link'] = '<i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i>';
$this->pagination->create_links();

这是我在项目中使用的正在运行的脚本。工作正常。您需要检查初始化期间传递的 uri_segment 。

如果您遇到任何问题，请告诉我。

Answer 4

你可以试试datatable.js 首先显示表中的所有记录为表标识唯一的#id 在此之后使用jquery并创建具有数据表的简单表，其具有搜索排序记录导航页面等所有功能在页脚部分加载jquery 在页脚部分加载datatable.css和datatable.js jquery的代码

$（＆＃39;＃的table_id＆＃39）。dataTable中（）;

Codeigniter分页显示太多链接

4 个答案: