Hkcms 模板配置JSON
放在模板的根目录下，用于用户自定义一些配置、前台调取。
支持text、textarea、radio、checkbox、select、image、images、date、datetime控件
组件可前往这里了解：字段类型与组件
使用说明
一级写法 说明
| key | 更改key值 | value值 | 是否必填 | 说明 |
|---|---|---|---|---|
| field | 可更改 | - | - | field改为king 前台调用方式 {$Tpl.king} |
| title | 否 | 随便填 | 否 | - |
| type | 否 | text textarea radio checkbox select image images date datetime | --- | 具体说明 字段类型与组件 |
| tips | 否 | 随便填 | 否 | 后台模板配置时候提示效果 |
| rules | 否 | - | 否 | 验证规则 如果多个验证请用 ; 隔开 查看规则 |
| error_tips | 否 | 随便填 | 否 | 自定义验证规则错误信息。 填写了，会覆盖规则的错误提示消息。 |
| value | 否 | - | 否 | 默认值 |
多级写法 说明
| key | 更改key值 | value值 | 是否必填 | 说明 |
|---|---|---|---|---|
| base/more | 可更改 | - | - | base改为king 前台调用方式 {$Tpl.king.item中的key值} |
| title | 否 | 随便填 | 否 | - |
| item | 否 | - | 是 | 多个一级写法组成 key值不能重复 |
使用示例
简单写法(一级)
前台调用方式，如下配置文件。调取标题字段的值。
{$Tpl.field} 或者 {$Tpl['field']}
{
"field": {
"title": "标题",
"type": "text",
"tips": "提示",
"rules": "required;length(3~16)",
"error_tips": "值必须",
"value": ""
}}效果图
配置分组写法 (多级)
调取标题
{$Tpl.base.text} 或者 {$Tpl['base']['text']}
示例代码
{
"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": ""
}
}
}}分组后的效果图
