您现在的位置是:首页 > cms教程 > 易优cms教程易优cms教程

易优Eyoucms模板调用栏目分类标签常用标签参考

含烟2023-08-04易优cms教程已有人查阅

导读易优常用标记,可以循环嵌套标签。通常用于网站导航以获取站点栏目信息。注:{$field.extends}为新窗口打开/nofollow 等设置,直接放在a标签的参数里即可

易优常用标记,可以循环嵌套标签。通常用于网站导航以获取站点栏目信息。

用法:

{eyou:models type='top' loop='8' currentclass='active'}
{$field.typename}
{/eyou:models}

属性:

typeid=”栏目ID”

loop=’10’ 返回文档列表总数(建议不要与limit属性同时存在,否则loop无效)

limit=’起始ID,记录数’ (起始ID从0开始)表示限定的记录范围(如:limit=’1,2′ 表示从ID为1的记录开始,取2条记录)

titlelen=’30’ 栏目名称长度

type=’son’ 表示下级栏目

type=’self’ 表示同级栏目

type=’top’ 表示顶级栏目

type=’sonself’ 表示当前下级栏目以及同级栏目

type=’first’ 表示当前栏目ID的**顶级栏目下的第一级全部栏目

currentclass=” 应用样式class类名

offset=’0′ 记录的起始ID,默认从0开始,假如指定2,将过滤最前面的2条,从第三条显示

name=” 数组类型的变量名(三级导航时才用到)

empty=” 没有数据时显示的文案

mod=” 每隔N行输出的内容

id=” 可以任意指定循环里的变量名替代field,假设id=’field1’,模板调用如:{$field.title} 变成 {$field1.title}

涉及表字段:

请查阅易优cms官方提供的数据字典,找到表名 ey_arctype

(注:在没有指定typeid的情况下,type标记与模板的环境有关,如:模板生成到栏目一,那么type=’son’就表示栏目一的所有子栏目)

注:{$field.extends}为新窗口打开/nofollow 等设置,直接放在a标签的参数里即可

1,调用顶级栏目导航

模板调用代码

{eyou:models type=”top” loop=”8″ id=”field” currentclass=”on”}
{$field.typename}
{/eyou:models}
网站前端显示效果(css样式请自行填充)

2.当前栏目下子栏目调用

模板调用代码

{eyou:models loop=”6″ type =’son’ currentclass=”on”}
{$field.typename}
{/eyou:models}

网站前端显示效果(css样式请自行填充)

【更多示例】

——————————-示例1——————————–

描述:输出**顶级栏目,不包括子孙栏目,可用于网站简单的顶部导航

{eyou:models type=”top” loop=”10″ currentclass=”active”}
{$field.typename}
{/eyou:models}

——————————-示例2——————————–

描述:输出二个层级栏目(这里用到models标签层次嵌套,注意属性id | name的用法)

{eyou:models type=’top’ loop=’10’ id=’field1′ currentclass=’active’} // 第一级栏目循环开始
<li>
<a href=”{$field1.typeurl}” title=”{$field1.typename}” class=”{$field1.currentclass}”>
{$field1.typename}
{eyou:notempty name=’$field1.children’} // 判断是否有子栏目(该示例指的是第二级栏目)

有子栏目时才显示这里的html代码,比如:箭头、图标等

{/eyou:notempty}
</a>
{eyou:notempty name=’$field1.children’} // 判断是否有子栏目(该示例指的是第二级栏目)
<div>
{eyou:models name=’$field1.children’ id=’field2′ loop=’10’} // 第二级栏目循环开始
<a href=”{$field2.typeurl}” class=”dropdown-item “>{$field2.typename}</a>
{/eyou:models} // 第二级栏目循环结束
</div>
{/eyou:notempty}
{/eyou:models} // 第一级栏目循环结束

——————————-示例3——————————–

描述:输出复杂的三个层级栏目(这里用到models标签层次嵌套,注意属性id | name的用法)

{eyou:models type=’top’ loop=’10’ id=’field1′ currentclass=’active’} // 第一级栏目循环开始
<li>
<a href=”{$field1.typeurl}” title=”{$field1.typename}” class=”{$field1.currentclass}”>
{$field1.typename}
{eyou:notempty name=’$field1.children’}

