💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
> 分页是数据输出后经常用到的功能, 这里提供一个参考案例, 具体项目可就该对应的dom结构 ## 控制器代码 ``` // 总页数 $view->assign('pagecount', 100); // 当前页 $view->assign('p', isset($_GET['p']) ? $_GET['p'] : 1); // url生成, 可在闭包函数中生成复杂的url $view->assign('page', function ($p) { return '/test/index.php?p=' . $p; }); $view->display('index'); ``` ## 模板文件 ``` <!DOCTYPE html> <html> <head> <title>分页效果</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css" /> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript" src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script> </head> <body> <!-- 这里可以做成单独的模板文件, 然后用 php-include="common/page" 的方式引入 --> <nav php-show="$pagecount > 1"> <ul class="pagination"> <li php-show="$p > 1"> <a href="{:$page(1)}">首页</a> </li> <li php-show="$p > 1"> <a href="{:$page($p - 1)}">上一页</a> </li> <li php-show="$p - 4 > 2"> <!-- 这里是 往前十页, 如果第一页显示了, 就隐藏这个'...' 按钮 --> <a href="{:$page($p - 10 < 1 ? 1 : $p - 10)}"><span>...</span></a> </li> <li php-for="$i = $p - 4; $i <= $p + 4; $i++" php-show="$i > 0 && $i <= $pagecount" class="{$p == $i ?= 'disabled'}"> <a php-show="$p != $i" href="{:$page($i)}">{$i}</a> <span php-show="$p == $i">{$i}</span> </li> <li php-show="$p + 4 < $pagecount"> <!-- 这里是 后十页, 如果最后一页显示了, 就隐藏这个'...' 按钮 --> <a href="{:$page($p + 10 > $pagecount ? $pagecount : $p + 10)}"><span>...</span></a> </li> <li php-show="$p < $pagecount"> <a href="{:$page($p + 1)}">下一页</a> </li> <li php-show="$p < $pagecount"> <a href="{:$page($pagecount)}">尾页 {$pagecount}</a> </li> </ul> </nav> </body> </html> ``` ## 最终效果 ![](https://box.kancloud.cn/2016-05-05_572a316a5979f.png)