表单模型
表单是web开发中最基础、最常见的组件,为了保证开发过程中一套UI仅有一套实现方案、对应一套数据结构,我们对表单进行了如下定义:
信息
- 表单无论从UI展示、代码结构、数据结构上都保持key-value结构。
- 表单的value值可能是一个复杂交互产生的数据结构。
如下图表单,在没有这个规则定义时,我们对UI会有多种认知,不同认知对应了一套实现方案和数据结构:
以CabinX定义来看,上述表单有且仅有一套实现方案,对应一套数据结构:
使用表单时,我们第一步要分清它的层次关系,这有助于代码的实现和后端接口的定义。