[发明专利]一种前端表单生成方法及系统

说明书

本发明公开了一种前端表单生成方法及系统，所述方法包括：在后端的数据库中选取所需的业务模型；在前端提供可视化表单页面，所述可视化表单页面中包括控件库；在所述可视化表单页面中，以拖拽的方式添加所需的控件并进行页面布局；对所述控件进行设置，并与所述业务模型进行关联；再通过所述前端中的渲染引擎根据所述设置实现页面的渲染和发布；其效果是：通过在前端提供可视化表单页面，可直接通过可视化的拖拽进行页面的设计开发，实现方式简单，经过简单培训的用户即可进行操作，可替代一部分过去前端开发人员编程开发页面的工作，前端开发人员可将工作重心转移至复杂逻辑的开发实现，进而克服现有技术中开发效率低的缺陷。

技术领域

本发明属于前端页面技术领域，具体涉及到一种前端表单生成方法及系统。

背景技术

随着互联网的快速发展，企业、政府等组织的各类信息化需求与日俱增，前端页面开发的需求越来越大，并需要针对不同的表单提交内容开发对应的前端页面和后端接口。产品从设计到发布的过程中需要经过设计师根据沟通设计样式图，而软件公司、信息化部门相对有限的开发资源越来越无法满足这些需求，开发人员工作压力巨大，公司的业务发展受到限制。

为了降低信息化系统的建设成本，提高软件交付效率，开发人员进行了多种尝试，例如市面上逐渐有开发者提供一些封装好的前端组件库，常见的有Ant Design、Element，开发人员在开发前端页面时可直接调用，无需从0编写控件样式，大大提高了前端页面的开发效率，但是这些组件库能力有限，开发人员面对每个页面，依然需要逐个开发处理，开发资源不足的情况依然大量存在，仍存在效率不足的缺陷。

发明内容

鉴于上述现有技术中的不足之处，本发明的目的在于为用户提供一种前端表单生成方法及系统，以克服现有技术中开发效率低的缺陷。

第一方面：一种前端表单生成方法，所述方法包括：

在后端的数据库中选取所需的业务模型；其中，所述业务模型对应有相应的业务流程；

在前端提供可视化表单页面，所述可视化表单页面中包括控件库；

在所述可视化表单页面中，以拖拽的方式添加所需的控件并进行页面布局；

对所述控件进行设置，并与所述业务模型进行关联；

再通过所述前端中的渲染引擎根据所述设置实现页面的渲染和发布。

作为本申请一种可选的实施方式，所述方法还包括：

在现有的控件之上，进行二次开发，以添加特定的属性或事件，并将其添加到渲染引擎指定的生命周期。

作为本申请一种可选的实施方式，各控件独立运行于引擎之上，不与其他部分发生耦合。

作为本申请一种可选的实施方式，在前端，控件之间需要以适配器的形式或接口的形式进行通信，并全部汇总到父组件统一接口。

作为本申请一种可选的实施方式，要展示的数据需要通过AJAX的方式与后端进行交互。

第二方面：一种前端表单生成系统，所述系统包括：

交互层，用于在前端提供可视化表单页面，所述可视化表单页面中包括控件库；

应用层，包括表单设计器，用于：

在所述可视化表单页面中，以拖拽的方式添加所需的控件并进行页面布局；

对所述控件进行设置，并与业务模型进行关联；其中，所述业务模型通过在后端的数据库中选取所得，同时所述业务模型对应有相应的业务流程；

服务层，包括渲染引擎，用于通过所述渲染引擎根据所述设置实现页面的渲染和发布。

作为本申请一种可选的实施方式，所述服务层还用于：