数据类型

个人信息数据

{
  name: '张三',
  age: 23,
  married: true,
  hobby: ['钓鱼', '游泳'],
  address: {province: 'xx省', city: 'xx市'},
  mate: ['王四', 23],
  schools: [{name:'xxx小学',year:'2000-2006'},{name:'xxx中学',year:'2007-2010'}]
}

TypeScript描述个人信息数据

{
  name: string
  age: number
  married: boolean
  hobby: Array<string>
  address: {province:string,city:string}
  mate: [string,number]
  schools: Array<{name:string,year:string}>
}

描述数据类型

提示

通过type、schema、items描述数据类型

一个数据可能对应一个或多个表单控件，由此可将数据类型分为以下两种：

1. 一个表单控件对应一个数据类型（普通数据类型-单表单）；

2. 多个表单控件嵌套关系，组合形成一份数据（复杂数据类型-多表单嵌套）；

普通数据类型（单表单控件）

string

{
    type: 'string'
}

number

{
    type: 'number'
}

boolean

{
    type: 'boolean'
}

object

{
    type: 'object'
}

array

{
  type: 'array',
}

复杂数据类型（多个表单控件嵌套）

对于嵌套关系的表单数据类型描述如下

object

//{address: {province:'xx省',city:'xx市'}}描述如下
{
  type: 'object',
  //由于对象是无序的，而表单是有序的，所以这里schema使用数组形式
  schema:[{type:'string'},{type:'string'}]
}

array

//普通数组（数组每一项格式相同）例如：['钓鱼','游泳']
{
  type:'array',
  items:{
    type:'string'
  }
}
//元祖（数组中每一项格式不相同）例如：['王四',23]
{
  type:'array',
  items:[
    {type:'string'},
    {type:'number'}
  ]
}

绑定数据

提示

通过fieldKey绑定数据

个人信息数据name字段配置

{
  type:"string",
  fieldKey:'name'
}

完整数据类型配置

最终个人信息数据完整数据格式配置如下

个人信息数据数据格式部分配置

{
  type:'object',
  schema:[
    {
      type:"string",
      fieldKey:'name'
    },
    {
      type:'number',
      fieldkey:'age'
    },
    {
      type:'boolean',
      fieldKey:'married'
    },
    {
      type:"array",
      fieldKey:'hobby',
      items: {
        type:'string'
      }
    },
    {
      type:'object',
      schema:[
        {
          type:'string',
          fieldKey:'province'
        },
        {
          type:'string',
          fieldKey:'city'
        },
      ]
    },
    {
      type:'array',
      fieldKey:'mate'
      items:[
        {
          type:'string',
        },
        {
          type:'number',
        }
      ]
    },
    {
      type:'array',
      fieldKey:'schools',
      items:{
        type:'object',
        schema:[
          {
            type:'string',
            fieldKey:'name'
          },
          {
            type:'string',
            fieldKey:'year'
          }
        ]
      }
    }
  ]
}