1. 程式人生 > >tp3.2分頁樣式

tp3.2分頁樣式

在這裡我有先把page的設定做成了一個函式getpage,將這個方法放到Application\Common\Common\function.php(注意function不是類)中方便其他地方呼叫,程式碼如下:

/**
 * TODO 基礎分頁的相同程式碼封裝,使前臺的程式碼更少
 * @param $count 要分頁的總記錄數
 * @param int $pagesize 每頁查詢條數
 * @return \Think\Page
 */
function getpage($count, $pagesize = 7) {
    $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;
}

控制器中使用的程式碼如下:

 
public function showAllUsers() {
        $m = M('User');      
        $where = "id>10";
        $count = $m->where($where)->count();
        $p = getpage($count,1);
        $list = $m->field(true)->where($where)->order('id')->limit($p->firstRow, $p->listRows)->select();
        $this->assign('list', $list); // 賦值資料集
        $this->assign('page', $p->show()); // 賦值分頁輸出
        $this->display();
    }

接下來在View中的使用:

<!DOCTYPE html>
<html>
 
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--分頁的樣式,這裡可以單獨寫成一個css檔案-->
		<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>
 
		<div class="pages">
			{$page}
		</div>
 
	</body>
 
</html>

參考地址

https://blog.csdn.net/zz_lkw/article/details/81118079