1.效果如下:具体外观,大家自定义吧
2. 步骤:
Common\Common function.PHP 代码如下
可复制的代码如下:
/** * TODO 基础分页的相同代码封装,使前台的代码更少 * @param $count 要分页的总记录数 * @param int $pagesize 每页查询条数 * @return \Think\Page */ function getpage($count, $pagesize = 10) { $p = new Think\Page($count, $pagesize); $p->setConfig('header', '<li class="rows">共<b>%TOTAL_ROW%</b>条记录 第<b>%NOW_PAGE%</b>页/共<b>%TOTAL_PAGE%</b>页</li>'); $p->setConfig('prev', '上一页'); $p->setConfig('next', '下一页'); $p->setConfig('last', '末页'); $p->setConfig('first', '首页'); $p->setConfig('theme', '%FIRST%%UP_PAGE%%LINK_PAGE%%DOWN_PAGE%%END%%HEADER%'); $p->lastSuffix = false;//最后一页不显示为总页数 return $p; }
控制器的test():
复制代码如下:
function test(){ $news = M('News'); $where = "del_flag=0"; $count = $news->where($where)->count(); $p = getpage($count,10); $list = $news->field(true)->where($where)->order('id')->limit($p->firstRow, $p->listRows)->select(); $this->assign('list', $list); // 赋值数据集 $this->assign('page', $p->show()); // 赋值分页输出 $this->display(); }
html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>分页类测试</title> <style> .pages a,.pages span { display:inline-block; padding:2px 5px; margin:0 1px; border:1px solid #f0f0f0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .pages a,.pages li { display:inline-block; list-style: none; text-decoration:none; color:#58A0D3; } .pages a.first,.pages a.prev,.pages a.next,.pages a.end{ margin:0; } .pages a:hover{ border-color:#50A8E6; } .pages span.current{ background:#50A8E6; color:#FFF; font-weight:700; border-color:#50A8E6; } </style> </head> <body> <table width="800" border="0" cellpadding="1" cellspacing="1" bgcolor="#99CC33" bordercolor="#FFFFFF"> <div class="content"> <volist name="list" id="vo"> <tr> {$vo.title} </tr> </volist> </div> <td colspan="8" bgcolor="#FFFFFF"> <div class="pages">{$page}</div> </td> </table> </body> </html>