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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • source insight4.0注册码_sourceinsight激活成功教程版安装教程

    source insight4.0注册码_sourceinsight激活成功教程版安装教程下载地址:http://www.sourceinsight.com/down35.html注册码:    SI3US-205035-36448    SI3US-466908-65897    SI3US-368932-59383    SI3US-065458-30661    SI3US-759512-70207转自:http://blog.csdn.net/rac

    2022年10月3日
    6
  • visual studio code适合什么语言_将当前运行的配置备份成初始配置

    visual studio code适合什么语言_将当前运行的配置备份成初始配置VSCode是一款非常好用的编辑器(或者IDE),具有很好的可扩展性,功能比较强大,占用的系统资源也适中,启动速度较快,而且支持全平台,比较适合作为Python开发用的IDE。本文针对Linux(主要是Ubuntu,其他发行版类似),整合一些Python开发相关的配置,仅供刚入坑Linuxer参考。一、VSCode与其他编辑器(或IDE)的比较(1)VSCode与Atom的比较:Atom是一款由g…

    2022年8月25日
    6
  • chrome frame使用记录「建议收藏」

    chrome frame使用记录「建议收藏」chromeframe使用记录参考:http://blog.csdn.net/xiaoyu411502/article/details/12619881http://www.cystc.org/?p=259…

    2022年7月16日
    18
  • JSP、JavaBean原理和使用

    JSP、JavaBean原理和使用JavaServerPages:Java服务器端页面,也和Servlet一样,用于动态Web技术!最大的特点:写JSP就像在写HTML区别:HTML只给用户提供静态的数据 JSP页面中可以嵌入JAVA代码,为用户提供动态数据;…

    2022年7月12日
    19
  • 软件使用&vmware虚拟机的安装步骤详细[通俗易懂]

    实验环境:Windows+Vmware12+RHEL7.2+Xshell5准备工作:1.关闭并退出360,电脑管家等优化软件,防止虚拟机运行出现问题。2.打开链接http://www.vmware.com/cn/products/workstation/workstation-evaluation下载试用版3.安装该软件,可以指定将来虚拟机存放的目录,其他随意。打开vmwar…

    2022年4月12日
    49
  • eclipse卸载adt插件(360卸载)

    Eclipse中ADT可能出错,那么卸载重装可能比较省事,具体步骤直接如图:下一步就是选择需要卸载的因插件文件路径变更,而报错问题Somesitescouldnotbefound.Seetheerrorlogformoredetail,解决方法如下图:转载于:https://www.cnblogs.com/zhuchengyi/p/3143602.ht…

    2022年4月10日
    63

发表回复

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

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