热门标签 | 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微信公众平台开发的目录汇总,包括数据库设计、多层架构框架搭建和入口实现、微信消息封装及反射赋值、关注事件、用户记录、回复文本消息、图文消息、服务搭建(接入)、自定义菜单等。同时提供了示例代码和相关的后台管理功能。内容涵盖了多个方面,适合综合运用。 ... [详细]
    • 本文介绍了使用Java实现大数乘法的分治算法,包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
    • Webpack5内置处理图片资源的配置方法
      本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中,我们需要使用file-loader和url-loader来处理图片资源,但是在Webpack5中,这两个Loader的功能已经被内置到Webpack中,我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法,如匹配不同类型的图片文件、设置输出路径等。通过本文的学习,读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]
    • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
      本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
    • CSS3选择器的使用方法详解,提高Web开发效率和精准度
      本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
    • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
    • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
    • 本文介绍了C#中数据集DataSet对象的使用及相关方法详解,包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成,以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读,读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]
    • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
    • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
      本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
    • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
    • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
    • 知识图谱——机器大脑中的知识库
      本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
    • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
    • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
    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社区 版权所有