10. 模板配置JSON · HkCms tp6版使用手冊《免授權，永久商用》-02251406

# 10. 模板配置JSON ## 模板配置JSON 放在模板的根目錄下，用于用戶自定義一些配置、前臺調取。支持text、textarea、radio、checkbox、select、image、images、date、datetime控件組件可前往這里了解：[字段類型與組件](Qian%20Yan.html) ## 使用說明 ### 一級寫法說明 ![](https://img.kancloud.cn/87/a0/87a00a8abf20e7d2802626228b2e25eb_349x259.png) key更改key值value值是否必填說明field可更改--field改為king 前臺調用方式 {$Tpl.king}title否隨便填否-type否text textarea radio checkbox select image images date datetime---具體說明 [字段類型與組件](Qian%20Yan.html)tips否隨便填否后臺模板配置時候提示效果rules否-否驗證規則如果多個驗證請用 ; 隔開 [查看規則](Yan%20Zheng%20Gui%20Ze.html)error\_tips否隨便填否自定義驗證規則錯誤信息。填寫了，會覆蓋規則的錯誤提示消息。value否-否默認值### 多級寫法說明 ![](https://img.kancloud.cn/1b/f8/1bf8887abd75f74721ff8526d07431c8_409x504.png) key更改key值value值是否必填說明base/more可更改--base改為king 前臺調用方式 {$Tpl.king.item中的key值}title否隨便填否-item否-是多個一級寫法組成 key值不能重復## 使用示例 ### 簡單寫法(一級) 前臺調用方式，如下配置文件。調取標題字段的值。 **{$Tpl.field}** 或者 **{$Tpl\['field'\]}** ``` <pre class="calibre16">``` { "field": { "title": "標題", "type": "text", "tips": "提示", "rules": "required;length(3~16)", "error_tips": "值必須", "value": "" } } ``` ``` 效果圖 ![](https://img.kancloud.cn/c8/7c/c87c00878c38732294a020a9cd8a533b_803x252.jpg) ### 配置分組寫法 (多級) 調取標題 **{$Tpl.base.text}** 或者 **{$Tpl\['base'\]\['text'\]}** 示例代碼 ``` <pre class="calibre16">``` { "base": { "title": "基礎配置", "item": { "text": { "title": "標題", "type": "text", "tips": "提示", "rules": "required;length(3~16)", "error_tips": "值必須", "value": "" }, "textarea": { "title": "描述", "type": "textarea", "tips": "", "rules": "", "error_tips": "", "value": "" }, "radio": { "title": "是否顯示", "type": "radio", "tips": "", "rules": "", "error_tips": "", "options": { "1": "顯示", "0": "不顯示" }, "value": "1" }, "checkbox": { "title": "多項選擇", "type": "checkbox", "tips": "", "rules": "", "error_tips": "", "options": { "1": "顯示1", "2": "顯示3", "0": "不顯示" }, "value": "1,2" }, "select": { "title": "下拉選擇", "type": "select", "tips": "我是提示", "rules": "", "error_tips": "", "options": { "1": "測試1", "2": "測試2", "3": "測試3" }, "value": "2" }, "selects": { "title": "下拉多項選擇", "type": "selects", "tips": "我是提示", "rules": "", "error_tips": "", "options": { "1": "測試1", "2": "測試2", "3": "測試3" }, "value": "2,3" } } }, "more": { "title": "更多選項", "item": { "image": { "title": "圖片", "type": "image", "tips": "請上傳圖片", "rules": "required", "error_tips": "請上傳圖片", "value": "" }, "images": { "title": "圖片", "type": "images", "tips": "請上傳圖片", "rules": "required", "error_tips": "請上傳圖片", "max_number": 5, "value": "" }, "date": { "title": "日期", "type": "date", "tips": "", "rules": "required", "error_tips": "日期選擇", "value": "" }, "datetime": { "title": "日期時間", "type": "datetime", "tips": "日期時間", "rules": "", "error_tips": "日期時間", "value": "" } } } } ``` ``` 分組后的效果圖 ![](https://img.kancloud.cn/81/74/8174709ca8e948bef7965c2261411f93_1193x825.png)