您现在的位置是:首页 > cms教程 > 易优cms教程易优cms教程
易优CMS标签channel用法介绍
柳庭沛2025-04-03易优cms教程已有人查阅
导读[基础用法]名称:channel功能:易优常用标记,可以循环嵌套标签。通常用于网站导航以获取站点栏目信息,方便网站会员分类浏览整站信息typeid='' 栏目ID,多个请用","分开row='10' 返回文档列表总数(建议不要与limit属性同时存在,否则row无效)
[基础用法]
名称:channel
功能:易优常用标记,可以循环嵌套标签。通常用于网站导航以获取站点栏目信息,方便网站会员分类浏览整站信息
语法:
typeid='' 栏目ID,多个请用","分开
row='10' 返回文档列表总数(建议不要与limit属性同时存在,否则row无效)
limit='起始ID,记录数' (起始ID从0开始)表示限定的记录范围(如:limit='1,2' 表示从ID为1的记录开始,取2条记录)
titlelen='30' 栏目名称长度
type='son' 表示下级栏目
type='self' 表示同级栏目
type='top' 表示顶级栏目
type='sonself' 表示当前下级栏目以及同级栏目
type='first' 表示当前栏目ID的顶级栏目下的所有层级栏目 currentstyle='' 应用样式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'就表示栏目一的所有子栏目)
-------------------------------效果展示--------------------------------
1,调用顶级栏目导航
模板调用代码
2.当前栏目下子栏目调用
模板调用代码
【更多示例】
-------------------------------示例1--------------------------------
描述:输出顶级栏目,不包括子孙栏目,可用于网站简单的顶部导航
描述:输出二个层级栏目(这里用到channel标签层次嵌套,注意属性id | name的用法)
描述:输出复杂的三个层级栏目(这里用到channel标签层次嵌套,注意属性id | name的用法)
名称:channel
功能:易优常用标记,可以循环嵌套标签。通常用于网站导航以获取站点栏目信息,方便网站会员分类浏览整站信息
语法:
{eyou:channel type='top' row='8' currentstyle='active'}
<li class="{$field.currentstyle}"><a href='{$field.typeurl}'>{$field.typename}</a> </li>
{/eyou:channel}
参数:typeid='' 栏目ID,多个请用","分开
row='10' 返回文档列表总数(建议不要与limit属性同时存在,否则row无效)
limit='起始ID,记录数' (起始ID从0开始)表示限定的记录范围(如:limit='1,2' 表示从ID为1的记录开始,取2条记录)
titlelen='30' 栏目名称长度
type='son' 表示下级栏目
type='self' 表示同级栏目
type='top' 表示顶级栏目
type='sonself' 表示当前下级栏目以及同级栏目
type='first' 表示当前栏目ID的顶级栏目下的所有层级栏目 currentstyle='' 应用样式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'就表示栏目一的所有子栏目)
-------------------------------效果展示--------------------------------
1,调用顶级栏目导航
模板调用代码
{eyou:channel type="top" row="8" id="field" currentstyle="on"}
<li> <a class="{$field.currentstyle}" href="{$field.typeurl}">{$field.typename}</a> </li>
{/eyou:channel}
网站前端显示效果(css样式请自行填充)2.当前栏目下子栏目调用
模板调用代码
{eyou:channel row="6" type ='son' currentstyle="on"}
<li class="{$field.currentstyle}"><a href="{$field.typeurl}" >{$field.typename}</a> </li>
{/eyou:channel}
网站前端显示效果(css样式请自行填充)【更多示例】
-------------------------------示例1--------------------------------
描述:输出顶级栏目,不包括子孙栏目,可用于网站简单的顶部导航
{eyou:channel type="top" row="10" currentstyle="active"}
<a href="{$field.typeurl}" title="{$field.typename}" class="{$field.currentstyle}">{$field.typename}</a>
{/eyou:channel}
-------------------------------示例2--------------------------------描述:输出二个层级栏目(这里用到channel标签层次嵌套,注意属性id | name的用法)
{eyou:channel type='top' row='10' id='field1' currentstyle='active'} // 第一级栏目循环开始
<li>
<a href="{$field1.typeurl}" title="{$field1.typename}" class="{$field1.currentstyle}">
{$field1.typename}
{eyou:notempty name='$field1.children'} // 判断是否有子栏目(该示例指的是第二级栏目)
有子栏目时才显示这里的html代码,比如:箭头、图标等
{/eyou:notempty}
</a>
{eyou:notempty name='$field1.children'} // 判断是否有子栏目(该示例指的是第二级栏目)
<div>
{eyou:channel name='$field1.children' id='field2' row='10'} // 第二级栏目循环开始
<a href="{$field2.typeurl}" class="dropdown-item ">{$field2.typename}</a>
{/eyou:channel} // 第二级栏目循环结束
</div>
{/eyou:notempty}
</li>
{/eyou:channel} // 第一级栏目循环结束
-------------------------------示例3--------------------------------描述:输出复杂的三个层级栏目(这里用到channel标签层次嵌套,注意属性id | name的用法)
{eyou:channel type='top' row='10' id='field1' currentstyle='active'} // 第一级栏目循环开始
<li>
<a href="{$field1.typeurl}" title="{$field1.typename}" class="{$field1.currentstyle}">
{$field1.typename}
{eyou:notempty name='$field1.children'}
有子栏目时才显示这里的html代码,比如:箭头、图标等
{/eyou:notempty}
</a>
{eyou:notempty name='$field1.children'} // 判断是否有子栏目(第二级栏目)start
<div>
{eyou:channel name='$field1.children' id='field2' row='10'} //第二级栏目循环开始
<div>
<a href="{$field2.typeurl}" class="dropdown-item ">{$field2.typename}</a>
{eyou:notempty name='$field2.children'} // 判断是否有子栏目(第三级栏目)start
<div class="dropdown-menu animate">
{eyou:channel name='$field2.children' id='field3' row='10'} //第三级栏目循环开始
<a href="{$field3.typeurl}" class="dropdown-item ">{$field3.typename}</a>
{/eyou:channel} //第三级栏目循环结束
</div>
{/eyou:notempty} // 判断是否有子栏目(第三级栏目)end
</div>
{/eyou:channel} // 第二级栏目循环结束
</div>
{/eyou:notempty} // 判断是否有子栏目(第二级栏目)end
</li>
{/eyou:channel} //第一级栏目循环结束
本文标签:
很赞哦! ()
相关教程
图文教程
易优EyouCMS“易优修改重置后台密码小工具”使用方法
易优EyouCMS的“易优修改重置后台密码小工具”是一个非常实用的工具,可以帮助您在忘记后台密码或其他登录问题时快速解决问题。以下是该工具的主要功能及其使用方法:
易优CMS目录结构分析
易优CMS目录结构WEB部署目录├─application 应用目录│ ├─admin 后台模块目录│ ├─api api外部接口模块目录│ ├─common 公共模块目录│ ├─extra 扩展配置目
易优CMS后台的验证码管理主要功能有哪些
易优CMS后台的验证码管理功能主要用于管理和配置系统中各个场景使用的验证码。这些功能可以帮助您提高系统的安全性和用户体验。以下是验证码管理的主要功能及其详细说明
易优CMS数据库链接失败的解决方法
当出现数据库连接失败的提示时,通常是因为数据库配置信息不正确。为了解决这个问题,你需要检查并更新数据库配置文件。具体步骤如下:检查并更新数据库配置
相关源码
-
pbootcms响应式蓝色旅游旅行社pbootcms网站源码下载为旅游公司、旅行社定制的响应式网站模板,聚焦旅游线路展示、景点推荐及预约服务场景。采用PbootCMS内核开发,自适应技术确保PC与手机端数据实时同步查看源码 -
(响应式H5)帝国cms7.5文章新闻博客模板带会员中心本模板基于帝国CMS内核开发,为新闻资讯、个人博客及作品展示类网站设计。采用响应式布局技术,确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验。查看源码 -
(自适应响应式)蓝色环保机械设备网站pbootcms模板HTML5源码下载基于PbootCMS的生态环境技术展示平台,通过内容调整可应用于新能源设备、污水处理、空气净化等环保相关领域。设备参数采用对比表格展示,技术原理支持图文混排;查看源码 -
(自适应)中英双语配线器材扎带线卡网站pbootcms模板免费下载为线缆管理、电气配线领域打造的响应式网站模板,采用PbootCMS内核开发,可快速搭建企业级产品展示平台,数据实时同步管理。查看源码 -
(自适应)双语网络电子摄像头设备pbootcms网站模板下载核心功能定位:基于PbootCMS开发的双语摄像头企业官网模板,深度适配产品规格书展示、实时监控演示、解决方案呈现等业务场景,支持中英文内容一键切换。查看源码 -
(PC+WAP)货物运输快递物流汽车贸易pbootcms模板下载为货运代理、汽车贸易及快递企业设计的全终端适配网站系统,整合运单追踪与车辆展示核心功能模块原生开发的DIV+CSS架构,支持WebP图像压缩技术。查看源码
| 分享笔记 (共有 篇笔记) |
