Dedecms列表页标签list/pagelist使用方法及pagelist的样式

Dedecms列表页标签list/pagelist使用方法及pagelist的样式

Dede的默认页面中有个list_article.htm页面,这是dede的列表页面。在列表页显示文章的列表,是通过dede的list和pagelist这两个个标签实现的。本文就这两个标签的使用及pagelist的样式进行下详细的说明。

首先介绍下list标签的参数及使用方法:

标签名称:list

功能说明:表示列表模版里的分页内容列表

使用范围:仅列表页模版 list_*.htm

基本语法:{dede:list col=” titlelen=” infolen=” imgwidth=” listtype=” orderby=” pagesize=” orderway=”}{/dede:list}

参数说明:

col=” 内容列数
titlelen=” 标题长度
infolen=” 内容摘要长度
imgwidth=” 缩略图宽度
imgheight=” 缩略图高度
orderby=” 排序方式,有效的排序方式有 senddate、pubdate、id、click、lastpost、postnum,默认为sortrank
pagesize=’20’ 分页大小

底层模版字段:

ID(同id), typeid, sortrank, flag, ismake, channel, arcrank,click,money,title,shorttitle,color,writer,source,litpic(同picname),pubdate,senddate,mid,lastpost,scores,goodpost,badpost,notpost,description(同infos),filename, image, imglink, fulltitle, textlink, typelink,plusurl, memberurl, templeturl,stime(pubdate 的”0000-00-00″格式)

注:list标记除了支持档案表的基本模板变量外,还支持附加表的字段,你可以在模型管理中知道附加表支持列表使用的字段有哪些。

下面介绍pagelist的参数及使用方法:

标签名称:pagelist

功能说明:表示分页页码列表

适用范围:仅列表模板 list_*.htm

基本语法:{dede:pagelist listsize=’5′ listitem=”/}

参数说明:

listsize 表示[1][2][3] 这些项的长度 * 2
listitem 表示页码的样式,可以把下面的值叠加
index 首页
pre 上一页
pageno 页码
next 下一页
end 末页
option 下拉跳转框

例:{dede:pagelist listitem=’index,end,pre,next,pageno’ listsize=’5′ /}

但是有时候直接引用上面的标签的时候,会出现变形问题。因为pagelist本身就有一些样式是在include/arc.listview.class.php定义css样式的。所以如果你不采用默认模板的话,一调用这个标签就容易出现问题。这是因为列表页pagelist的分页标记在v5.1下默认输出这样的样式:


  1. href=’#’>首页
  2. href=’#’>1
  3. href=’#’>2
  4. href=’#’>3
  5. href=’#’>下一页
  6. href=’#’>末页

而在v5.3以后输出样式变成了这样:


  1. href=”#”>首页
  2. href=”#”>1
  3. href=”#”>2
  4. href=”#”>3
  5. href=”#”>下一页
  6. href=”#”>末页

下面是两个解决方法。

方法一:(比较直观的方法,个人感觉此方法最好)

首先把这个标签放在一个容器里


  1. class=’pagelist’>{dede:pagelist listsize=’5′ /}

然后定义css:


  1. .pagelist li{
    float:left; margin-right:3px; list-style-type:none;}

方法二:去掉

  • 标签

    在include/arc.listview.class.php中删除相应的

  • 代码,输出就变成了v5.1的形式了。另外,include/arc.listview.class.php中option的代码注释掉了,恢复就能用了。
    DEDECMS自带样式表CSS定义在 /templets/default/style/page.css 中所有涉及到 .dede_pages 的位置,V5.7中大约从第77开始。大家可以把这段CSS复制到自己的样式表中,然后修改成自己想要的样式就行了。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/114205.html原文链接:https://javaforall.net

(0)
上一篇 2021年9月22日 下午2:00
下一篇 2021年9月22日 下午3:00


相关推荐

  • webots自学笔记(一)软件界面和简单模型仿真

    webots自学笔记(一)软件界面和简单模型仿真由于毕设研究需要使用webots软件,在学习使用webots的过程花费了很多时间。由于这个软件基本没有什么中文资料,所以想把自己所学到的一些东西写下来,如有什么错误的地方,大家可以批评指正。1.界面

    2022年8月3日
    7
  • win10安装anaconda3、pycharm和pytorch教程

    win10安装anaconda3、pycharm和pytorch教程前言博主研究生生涯准备用大一的旧电脑刚两年,于是乎在虚拟机centos环境中安装python环境和pycharm工作时特别卡。于是想尝试在windows下安装anaconda和PyCharm,这样软件运行或许能流畅些。本文基于2019年发行的anaconda3版本和PyCharm对安装过程中的问题进行记录。anaconda的安装官网下载anaconda我下载的版本为:双击安装注意…

    2022年8月26日
    6
  • LeakCanary 中文使用说明

    LeakCanary 中文使用说明

    2022年3月8日
    90
  • sqlhelper 下载 使用指南 代码

    sqlhelper 下载 使用指南 代码

    2021年7月27日
    61
  • 苹果cmsv10自适应卡通动漫番剧模板

    苹果cmsv10自适应卡通动漫番剧模板介绍:苹果cms卡通动漫番剧模板,苹果cmsv10版本,自适应手机端。黑色超炫风格,非常适合卡通、动漫、番剧使用等应用!LOGO修改方法:打开文件夹/hanime/html/public/head.html,搜索:foot.html,搜索:网盘下载地址:http://kekewangLuo.net/PRJ9L2OVnzF0图片:首页内容页面播放页面…

    2022年8月23日
    9
  • Python入门环境安装:Anaconda和Pycharm的安装和配置

    Python入门环境安装:Anaconda和Pycharm的安装和配置子曰 工欲善其事 必先利其器 学习 Python 就需要有编译 Python 程序的软件 一般情况下 我们选择在 Python 官网下载对应版本的 Python 然后用记事本编写 再在终端进行编译运行即可 但是对于我这样懒的小白 我喜欢装一些方便的软件来辅助我编写程序 在学习 Java 时 正常情况选择安装 JDK 然后配置环境变量后 用记事本编写程序再在终端编译运行即可 而我一般选择安装 JDK MyEclipse

    2026年3月27日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号