热门标签 | 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  自定义属性的应用。
    大家后台添加文章的时候会看到
     

    推荐阅读
    • 本文内容为asp.net微信公众平台开发的目录汇总,包括数据库设计、多层架构框架搭建和入口实现、微信消息封装及反射赋值、关注事件、用户记录、回复文本消息、图文消息、服务搭建(接入)、自定义菜单等。同时提供了示例代码和相关的后台管理功能。内容涵盖了多个方面,适合综合运用。 ... [详细]
    • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
    • VScode格式化文档换行或不换行的设置方法
      本文介绍了在VScode中设置格式化文档换行或不换行的方法,包括使用插件和修改settings.json文件的内容。详细步骤为:找到settings.json文件,将其中的代码替换为指定的代码。 ... [详细]
    • 基于layUI的图片上传前预览功能的2种实现方式
      本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
    • Java实战之电影在线观看系统的实现
      本文介绍了Java实战之电影在线观看系统的实现过程。首先对项目进行了简述,然后展示了系统的效果图。接着介绍了系统的核心代码,包括后台用户管理控制器、电影管理控制器和前台电影控制器。最后对项目的环境配置和使用的技术进行了说明,包括JSP、Spring、SpringMVC、MyBatis、html、css、JavaScript、JQuery、Ajax、layui和maven等。 ... [详细]
    • 本文介绍了使用Java实现大数乘法的分治算法,包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
    • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
      本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
    • CSS3选择器的使用方法详解,提高Web开发效率和精准度
      本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
    • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
    • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
    • Voicewo在线语音识别转换jQuery插件的特点和示例
      本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
    • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
    • 后台获取视图对应的字符串
      1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
    • 《数据结构》学习笔记3——串匹配算法性能评估
      本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
    • 本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ... [详细]
    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社区 版权所有