面向对象开发--2.0查询方案数据抽象

原型:

 

 

如原型所展示的查询条件,对每一个查询条件作了一般性的抽象,得到了如下的字段设计,

又考虑到如果全部使用元数据配置,在从后端返回所有数据后,再在前端渲染,会影响加载速度的原因,因此,除了关联后端实体类的数据以及用户可以自定义编辑需要持久化的几个字段外,对于相对固定的字段,在前端进行了定义.

 

字段:

 

1.id(与后端关联的依据,不能改变)

2.是否显示:用户可编辑(需要持久化)

3.默认顺序:用户不可编辑,当新建时,在此顺序上进行修改

4.顺序:用户可编辑(需要持久化)

5.输入样式 (在前端代码中定义)

 

1个input框
2个input框
多选select框
input+select框	未点开:点开后:

 

6.可选择数据集合:

        变动频率低 (在前端代码中定义),变动频率高:(ajax请求获取)(例如:店铺,仓库,快递)

7.显示名称 (在前端代码中定义)

8.请求Key (在前端代码中定义)

9.校验规则 (在前端代码中定义)