ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
[TOC] # 导航模块 导航模块模版标签调用说明 模块名:channel 可用参数:无 返回菜单树。 代码例子 ~~~ <ul id="topMain" class="nav nav-pills nav-main"> {% channel data='channel'%} {% for val in channel%} <li class="{% if val.children %}dropdown{% endif %} {% if category.id|in_Array(val.on) %}active{% endif %}"> <a {% if val.children%}class="dropdown-toggle" {% endif %} href="{{val.url}}">{{val.title}}</a> {% if val.children%} <ul class="dropdown-menu"> {% for _val in val.children%} <li class="{% if _val.children%}dropdown{% endif %} {% if category.id|in_Array(_val.on) %}active{% endif %}"> <a {% if _val.children%}class="dropdown-toggle" {% endif %} href="{{_val.url}}">{{_val.title}}</a> {% if _val.children%} <ul class="dropdown-menu"> {% for __val in _val.children%} <li class="{% if category.id|in_Array(__val.on) %}active{% endif %}"><a href="{{__val.url}}">{{__val.title}}</a></li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endfor%} </ul> ~~~ 上面的例子中输出了菜单树包括导航名称,导航链接和子导航(名称,链接),还提供了更多的数据可以输出。如下表所示: | 字段 | 类型 | 空 | 默认 | 注释 | | -- | -- | -- | -- | -- | | id | INT(10) | 否 | | 导航id | | title | VARCHAR(50) | 否 | | 导航标题 | | pid | INT(10) | 否 | 0 | 父级导航id | | url | CHAR(100) | 否 | | 导航链接 | |sort|INT(10)|否|0|导航排序)| |create_time|BIGINT(13)|否|0|创建时间| |update_time|BIGINT(13)|否|0|更新时间| |target|TINYINT(2)|否|0|新窗口打开| |status|TINYINT(4)|否|0|状态| |children|[ [Object], [Object],... ]|||子导航[数组]| |chnum||||子栏目个数| |on|数组|||绑定到该导航栏目的所有子导航的id,用于当前状态的感知| ## 导航栏当前状态例子 ~~~ <ul> {% channel data='channel'%} {% for val in channel%} <li class="{% if category.id|in_Array(val.on) %}active{% endif %}"> <a href="{{val.url}}">{{val.title}}</a> {% endif %} </ul> ~~~ 上面例子中class="{% if category.id|in_Array(val.on) %}active{% endif %}" 为判断当前状态的代码,category.id 为系统模版变量,意思为当前栏目的id. > 请查看模版系统变量相关章节,以了解具体保留参数及其用途。 # 栏目模块 栏目模块模版标签调用说明 模块名:column ## 获取当前栏目的同级栏目(包括该栏目) 可用参数 | 参数名 | 是否必须 | 默认值 | 说明 | | -- | -- | -- | -- | | pid | 是 | null | 当前栏目的pid | | isnum | 否 | 0 | 获取栏目内容条数,默认不获取 ,1:获取 ,0:不获取 | 代码例子 ~~~ {% column data="cate", pid=category.pid %} {% if cate %} <ul class="page-header-tabs list-inline"> {% for val in cate %} <li {% if val.id == category.id %}class="active"{% endif %}><a href="{{val.url}}">{{val.name}}</a></li> {% endfor %} </ul> {% endif %} ~~~ 上面的例子中输出了栏目id,栏目名称和栏目链接,栏目模块还提供了更多的数据可以输出。如下表所示: | 字段 | 类型 | 空 | 默认 | 注释 | | -- | -- | -- | -- | -- | | id | INT(10) | 否 | | 栏目id | | name | VARCHAR(50) | 否 | | 栏目标题 | | pid | INT(10) | 否 | 0 | 父级栏目id | | url | CHAR(100) | 否 | | 栏目链接 | |allow_publish|TINYINT(3)|否|0|是否允许发布内容| |doc_num||是|0|当isnum="1"时,才会显示该字段| ## 获取当前栏目的子栏目 可用参数 | 参数名 | 是否必须 | 默认值 | 说明 | | -- | -- | -- | -- | | cid | 是 | null | 当前栏目的id | | isnum | 否 | 0 | 获取栏目内容条数,默认不获取 ,1:获取 ,0:不获取 | 代码例子 ~~~ {%column data="cates",cid=category.id,isnum="1"%} {%if cates%} <div class="side-nav margin-bottom-20 margin-top-20"> <div class="side-nav-head"> <button class="fa fa-bars"></button> <h4>{{category.title}} 子分类</h4> </div> <ul class="list-group list-group-bordered list-group-noicon uppercase"> {%for val in cates%} <li class="list-group-item"><a href="{{val.url}}"><span class="size-11 text-muted pull-right">({{val.doc_num}})</span> {{val.name}}</a></li> {%endfor%} </ul> </div> {%endif%} ~~~ 上面的例子中输出了栏目id,栏目名称,栏目内容数和栏目链接,栏目模块还提供了更多的数据可以输出。如下表所示: | 字段 | 类型 | 空 | 默认 | 注释 | | -- | -- | -- | -- | -- | | id | INT(10) | 否 | | 栏目id | | name | VARCHAR(50) | 否 | | 栏目标题 | | pid | INT(10) | 否 | 0 | 父级栏目id | | url | CHAR(100) | 否 | | 栏目链接 | |allow_publish|TINYINT(3)|否|0|是否允许发布内容| |doc_num||是|0|当isnum="1"时,才会显示该字段| ## 获取栏目id=2的所有子栏目并已菜单树展示 可用参数 | 参数名 | 是否必须 | 默认值 | 说明 | | -- | -- | -- | -- | | tree | 是 | null | 栏目id | | isnum | 否 | 0 | 获取栏目内容条数,默认不获取 ,1:获取 ,0:不获取 | 代码例子 ~~~ {% column data="list",tree="2" %} {% for val in list %} <li class="list-group-item active "> <a {% if val.children %}class="dropdown-toggle "{%endif%} href="{{val.title}}">{{val.name}}</a> {% if val.children %} <ul > {% for _val in val.children %} <li class="{%if breadcrumb[2].id == _val.id%}active {%endif%}"><a href="{{_val.url}}"><span class="size-11 text-muted pull-right">(123)</span> {{_val.name}}</a></li> {%endfor%} </ul> {%endif%} </li> {%endfor%} ~~~ 上面的例子中输出了栏目id,栏目名称,栏目内容数和栏目链接,栏目模块还提供了更多的数据可以输出。如下表所示: | 字段 | 类型 | 空 | 默认 | 注释 | | -- | -- | -- | -- | -- | | id | INT(10) | 否 | | 栏目id | | name | VARCHAR(50) | 否 | | 栏目标题 | | pid | INT(10) | 否 | 0 | 父级栏目id | | url | CHAR(100) | 否 | | 栏目链接 | |allow_publish|TINYINT(3)|否|0|是否允许发布内容| |doc_num||是|0|当isnum="1"时,才会显示该字段| |children|[ [Object], [Object],... ]|||子栏目[数组],该字段只会在参数为tree时显示| ## 判断栏目当前高亮 可以判断当前栏目id(category.id) 是否等于 栏目id (val.id)来实现 例子代码 ~~~ {% if val.id == category.id %}class="active"{% endif %} ~~~