9. 模板搜索頁 · HkCms tp6版使用手冊《免授權，永久商用》-02251406

# 9. 模板搜索頁 ## 搜索頁 HkCms有提供基礎搜索頁，在默認模板下的index目錄下**search.html**文件有演示案例。 ## 使用方法 1. 調用方式復制以下表單放置任意位置即可，定義`model_id`，以查詢不同的副表模型數據。 ``` <pre class="calibre16">``` <form class="d-flex" action="{:url('/search/index')}" method="get">  <input type="hidden" name="model_id" value=""> <input class="form-control" type="search" name="keyword" placeholder="關鍵字" aria-label="Search"> <button class="btn btn-primary">搜索</button> </form> ``` ``` 2. 搜索結果頁結果頁放到index目錄下，并命名search.html - 結果頁變量 ``` <pre class="calibre16">``` $__param__ // 查詢(搜索)參數 $__modelInfo__ // 所有模型信息 $__SDATA__ // 搜索到的列表結果 $__SPAGE__ // 分頁數據 ``` ``` ## 變量說明 - $\_\_param\_\_ 搜索參數數組，里面包含：keyword(用戶搜索的關鍵字)、model\_id(模型ID) 、category\_id(模型ID) 、orderby(排序字段)、ordermode(排序類型，asc=升序，desc=降序) ``` <pre class="calibre16">``` {$__param__['keyword']} // 搜索的關鍵字 {$__param__['category_id']} // 篩選的欄目ID {$__param__['model_id']} // 篩選的模型ID ``` ``` - $\_\_modelInfo\_\_ 模型信息，使用volist輸出 ``` <pre class="calibre16">``` {hkcms:volist name="__modelInfo__"} 模型別名：{$item.alias} {/hkcms:volist} ``` ``` - $\_\_SDATA\_\_ 結果列表 ``` <pre class="calibre16">``` {hkcms:volist name="__SDATA__"} 標題：{$item.title}、更多字段前往后臺字段管理里面查看 {hkcms:color name="$item.title"} // 搜索結果文字高亮 {/hkcms:volist} ``` ``` 搜索文字高亮使用(v2.2.3.220920+)下面的標簽： {hkcms:color name="$item.title"} ，默認是紅色，如果想改成藍色并加粗如下： ``` <pre class="calibre16">``` {hkcms:color name="$item.title" style="color:blue;font-weight:bold"} ``` ``` 高亮效果圖 ![](https://img.kancloud.cn/4b/a2/4ba206107e85b16a800c0138fa91aa9f_468x186.png) - $\_\_SPAGE\_\_ 分頁對象，使用contentpage分頁標簽，了解更多前往內容列表分頁標簽查看 ``` <pre class="calibre20">``` {hkcms:contentpage name="__SPAGE__" item="home,pre,pageno,next,last,info" mobile_item="pre,pageno,next" pre="«" next="»" /} ``` ```