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

- $\_\_SPAGE\_\_
分頁對象,使用contentpage分頁標簽,了解更多前往內容列表分頁標簽查看
```
<pre class="calibre20">```
<span class="token1">{</span>hkcms<span class="token1">:</span>contentpage name<span class="token">=</span><span class="token4">"__SPAGE__"</span> item<span class="token">=</span><span class="token4">"home,pre,pageno,next,last,info"</span> mobile_item<span class="token">=</span><span class="token4">"pre,pageno,next"</span> pre<span class="token">=</span><span class="token4">"«"</span> next<span class="token">=</span><span class="token4">"»"</span> <span class="token">/</span><span class="token1">}</span>
```
```
- 簡介
- 下載與安裝配置
- 下載
- 虛擬主機安裝
- 百度云虛擬主機
- 創業云虛擬主機
- Linux下寶塔安裝
- 寶塔一鍵部署
- Windows下寶塔安裝
- phpEnv下安裝
- phpStudy下安裝
- 偽靜態(url重寫)
- 安裝系統
- 調試模式與env文件
- 重新安裝與安裝文件說明
- 后臺使用幫助
- 后臺入口文件
- 首頁面板
- 配置中心
- 站點配置
- SEO設置
- SEO設置-靜態生成
- 文檔屬性
- 站點模塊
- V2.2.2版本 -
- V2.2.3版本 +
- 模型管理
- 欄目管理
- 字段類型與組件
- 前言
- 前端組件
- 驗證規則
- text 單行文本
- textarea 多行文本
- radio 單選
- checkbox 復選
- select 下拉列表
- selects下拉列表(多)
- selectpage 動態下拉
- editor編輯器
- image圖片
- images圖片(多)
- number數字
- date日期
- datetime日期和時間
- downfile文件上傳
- downfiles文件上傳(多)
- array 數組(鍵值對)
- 內容管理
- 自定義URL
- 多語言
- 界面多語言
- 內容多語言
- 多語言URL地址
- 附件管理
- 應用中心
- 標簽語法
- 標簽使用必讀
- 列表標簽
- content 內容列表標簽
- contentpage 內容列表分頁
- wfpage 瀑布流分頁
- filter 篩選標簽
- order 排序標簽
- 內容標簽
- guestbook 留言(表單)標簽(廢棄)
- form 表單標簽
- pre 上一篇標簽
- next 下一篇標簽
- prenext 上一篇下一篇(高級)標簽
- fileinfo 獲取附件信息(文件下載)
- 內容分頁
- raw 格式化編輯器文本(即將廢棄)
- 全局標簽
- seo 標簽
- channel 欄目標簽
- arcone 獲取單條文檔
- breadcrumb 面包屑導航標簽
- adv 站點模塊標簽
- date 日期格式化標簽
- substr字符(標題)截取標簽
- volist 循環標簽
- language 獲取語言列表標簽
- query 查詢數據庫內容
- include 導入模板文件標簽
- 原生PHP與php標簽
- map生成位置地圖
- thumb 生成縮略圖
- addons 插件檢測
- 標簽管理
- taglist標簽(獲取標簽列表)
- tagarclist根據標簽獲取文章內容列表
- 導入標簽
- 模板開發
- 1. 創建模板
- 2. 模板目錄結構
- 3. 模板描述文件(重要) info.ini
- 4. 變量輸出格式
- 4. 模板變量
- 5. 獲取站點配置
- 6. 模板界面多語言
- 7. 模板靜態目錄及調用靜態文件
- 8. 模板定義插件事件
- 9. 模板搜索頁
- 10. 模板配置JSON
- 11. 導入演示數據
- 12. 卸載刪除演示數據
- 13. 模板文件打包
- 14. 整站源碼打包
- 插件開發
- 1. 創建插件
- 2. 目錄結構
- 3. 插件名稱類
- 4. 插件信息(info.ini)
- 5. 插件事件
- 6. 配置文件
- 7. install 安裝目錄
- 8. 創建菜單
- 9. 插件控制器
- 10. 插件視圖
- 10-1 插件主題化
- 11. 插件模型
- 12. 模型事件
- 13. 插件內置函數
- 13-1 插件函數庫
- 14. 插件多語言
- 15. 插件中間件
- 16. 插件路由
- 17. 插件驗證器
- 18. 標簽庫
- 19. 第三方類庫
- 20. 數據庫文件導入
- 插件打包
- 后臺前端使用幫助
- 二次開發幫助(更新中)
- 后臺前端開發幫助
- 路由(鏈接地址、訪問規則)
- URL訪問
- 路由定義
- URL生成
- 附錄
- 數據字典
- 助手函數庫