做網(wang)站的時候難(nan)免遇到(dao)列表頁(ye)(ye)(ye)(ye)分(fen)(fen)頁(ye)(ye)(ye)(ye)部分(fen)(fen)樣(yang)式怎么設計和寫入CLASS標簽(qian)。就(jiu)比如你去利(li)用(yong)別人(ren)的網(wang)站分(fen)(fen)頁(ye)(ye)(ye)(ye)風格一樣(yang)或者(zhe)自己先修改(gai)但(dan)是易優是直接一個分(fen)(fen)頁(ye)(ye)(ye)(ye)標簽(qian)，這個時候就(jiu)難(nan)倒了(le)。
{eyou:pagelist listitem='index,pre,pageno,next,end' listsize='2' /}
那么我們該怎么修(xiu)改了。
這里我將簡單的舉(ju)例說明下。
分頁樣(yang)式修改(gai)需改(gai)動PHP文件 目(mu)錄是：
core/library/think/paginator/driver
目錄里面的 Eyou.php ---(PC端）
首先(xian)(xian)，我(wo)們(men)在這里先(xian)(xian)確認(ren)下(xia) 自己(ji)要改的樣(yang)式。
（這里(li)以對(dui)象網站來說(shuo)明，也就(jiu)是說(shuo) 分頁樣式他(ta)首先是以什么格式，
比如 ：
<ul>
<li>--</li>
</ul>
這樣的(de)格(ge)(ge)式(shi) 你首(shou)先(xian)得先(xian)確認好他的(de)格(ge)(ge)式(shi)樣式(shi)才可以 這樣才能按照他的(de)格(ge)(ge)式(shi) 來做(zuo)修改(gai)。
然后(hou)選(xuan)擇頁(ye)(ye)(ye)數的當時樣式 比如 是(shi)第二(er)頁(ye)(ye)(ye) 那么(me) 第二(er)頁(ye)(ye)(ye)了這個鏈接（2）就會(hui)顯(xian)示不同的樣式來(lai)高亮分辨
）
來個實際的例子吧！
<div class="ListsPages">
<a>首(shou)頁</a>
<a>上一頁(ye)</a>
<a class="active">1</a>
<a href="/10262/shenghuochangshi/lists_1_2.html" data-ey_fc35fdc="html" data-tmp="1">2</a><a href="/10262/shenghuochangshi/lists_1_3.html" data-ey_fc35fdc="html" data-tmp="1">3</a><a href="/10262/shenghuochangshi/lists_1_4.html" data-ey_fc35fdc="html" data-tmp="1">4</a> <a href="/10262/shenghuochangshi/lists_1_2.html" data-ey_fc35fdc="html" data-tmp="1">下一(yi)頁</a>
<a href="/10262/shenghuochangshi/lists_1_4.html" data-ey_fc35fdc="html" data-tmp="1">末頁</a>
</div>
像上(shang)面的樣(yang)式應該(gai)怎么(me)修改(gai)到(dao)我(wo)們的分頁(ye)里面去了。
首(shou)先(xian)我們先(xian)確定他的樣式(shi) 基本就是
<div class="ListsPages">
<a class="active">1</a> //選擇后（當前頁）有樣式
<a>2</a> //沒選(xuan)擇后(hou)（當前頁）就沒有樣式(shi)
</div>
那么在(zai)風(feng)格模板里(li)面(mian)我們就可(ke)以改(gai)成以下(xia)
<div class="ListsPages">
{eyou:pagelist listitem='index,pre,pageno,next,end' listsize='2' /}
</div>
然(ran)后到 PHP里(li)面我們做修(xiu)改(gai)就可以了,
分(fen)頁(ye)樣(yang)式修改改動(dong)PHP文件 目錄是：
core/library/think/paginator/driver
目錄里面的 Eyou.php ---(PC端）
找到：
-----------------------------劃分(fen)線(xian)開始---------------------------------------------
protected function getAvailablePageWrapper2($url, $page)
{
return '<li><a href="' . htmlentities($url) . '">' . $page . '</a></li>';
}
/**
* 生成(cheng)一個可點擊(ji)的按鈕
*
* @param string $url
* @param int $page
* @return string
*/
protected function getAvailablePageWrapper($url, $page)
{
return '<;li><a href="' . htmlentities($url) . '">' . $page . '</a></li>';
}
/**
* 生成一(yi)個禁用的按鈕
*
* @param string $text
* @return string
*/
protected function getDisabledTextWrapper($text)
{
return '<li><a>' . $text . '</a></li>';
}
/**
* 生(sheng)成一個激活的按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<li class="active"><a>' . $text . '</a></li>';
}
---------------------------------劃分線結束----------------------------------------
修改成以下 代碼：
---------------------------------劃(hua)分線開始----------------------------------------
protected function getAvailablePageWrapper2($url, $page)
{
return '<a href="' . htmlentities($url) . '">' . $page . '</a>';
}
/**
* 生成一個可點(dian)擊的按鈕
*
* @param string $url
* @param int ; $page
* @return string
*/
protected function getAvailablePageWrapper($url, $page)
{
return '<a href="' . htmlentities($url) . '">' . $page . '</a>';
}
/**
* 生(sheng)成一個禁(jin)用的按鈕
*
* @param string $text
* @return string
*/
protected function getDisabledTextWrapper($text)
{
return '<a>' . $text . '</a>';
}
/**
* 生(sheng)成一個激活的(de)按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<a class="active">' . $text . '</a>';
}
---------------------------------劃分線結(jie)束(shu)----------------------------------------
紅色部分 active 就是(shi)當前頁高亮(liang)變色的樣式(shi)。
其實修改的部分就是上面有顏色的部分
解說：
return '<li><a href="' . htmlentities($url) . '">' . $page . '</a></li>';
改成：
return '<a href="' . htmlentities($url) . '">' . $page . '</a>';
因為樣式里面沒有<li></li>部分
如果新版本里面
增加了
/**
* 生成一個激活的數字按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper2($text)
{
return '<li class="active"><a>' . $text . '</a></li>';
}
以上字段 切記 一樣給他修改成：
/**
* 生成一(yi)個激活的數字(zi)按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper2($text)
{
return '<a class="active">' . $text . '</a>';
}
記得！！
保存即可！
這樣做出來的(de)效(xiao)果 就是
<div class="ListsPages"> <a>首頁</a> <a>上一頁</a> <a class="active">1</a><a href="/10262/shenghuochangshi/lists_1_2.html" data-ey_fc35fdc="html" data-tmp="1">2</a><a href="/10262/shenghuochangshi/lists_1_3.html" data-ey_fc35fdc="html" data-tmp="1">3</a><a href="/10262/shenghuochangshi/lists_1_4.html" data-ey_fc35fdc="html" data-tmp="1">4</a> <a href="/10262/shenghuochangshi/lists_1_2.html" data-ey_fc35fdc="html" data-tmp="1">下一(yi)頁</a> <a href="/10262/shenghuochangshi/lists_1_4.html" data-ey_fc35fdc="html" data-tmp="1">末(mo)頁</a></div>
大家可以(yi)對照下(xia)我改的(de) 就知道怎么(me)修改了
總結是 先確定(ding)好格(ge)式(shi) 然(ran)后再(zai)按照格(ge)式(shi)來做(zuo)修改。
明天補充圖文教程
以對象//demoall.yiyocms.com/10949/xinwendongtai/為例子(zi)。
<div class="pglist">
<li><a>首頁</a></li>
<li><a>上一頁</a></li> <li><a class="hover">1</a></li><li><a href="/10949/xinwendongtai/lists_3_2.html" data-ey_fc35fdc="html" data-tmp="1">2</a></li>
<li><a href="/10949/xinwendongtai/lists_3_2.html" data-ey_fc35fdc="html" data-tmp="1">下一頁(ye)</a></li>
<li><a href="/10949/xinwendongtai/lists_3_2.html" data-ey_fc35fdc="html" data-tmp="1">末頁</a></li>
</div>
這就是分頁樣式格式
前(qian)端列表(biao)頁下面的分頁格式 我們就(jiu)可以直接(jie)寫成：
<div class="pglist">
{eyou:pagelist listitem='index,pre,pageno,next,end' listsize='2' /}
</div>
然后打開(kai)corelibrarythinkpaginatordriver
目錄(lu)里面的 Eyou.php 做出修(xiu)改：
首先是(shi)定(ding)義當前(qian)頁數(shu)高(gao)亮的(de)部分，就是(shi)當前(qian)比(bi)如是(shi)第一頁 那(nei)么這個就是(shi)激活按鈕樣式(shi)
<li><a class="hover">1</a></li> 我們上面的 樣(yang)式 第一頁為 那么我們先找這個出來(lai)。
/**
* 生成一個激活的數(shu)字按(an)鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper2($text)
{
return '<li class="active"><a>' . $text . '</a></li>';
}
將上面的
return '<li class="active"><a>' . $text . '</a></li>';
改成：
return '<li><a class="hover">' . $text . '</a></li>';
/**
然后
* 生成一個激(ji)活的按(an)鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<li class="active"><a>' . $text . '</a></li>';
}
將上面的：
return '<li class="active"><a>' . $text . '</a></li>';
改成：
return '<li><a class="hover">' . $text . '</a></li>';
即可
然后查看總體的(de)格式(shi)：
他(ta)這里都是<li></li>
那么我們基(ji)本不用多做修改 因(yin)為默認的也是帶(dai)<li> 格式
這(zhe)樣出來的效果(guo)就是一樣了。
注意的就是格式要跟我們自(zi)己樣式一樣 就可以了
假如我(wo)們用其他的(de) 直(zhi)接a標簽(qian) 不帶<li> 那么(me)就可以直(zhi)接刪了(le) 這個標簽(qian)
結束