ThinkPHP分页样式CSS代码

html-css016

ThinkPHP分页样式CSS代码,第1张

新建一个thinkphp项目tp,入口文件如下:

2

在数据库think下新建表qq_game,结构如下:

3

新建一个控制器AdminAction.class.php,位置如图所示:

4

在此控制器下新建函数beauty_page,用于美化分页;

未设置自定义分页时,函数如图:

模板页:tp/App/Tpl/Admin/beauty_page.html , 内容如图:

分页结果如下:

thinkphp中通过分页类Page提供的方法setConfig,来修改分页的设置:

比如:在代码 $pg = new Page($count, $per_page) 后插入下面的分页设置代码:

此时,分页显示结果如下(其中的上一页、下一页被改变):

Page类提供的setConfig方法,还可以设置theme 作为分页主题描述信息。

设置该属性可以改变分页的各个单元的显示位置,默认值是:

"%totalRow% %header% %nowPage%/%totalPage% 页 %upPage% %downPage% %first% %prePage% %linkPage% %nextPage% %end%"

可以通过改变该值的样式改变分页的样式。

比如:在列表页添加样式:如下:

结果显示如下:

也可以给记录总数添加样式,如图,给当前记录数,添加样式:

在模板页添加样式,如图:

结果显示:

总结:可根据自己的爱好,自行添加样式,其中.pages a , .pages .current 是自带的,最好不要修改名称,可修改样式;如果不满意,可参考第11步,自行修改。

可以啊,CSS样式可以改变THINKPHP 分页显示样式;这个在你模板赋值的时后做的!

我们可以对输出的分页样式进行定制,分页类 Page 提供了一个 setConfig 方法来修改默认的一些设置。例如:

$page->setConfig('header', ' 个会员 ' )

setConfig 方法支持的属性包括:

header :头部描述信息,默认值 “条记录”

prev :上一页描述信息,默认值是“上一页”

next :下一页描述信息,默认值是“下一页”

first :第一页描述信息,默认值是“第一页”

last :最后一页描述信息,默认值是“最后一页”

theme :分页主题描述信息,包括了上面所有元素的组合 ,设置该属性可以改变分页的各个单元的显示位置,默认值是

“ %totalRow% %header% %nowPage%/%totalPage% 页 %upPage% %downPage% %first% %prePage% %linkPage% %nextPage% %end% ”

通过 setConfig 设置以上属性可以完美的定制出你的分页显示风格。