有子栏目时才显示这里的html代码,比如:箭头、图标等

{/eyou:notempty}
</a>
{eyou:notempty name=’$field1.children’} // 判断是否有子栏目(第二级栏目)start
<div>
{eyou:models name=’$field1.children’ id=’field2′ loop=’10’} //第二级栏目循环开始
<div>
<a href=”{$field2.typeurl}” class=”dropdown-item “>{$field2.typename}</a>
{eyou:notempty name=’$field2.children’} // 判断是否有子栏目(第三级栏目)start
<div class=”dropdown-menu ani**te”>
{eyou:models name=’$field2.children’ id=’field3′ loop=’10’} //第三级栏目循环开始
<a href=”{$field3.typeurl}” class=”dropdown-item “>{$field3.typename}</a>
{/eyou:models} //第三级栏目循环结束
</div>
{/eyou:notempty} // 判断是否有子栏目(第三级栏目)end
</div>
{/eyou:models} // 第二级栏目循环结束
</div>
{/eyou:notempty} // 判断是否有子栏目(第二级栏目)end
{/eyou:models} //第一级栏目循环结束

——————————-示例4——————————–

描述:每隔3条输出文档记录

{eyou:models typeid=’文档ID’ loop=’10’ mod=’3′}
{eyou:eq name=’mod’ value=’0′}
{$field.typename}
{/eyou:eq}
{/eyou:models}

——————————-示例5——————————–

描述:mod属性还用于控制一定记录的换行,每3条记录换行一次

{eyou:models typeid=’文档ID’ loop=’10’ mod=’3′}
{$field.typename}
{eyou:eq name=’mod’ value=’0′}
{/eyou:eq}
{/eyou:models}

——————————-示例6——————————–

描述:输出指定起始ID的记录,过滤最前面2条,从第三条开始输出

{eyou:models typeid=’栏目ID’ type=’son’ offset=’2′}
{$field.typename}
{/eyou:models}

——————————-示例7——————————–

描述:内置变量输出数据索引与记录顺序,key 表示索引,默认从0开始;i 表示顺序,默认从1开始。

{eyou:models type=’top’}
{$key} – {$i}
{/eyou:models}

效果:

0 – 1

1 – 2

2 – 3

3 – 4

4 – 5

——————————-示例8——————————–

描述:自定义变量名

{eyou:models type=’top’ id=’field2′}
{$field2.typename}
{/eyou:models}

本文标签:

很赞哦! ()

相关源码

  • (PC+WAP)货运物流快递仓储货架pbootcms网站模板下载本模板基于PbootCMS开发,为货运物流、快递配送、仓储货架等行业设计,支持PC+WAP自适应,确保在电脑、手机、平板等设备上均能流畅访问。适用于物流公司、仓储企业查看源码
  • (自适应)文案文档作文写作word资源网站模板下载本模板基于PbootCMS系统深度开发,针对电影解说、文案分享类网站的特殊需求设计。采用响应式布局技术,确保在手机端和桌面端都能呈现专业的内容展示效果,帮助运营者高效管理影视解说资源。查看源码
  • (自适应响应式)HTML5中小学早教教育机构类网站pbootcms模板下载基于PbootCMS内核开发的响应式模板,为早教中心、培训学校等教育机构打造,提供从技术架构到视觉呈现的全套网站建设方案。查看源码
  • 自适应新闻资讯技术博客个人网站pbootcms模板该模板基于PbootCMS开源内核深度开发,该模板适用于游戏新闻网站、游戏博客等企业或个人网站,新闻资讯技术博客pbootcms模板;采用六级分辨率断点适配技术查看源码
  • (自适应)高端集团跨国公司产业联盟机构网站模板免费下载基于PbootCMS内核开发的集团级企业网站模板,采用响应式设计架构,确保在各类移动设备上获得浏览体验。通过模块化布局与简约大气的视觉风格,帮助集团企业高效展示组织架构、发展历程和业务矩阵,建立专业的企业形象窗口。查看源码
  • (自适应)WordPress主题SEO自媒体博客资讯模板RabbitV2.0Rabbit v2.0主题专注于网站搜索引擎优化需求,为博客、自媒体及资讯类网站提供专业的SEO技术解决方案。该主题从架构设计到功能实现均围绕搜索引擎优化理念展开。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