[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 %} ~~~