热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

dedecmsarclist标签基本使用方法

用Dreamweaver打开dede文件的index.htm模板页面首先讲一下怎么看模板的csslinkhrefhttp://www.server110.com/{dede:global.cfg_templeturl/}/style/dedecms.cssrelstylesheetmediascreentypetext
用Dreamweaver 打开dede文件的index.htm模板页面
首先讲一下怎么看模板的css

在index.htm里第八行里就是这一句,通过这句话大家可以看到一个css路径,也就是在\templets\style这个文件下的所有文件都是dede默认模板的css文件,而index.htm的css就是dedecms。
打开这个css文件后大家会看到
@import url("layout.css");
@import url("page.css");
这两句话
这两句的意思就是dedecms.css这个css文件还引用了
layout.css和page.css这2个css
通过查看dedecms.css文件大家可以发现这个css主要控制的是所有模板文件的头部和尾部以及所有css的全局设计
大家找到/*---------- base ---------*/这句下面一直到/*---------- frame ---------*/这里基本上都是全局css
下面的透过看单词就明白是header和foot的css
也就是模板的头尾部css
关于page和layout这两个css是关于列表部分css、翻页css、以及一些通用的css,大家可以通过查看css了解一下。
下面大家打开head.htm模板文件
dede的前台模板在\templets\default文件夹下
下面根据默认模板简单讲解一下css的对应关系和部分标签的基础应用
首先大家打开head.htm后会看到
这句话
那么其中的header就是一个定义为header的css
那我们可以复制header,然后再dedecms.css
里用Ctrl+f来查找有关header的所有css定义
其它css的查找同样,如果你在某个css文件中找不到相应的css那么就在其他几个css文件中查找,然后修改
至于具体怎么修改css就不再本次讲解之内了,有关css的学习在网上有很多教程
在这里只是简单说明一下css的查找和应用
下面讲解一些标签的应用
我会通过实例来和大家分享
打开index.htm文件,删除body里的所有内容。
首先说一下arclist即文档列表标签,这个标签在模板当中应用是最广也是最基本的标签,熟悉这个标签后只要学会变通,基本可以学会dede的所有标签应用。
arclist这个标签是全局标签,也就是说这个标签基本上在任何模板都可以使用,当然不包括一些特殊模板。
如search.htm这个模板貌似就不能用
arclist标签的基本结构:
{dede:arclist}
[field:title/]
{/dede:arclist}
首先dede大部分的标签html语言一样,都是需要闭合的。
{dede:arclist}
{/dede:arclist}
也就是必须要有这2个部分组成
然后再中间插入,如:[field:title/]这样的标题标签 (dede的标签除了channelartlist标签是可以嵌套的之外,其它标签都不可以嵌套的)
大家在后台添加好文章后,在刚打开的index.htm模板里输入{dede:arclist}
[field:title/]
{/dede:arclist}
并保存
然后打开首页就会看到前台页面中已经输出了几个标题(默认是10个标题)
现在开始讲解arclist标签的参数应用。
1,col。这个是关于调用出来的标题分为几列的
具体应用:
{dede:arclist col=2}
[field:title/]  

{/dede:arclist}
这里我们设置col=2
也就是说设置为2列
同时细心的朋友也发现了还多了个  

