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

发表评论
23,501 views

A+

所属分类：dede仿站

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

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

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

理解翻页功能

标签说明

{dede:pagelist istitem="index,pre,next,end,option,info," listsize="5"/}

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

样式说明

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

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

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

参考站的模样

代码块

<div class="list_page">
<ul>
<li><a>共6篇</a></li>
<li class="pageH">1</li>
<li><a href="/news/index2.html">2</a></li>
<li><a href="/news/index3.html">3</a></li>
<li><a href="/news/index4.html">4</a></li>
<li><a href="/news/index2.html">下一页</a></li>
<li><a href="/news/index6.html">尾页</a></li>
</ul>
</div>

套上dede代码块，试试

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

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

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

效果图

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

问题分析：

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

问题解决：

dede默认高亮的css命名是：thisclass，而我们在上面的代码中发现，class="pageH"这个是高亮的样式，那么就需要修改这个这个样式名称
修改翻页文件系统的命名，呃，好像有点麻烦
最简单的，在当前页面写一个,这里有一个知识点就是css样式的优先级问题，处女座的建议把代码放到css文件里面，方便管理

<style type="text/css">
.thisclass{background: #333 !important;}
</style>

最终代码

<style type="text/css">
.thisclass {
background: #333 !important;
}
</style>
<div class="list_page">
<ul>
{dede:pagelist istitem="index,pre,next,end,option,info," listsize="5"/}
</ul>
</div>

补充说明：

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

<style type="text/css">
.thisclass {
background: #333 !important;
}
</style>
<div class="list_page">
<ul>
{dede:pagelist listitem='index,end,pre,next,pageno'/ listsize='5'}
</ul>
</div>

最终效果

聊点其他的

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

如果：

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

那你：

愿意支付88元（前十位，后十位188，后面288。。。。没有了）
加我QQ聊聊吧，我想听听你的意见。

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

理解翻页功能

最终代码

最终效果

聊点其他的

发表评论取消回复

微信