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

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

有三个点:

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

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

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

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


不知是该恭喜,还是该怎样,总之阅读到该文的,你是第 人。每一次刷新,都是不同的自己。