这是html里的东西,表示换行,是为了更好的区别输出的内容。 保存后并刷新首页
这时在首页就会显示2列,每列为5行的标题输出
2,row参数,row是表示一共输出多少个标题。
应用:
{dede:arclist row=8}
  • [field:title/]  

  • {/dede:arclist}
    我们设置为row=8
    保存并刷新首页
    我们看到了不是原来的10个标题而是变成了8个标题,也就是说row参数已经起到作用了。这就是row的应用
    同时我们可以把8改成20
    这时就变成20了个标题了
    我们再加上前面讲的col
    {dede:arclist row=20 col=2}
  • [field:title/]  

  • {/dede:arclist}
    变成了2列 并每列10个标题的样式
    3,typeid,这个参数是指定某个栏目调用文章标题
    就是我们在后台看到的
    这里的ID:6就是typeid
    这个通过后台--核心--网站栏目管理,右侧的栏目列表可以查看到。
    效果为:
      
    (这里大家看到的效果不明显
    因为我在本地就添加了一个栏目的文章
    大家在测试的时候多添加几个栏目的文章就会很明显的看到效果了)
    4,titlelen ,这个参数是说明调用文章标题的字数。 
    标签应用:
    {dede:arclist row=20 col=2 typeid=7 titlelen=10}
  • [field:title/]  

  • {/dede:arclist}
    我们看到这里设置了titlelen=10,那么就是说这次调用的标题字数为5个,
    有些人会奇怪明明是写着10为什么会输出5个字呢。因为2个字节为1汉字,所以就是5个汉字。
    要看出变化就要添加不同标题的文章
    我们看到输出的标题字数为5个汉字了
    5.orderby 排序方式参数
    排序方式大致分为
    1,按点击数(orderby='hot' 或 orderby='click'),也就是大家在有些网站上看到的热门文章
    2,按出版时间(orderby='sortrank' 或 orderby='pubdate' )
    3,按最后出现评论的时间排序  orderby=='lastpost'
    4,按得分   orderby=='scores'
    5,按文章ID排序  orderby='id'
    6, 随机文档列表  orderby='rand'  也就是大家在有些网站看到随机推荐 {dede:arclist row=20 col=2 typeid=7 titlelen=20 orderby='hot' }
  • [field:title/]  

  • {/dede:arclist}
    这时一个热门文章的例子,其它排序方式只要修改hot就可以了
    前台效果
      
    6.摘要调用参数:[field:info/] 应用方法
    {dede:arclist row=1 col=2 typeid=7 titlelen=20 orderby='hot' }
  • [field:title/]  

  • [field:info/]


    {/dede:arclist}
    上面给出的是一个关于栏目ID为7,标题字数为10个汉字并且是1条热门的标题带摘要的调用方法。
    这里col=2不起作用,因为只有调用一个标题。
    那么有人就要说了,这个摘要太长了,我不需要那么长的摘要怎么办呢?
    这里我们有个参数是控制摘要字数的。
    “infolen=”这就是控制摘要字数的。
    应用
    {dede:arclist row=1 typeid=7 titlelen=20 orderby='hot' infolen='60' }
  • [field:title/]  

  • [field:info/]


    {/dede:arclist}
      
    我们发现这次调用出来的摘要字数在30汉字,默认dede的摘要长度为250个字节,也就是125个字节。
    7.下面讲怎么调用带缩略图的效果[field:image/]
    也就是这种效果
      
    标题加缩略图加摘要。
    标签写法:
    {dede:arclist row=1 type='image.' imgwidth='124' imgheight='94' }
  • [field:title/]

  • [field:image/][field:info/]


    {/dede:arclist}
    大家看到这arclist里多出了 type='image.' imgwidth='124' imgheight='94'这3个参数。他们分别说明这个标签调用的内容必须是有缩略图的,而且宽是124px 高是94的缩略图。
    [field:image/]这个就是调用缩略图的参数
    8.flag  自定义属性的应用。
    大家后台添加文章的时候会看到
     

    推荐阅读
    • QUIC协议:快速UDP互联网连接
      QUIC(Quick UDP Internet Connections)是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP,并结合了TLS级别的安全性,提供了更高效、更可靠的互联网通信方式。 ... [详细]
    • 深入理解OAuth认证机制
      本文介绍了OAuth认证协议的核心概念及其工作原理。OAuth是一种开放标准,旨在为第三方应用提供安全的用户资源访问授权,同时确保用户的账户信息(如用户名和密码)不会暴露给第三方。 ... [详细]
    • 2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商,ARM在嵌入式处理器市场占据主导地位,其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家,共同探讨当前嵌入式系统的前沿技术和应用。 ... [详细]
    • 程序员妻子吐槽:丈夫北漂8年终薪3万,存款情况令人意外
      一位程序员的妻子在网上分享了她丈夫在北京工作八年的经历,月薪仅3万元,存款情况却出乎意料。本文探讨了高学历人才在大城市的职场现状及生活压力。 ... [详细]
    • 国内BI工具迎战国际巨头Tableau,稳步崛起
      尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
    • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
    • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
    • 导航栏样式练习:项目实例解析
      本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
    • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
    • 深入理解Tornado模板系统
      本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
    • 深入理解Cookie与Session会话管理
      本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
    • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
    • 本文详细介绍了如何使用Python编写爬虫程序,从豆瓣电影Top250页面抓取电影信息。文章涵盖了从基础的网页请求到处理反爬虫机制,再到多页数据抓取的全过程,并提供了完整的代码示例。 ... [详细]
    • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
    • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
    author-avatar
    手机用户2702937405
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有