CodeIgniter框架怎么实现分页功能_CodeIgniter框架分页类库样式定制【定制】

小明吖_3163

小明吖_3163

2026-04-23

543人浏览

原创

ci分页样式需匹配前端框架:修改full_tag_open等参数调整html结构,确保base_url和uri_segment正确,设置num_links限制页码数量,所有配置须在initialize()前完成。

codeigniter框架怎么实现分页功能_codeigniter框架分页类库样式定制【定制】

分页链接样式乱、和 Bootstrap/Tailwind 冲突,不是分页类有问题,是默认输出的 HTML 结构和 class 名没对齐前端框架要求。

怎么改 create_links() 输出的 HTML 标签和 class

CI 默认生成的是 <div class="pagination"><span>...</span></div> 这种结构,但 Bootstrap 5 要的是 <nav><ul class="pagination">...</ul></nav>,Tailwind 更依赖自定义 class。直接覆盖配置项就能换掉:

  • full_tag_open 和 full_tag_close 控制最外层容器,比如设为 '<nav aria-label="Page navigation"><ul class="pagination">'</ul></nav> 和 '
'
  • first_tag_open/first_tag_close 等控制“首页”按钮的包裹标签,若不用文字按钮,可设 first_link 为空字符串
  • cur_tag_open 默认是 '<span class="current">'</span>,Bootstrap 要 '<li class="page-item active"><span class="page-link">'</span></li>,就得连带改 cur_tag_close 和 num_tag_open
  • 所有 *_tag_open 类参数都必须成对设置,漏一个会导致 HTML 错位,create_links() 可能返回空或结构断裂
  • 为什么自定义后点击页码还是跳转到首页或 404

    样式改了,但链接地址没生效,大概率是 base_url 配置错了,或者 uri_segment 和实际 URL 段数不一致:

    CodeIgniter 4.7.0
    CodeIgniter 4.7.0

    CodeIgniter下载页提供 CodeIgniter 4.7.0 官方源码包,并整理框架安装、数据库配置与入门开发说明。

    下载
    • base_url 必须含完整路径,比如 base_url('news/index/') 或 'https://example.com/news/',不能只写 '/news/'(协议和域名缺失会导致相对路径解析失败)
    • URL 是 /news/3,页码在第 3 段 → uri_segment = 3;如果是 /news/page/3,就是第 4 段 → uri_segment = 4;设错后 $this->uri->segment(4) 返回空,偏移量永远是 0
    • 启用 use_page_numbers = TRUE 后,链接会变成 /news/1、/news/2,但控制器方法签名得同步改成 public function index($page = 1),否则 CI 无法把路径段注入参数

    分页数字太多、想限制显示范围

    默认会把全部页码都列出来,数据一多就撑满屏幕。用 num_links 控制两侧数字个数,再配合 display_pages = TRUE/FALSE 开关是否显示所有数字:

    • num_links = 2 表示当前页左右各显示 2 个页码,如当前是 5,就显示 3–4–5–6–7
    • 若总页数超 10,建议设 display_pages = FALSE,只保留「首页」「上一页」「下一页」「末页」+ 当前页附近数字,避免 DOM 膨胀
    • first_link 和 last_link 默认非空,如果视图里已用图标导航,记得设成空字符串,否则会重复渲染

    真正容易被忽略的是:所有 HTML 定制参数都得在 $this->pagination->initialize() 之前传入,且一旦调用过 create_links(),再改配置也不会重新渲染——得 reload library 或重走初始化流程。

    相关专题

    更多
    C语言变量命名
    C语言变量命名

    c语言变量名规则是:1、变量名以英文字母开头;2、变量名中的字母是区分大小写的;3、变量名不能是关键字;4、变量名中不能包含空格、标点符号和类型说明符。php中文网还提供c语言变量的相关下载、相关课程等内容,供大家免费下载使用。

    2023.06.20

    3069

    3

    c语言入门自学零基础
    c语言入门自学零基础

    C语言是当代人学习及生活中的必备基础知识,应用十分广泛,本专题为大家c语言入门自学零基础的相关文章,以及相关课程,感兴趣的朋友千万不要错过了。

    2023.07.25

    2288

    9

    c语言运算符的优先级顺序
    c语言运算符的优先级顺序

    c语言运算符的优先级顺序是括号运算符 > 一元运算符 > 算术运算符 > 移位运算符 > 关系运算符 > 位运算符 > 逻辑运算符 > 赋值运算符 > 逗号运算符。本专题为大家提供c语言运算符相关的各种文章、以及下载和课程。

    2023.08.02

    1220

    5

    c语言数据结构
    c语言数据结构

    数据结构是指将数据按照一定的方式组织和存储的方法。它是计算机科学中的重要概念,用来描述和解决实际问题中的数据组织和处理问题。数据结构可以分为线性结构和非线性结构。线性结构包括数组、链表、堆栈和队列等,而非线性结构包括树和图等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

    2023.08.09

    1158

    4

    c语言random函数用法
    c语言random函数用法

    c语言random函数用法:1、random.random,随机生成(0,1)之间的浮点数;2、random.randint,随机生成在范围之内的整数,两个参数分别表示上限和下限;3、random.randrange,在指定范围内,按指定基数递增的集合中获得一个随机数;4、random.choice,从序列中随机抽选一个数;5、random.shuffle,随机排序。

    2023.09.05

    1336

    5

    c语言const用法
    c语言const用法

    const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

    2023.09.20

    2118

    7

    c语言get函数的用法
    c语言get函数的用法

    get函数是一个用于从输入流中获取字符的函数。可以从键盘、文件或其他输入设备中读取字符,并将其存储在指定的变量中。本文介绍了get函数的用法以及一些相关的注意事项。希望这篇文章能够帮助你更好地理解和使用get函数 。

    2023.09.20

    3380

    8

    c数组初始化的方法
    c数组初始化的方法

    c语言数组初始化的方法有直接赋值法、不完全初始化法、省略数组长度法和二维数组初始化法。详细介绍:1、直接赋值法,这种方法可以直接将数组的值进行初始化;2、不完全初始化法,。这种方法可以在一定程度上节省内存空间;3、省略数组长度法,这种方法可以让编译器自动计算数组的长度;4、二维数组初始化法等等。

    2023.09.22

    15195

    6

    c语言中null和NULL的区别
    c语言中null和NULL的区别

    c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

    2023.09.22

    549

    3

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程