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)