放在模板的根目录下，用于用户自定义一些配置、前台调取。
支持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": ""
      }
    }
  }}

分组后的效果图

本文关键词： 模板 JSON 配置 Hkcms

希望以上内容对你有所帮助！如果还有其他问题，请随时提问。 各类知识收集 拥有多年CMS企业建站经验，对 iCMS， LeCMS， ClassCMS， Fastadmin， PbootCMS， PHPCMS， 易优CMS， YzmCMS， 讯睿CMS， 极致CMS， Wordpress， HkCMS， YznCMS， WellCMS， ThinkCMF， 等各类cms的相互转化，程序开发，网站制作，bug修复，程序杀毒，插件定制都可以提供最佳解决方案。