上节我们制作了分页显示,但是thinkphp本身自带的分页效果不忍直视,美观度严重不足,本节我们来美化一下显示效果.重点是学习一下分页效果的美化办法.

分页后果

基本思路

我们利用开源HTML5跨屏前端框架---amazeui.利用此框架内置的分页显示效果,改动Page.class.php,实现分页效果的美化.

一、引入amaze ui

我们下载Amaze UI紧缩包,解压后,拷贝assets目录到public文件夹内.然后打开fenye.html,引入assets文件夹内的amazeui.css,代码如图:

引入css

二、熟悉Amaze UI分页代码

我们打开Amaze UI官网,查看分页显示后果图及相关代码,了解其分页css设计.

html分页后果

三、修改Page.class.php

Page.class.php文件是thinkphp的核心文件,为了避免修改出现不测,我们在修改前先备份一下.

通过上面察看,我们发现Amaze UI的分页显示,利用

  • ,并通过设置相应的class来设置分页显示效果的.

    我们找到Page.class.php中的show办法.然后找到“替换分页内容”的代码,修改代码如图:

    php代码改动

    然后找到“//上一页,//下一页,//第一页,//最后一页,//数字连接”分离进行修改:

    php代码改动

    如果您仔细察看的话,会发现,我们其实都在所有和标签外加上了

  • 和.

下面我们在浏览器中打开http://localhost/tp3/admin.php/Admin/Fenye/fenye,如果配置正确的话显示后果如下:

最终后果

接下来我们来看几位即有颜值又有实力的法式猿.

代码女神---赵洁琼

代码女神---赵洁琼

代码女神---赵洁琼

被著名游戏媒体网站Kotaku评为十年来最具影响的十位游戏界女性之一,也是其中唯一的女法式员---余国荔

余国荔

余国荔喜欢的话,可以存眷我们.

如有疑问可以留言,我们会第一时间进行反馈.感激!

本文由头条号“性命一路前行”原创,请勿转载.

php分页设计美化,国产PHP框架之ThinkPHP各模块开发系列十七,美化分页显示相关推荐

  1. winform前后端框架_ABP开发框架前后端开发系列(1)框架的总体介绍

    ABP是ASP.NET Boilerplate的简称,ABP是一个开源且文档友好的应用程序框架.ABP不仅仅是一个框架,它还提供了一个最徍实践的基于领域驱动设计(DDD)的体系结构模型.学习使用ABP ...

  2. 《Struts Web设计与开发大全》 第12章 多模块开发与Struts扩展

    <Struts Web设计与开发大全>    作者邱哲.王俊标.马斗 清华大学出版社 购书网址:http://www.huachu.com.cn/itbook/itbookinfo.asp ...

  3. 《Struts Web设计与开发大全》 第12章 多模块开发与Struts扩展[转]

    转载地址:http://blog.csdn.net/strutsweb/archive/2006/03/31/645960.aspx <Struts Web设计与开发大全>    作者邱哲 ...

  4. Camera开发系列之六-使用mina框架实现视频推流

    章节 Camera开发系列之一-显示摄像头实时画面 Camera开发系列之二-相机预览数据回调 Camera开发系列之三-相机数据硬编码为h264 Camera开发系列之四-使用MediaMuxer封 ...

  5. TensorFlow、PyTorch之后,“国产”AI框架还有没有机会?

    出品 | AI科技大本营(ID:rgznai100) 众所周知,在机器学习框架领域,PyTorch.TensorFlow已分别成为目前学界和业界使用最广泛的两大实力玩家,而紧随其后的Keras.MXN ...

  6. 国产AI框架再进化!百度Paddle Lite发布:率先支持华为NPU在线编译,全新架构更多硬件支持...

    乾明 边策 发自 凹非寺  量子位 报道 | 公众号 QbitAI 国产AI框架飞桨刚刚带来新进化:Paddle Lite正式发布! 高扩展.高性能.轻量化,还是首个支持华为NPU在线编译的深度学习端 ...

  7. Node.js 国产 MVC 框架 ThinkJS 开发 config 篇

    原创:荆秀网 网页即时推送 https://xxuyou.com | 转载请注明出处 链接:https://blog.xxuyou.com/nodejs-thinkjs-study-config/ 本 ...

  8. caffe不支持relu6_国产AI框架再进化!百度Paddle Lite发布:率先支持华为NPU在线编译,全新架构更多硬件支持...

    乾明 边策 发自 凹非寺  量子位 报道 | 公众号 QbitAI 国产AI框架飞桨刚刚带来新进化:Paddle Lite正式发布! 高扩展.高性能.轻量化,还是首个支持华为NPU在线编译的深度学习端 ...

  9. 30名工程师,历时1300天打造,又一“国产”AI框架开源了

    作者 | Just 出品 | CSDN(CSDNnews) "我发现,软件研发总会延期."一流科技CEO袁进辉说. 按照他的预期,深度学习框架OneFlow做两年就能开源给开发者检 ...

  10. TensorFlow、PyTorch 之后,“国产”AI 框架还有没有机会?

    出品 | AI科技大本营(ID:rgznai100) 众所周知,在机器学习框架领域,PyTorch.TensorFlow已分别成为目前学界和业界使用最广泛的两大实力玩家,而紧随其后的Keras.MXN ...

最新文章

  1. c语言ctype中替换查找字符,c – std :: ctype是否总是按“C”语言环境对字符进行分类?...
  2. Nginx 配置https 自动续期
  3. linux raid更换硬盘,linux系统raid1更换故障硬盘处理过程
  4. Hadoop视频教程6折 低达4.5折
  5. 使用YouTube API V3视频的完整描述- Google YouTube API V3 - Get Video Durations
  6. Failed to find data source: text
  7. python基础-userlist、userdict、userstring
  8. matlab cable,Matlab_Wireless_Communications_example MATLAB通信技术的全部例程(全)包括WCDMA - 下载 - 搜珍网...
  9. mysql 数据库连接 w3school_PHP 连接 MySQL
  10. 开发API整理(转)
  11. python 可变参数示例
  12. Jekyll搭建lanmps.com站点
  13. Hadoop中的一些基本操作
  14. 《商务与经济统计》(一)
  15. vue使用阿里巴巴矢量图标
  16. 【Element-UI】在vue中将组件调整为英文(国际化)
  17. altium room 布局_Altium Designer的PCB中ROOM的功用、放置、修改
  18. 【云迁移教程】从阿里云迁移到华为云(生产环境)
  19. 微信小程序组件库——colorUI 的使用方法
  20. Android如何计算View的深度

热门文章

  1. cyclone小知识(三)——cyclone导入多种格式数据
  2. matlab符号运算与数值运算的转化
  3. Apple商务管理分发
  4. 51单片机学习笔记——DA转换
  5. 2018第九届蓝桥杯B组决赛题解第四题 调手表(简单的dp)
  6. 帮你写出更好的python代码:python函数应用进阶(一)——函数是对象
  7. 假设检验的基本原理以及思想和方法
  8. 《组织行为学》读后感_20170803
  9. 文件删不掉文件夹请求的安全信息不可用或无法显示怎么办
  10. 福利福利!来自阿里巴巴的26款超牛Java开源项目!