dede仿站第八课:搞定一个翻页

  • A+
所属分类:dede仿站

今天更新后,会有几天的时间停止更新dede仿站版本,因为Python学习的落下了,原计算是一天一个dede仿站,一个Python课程的。

今天主要的是翻页的问题,网上有很多的介绍,但是总感觉欠缺点什么。

如果你是刚打开这个页面,建议你把前面的内容也看下,这样才能更好的理解本内容中提到的东西。

dede仿站第四课:为了他(她)套上它

dede仿站第五课:提高它的效率

dede仿站第六课:重复机械式动作

dede仿站第七课:万箭齐发

理解翻页功能

  • 标签说明
  1. {dede:pagelist istitem="index,pre,next,end,option,info," listsize="5"/}

dede仿站第八课:搞定一个翻页

  • index 首页
  • pre 上一页
  • next 下一页
  • end 末页
  • option 下拉跳转框
  • info 表示条数信息
  • listsize 表示页码个数

 

  • 样式说明

假设你在这里已经大概知道了啥叫样式(CSS),如果有不理解的可以简单的去百度搜索下相关教程简单看下,毕竟多学一点东西,就不用麻烦别人了。

dede翻页样式处理有两种方式

  • 覆盖原样式代码
  • 用ID选择器来重写代码

 

  • 参考站的模样

dede仿站第八课:搞定一个翻页

  • 代码块
  1. <div class="list_page">
  2.     <ul>
  3.         <li><a>共6篇</a></li>
  4.         <li class="pageH">1</li>
  5.         <li><a href="/news/index2.html">2</a></li>
  6.         <li><a href="/news/index3.html">3</a></li>
  7.         <li><a href="/news/index4.html">4</a></li>
  8.         <li><a href="/news/index2.html">下一页</a></li>
  9.         <li><a href="/news/index6.html">尾页</a></li>
  10.     </ul>
  11. </div>

套上dede代码块,试试

  1. <div class="list_page">
  2. <ul>
  3.     {dede:pagelist istitem="index,pre,next,end,option,info," listsize="5"/}
  4. </ul>
  5. </div>

啥没有看到翻页内容,{dede:list pagesize="10"}修改这个值为1,发布两篇内容瞅瞅

翻页在内容不够支撑翻页的时候会显示:共 * 页/* 条记录

 

  • 效果图

dede仿站第八课:搞定一个翻页

有一个问题没有解决,就是当前在当前页面的时候,下面的第几页,应该有颜色显示。

问题分析:

没有调用当前栏目高亮的CSS样式

问题解决:

  • dede默认高亮的css命名是:thisclass,而我们在上面的代码中发现,class="pageH"这个是高亮的样式,那么就需要修改这个这个样式名称
  • 修改翻页文件系统的命名,呃,好像有点麻烦
  • 最简单的,在当前页面写一个,这里有一个知识点就是css样式的优先级问题,处女座的建议把代码放到css文件里面,方便管理
  1. <style type="text/css">
  2.  .thisclass{background#333 !important;}
  3. </style>

 

最终代码

  1. <!-- 翻页开始 -->
  2.  <style type="text/css">
  3. .thisclass {
  4.     background#333 !important;
  5. }
  6. </style>
  7. <div class="list_page">
  8. <ul>
  9. {dede:pagelist istitem="index,pre,next,end,option,info," listsize="5"/}
  10. </ul>
  11. </div>
  12. <!-- 翻页结束 -->

补充说明:

页面在静态环境下会出现下拉框,而去除option,以及info后,还是无法解决,后更改为代码:

  1. <!-- 翻页开始 -->
  2.  <style type="text/css">
  3. .thisclass {
  4.     background: #333 !important;
  5. }
  6. </style>
  7. <div class="list_page">
  8. <ul>
  9. {dede:pagelist  listitem='index,end,pre,next,pageno'/ listsize='5'}
  10. </ul>
  11. </div>
  12. <!-- 翻页结束 -->

 

 

最终效果

dede仿站第八课:搞定一个翻页

聊点其他的

一直想办法把文字的说的更详细一点,但是又怕说得太复杂,所以想制作视频来做这个教程。但是一想互联网上面的关于这个视频教程太多太多了,以至于做出来是否也是在浪费精力。

如果:

  • 你想听视频课程
  • 你想需要更多更全面的知识
  • 你需要seo的知识
  • 你需要网站后面发布的一些模板案例的源码
  • 如果。。。

那你:

  • 愿意支付88元(前十位,后十位188,后面288。。。。没有了)
  • 加我QQ聊聊吧,我想听听你的意见。
李金龙

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: