项目中页面大多是表单，相同的代码很多，有什么好办法解决吗？

Question

在做的一个项目中，大多数页面都是表单，表单大多还差不多，但又都有一些差异，可能是布局不同，可能是表单元素增加。每个页面都是复制的大段相似的代码，尤其加上bootstrap的col、row，控件的验证等，就显得代码更多更乱了。

请教有什么好办法能够解决这个问题吗？比如使用自定义组件根据自定义的配置生成表单之类的？

Answer 1

封装表单组件，根据每个页面的具体表单内容，通过props传入配置项，封装的组件内部通过配置项判断展示不同的内容，个性化的内容可通过具名插槽或作用域插槽进行展示，组件内部方法的调用可通过ref或者$emit进行触发

Answer 2

• 表单生成器
• 低代码 low code、无代码 no Code

比较常见的方法就是根据 Scheme 描述做渲染，然后做一个 Scheme 的可视化生成工具

上述说到的内容其实还可以组合起来使用，低代码平台中支持表单生成器。或者低代码平台支持导出 Scheme

Answer 3

以下是一些可能有助于解决项目中表单代码重复问题的办法：

提取公共组件：将表单中相同的部分提取为独立的组件，在需要的地方进行引用。
使用模板引擎：通过模板引擎来生成表单代码，减少重复编写。
建立代码库：将常用的表单代码片段保存到代码库中，方便复用。
采用设计模式：例如策略模式、工厂模式等，对表单的创建和处理进行优化。
优化架构设计：重新审视项目的架构，确保代码结构合理，便于管理和维护。