前后端分离时，处理复杂表单页面的基本面

最近公司业务涉及到一些复杂表单页面，功能的开发很占时间，后续优化也很占时间。虽然自己是后端，但我还是查了一下处理复杂表单页面的基本面。

有三个点：

1. 尽量遵循对等原则：get 和 post 的数据在结构上保持一致。
2. 表单控件模块化，控件内部处理 value 的展示、渲染、校验、获取，以 name 为单位赋值，再多的表单也是尽量平铺，然后 value 可以很复杂，但这种复杂处理都统一交给控件来处理。
3. 表单的校验不是针对数据，而是为了用户体验，后端才是做数据校验。表单本身就是数据容器，或者说前端数据表。若认为表单是针对数据校验，那若真知道了某个数据有问题，又该怎么找到这个数据所在的具体位置呢？所以表单的校验应该交给控件来实现，校验结果直接体验在 HTML 的属性变化上。

最后，前端开发都是围绕一个个控件展开。那控件到底是个什么东西呢？

控件是 HTML、JS、CSS 之间通力合作，构成的功能体。它可以接受数据输入，完成数据展示和渲染，提供交互，最终输出数据。

几乎原样参考： 如何做好 Web 项目的表单？