mysql动态表单设计与实现_动态表单的设计与实现

在xxx信息管理这种业务场景中我认为最常见的操作就是对字段的处理(例如查询、编辑等区域的表单、图表的列名、表格的列名)，而字段恰恰是最为 '规范的'，它有自己的名称、类型例如

1. name 它代表名称，类型为字符串，在页面中应该是一个文本框

2. sex 它代表性别，类型为数值型，当它为0的时候代表男、为1的时候代表女,在页面中应该是一个下拉框

我们可以通过程序语言来描述这种数据结构

用对象或者说map这种结构而不用数组是为了可以精准对某个字段进行设置 而数组需要先遍历查找到这个字段再进行设置

let fieldMap = {

name: {

name: 'name',

label: '名称',

type: 'text'

},

sex: {

name: 'sex',

label: '性别',

type: 'select',

options: {

list: [

{

label: '男', value: 0

},

{

label: '女', value: 1

}

]

}

}

}

我们可以轻易的把这种数据结构渲染成表单

可通过 formData 这个外部传入的对象来对数据进行统一的设置与读取

动态表单的简易实现

export default {