一种基于低代码开发平台的动态表单实现方法及系统.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115268916A(43)申请公布日2022.11.01(21)申请号202211194710.3(22)申请日2022.09.29(71)申请人泰豪软件股份有限公司地址330000江西省南昌市高新开发区泰豪大厦(72)发明人张远来晏斐赵辉谈志斌龚毅李超(74)专利代理机构南昌旭瑞知识产权代理事务所(普通合伙)36150专利代理师梁耀锋(51)Int.Cl.G06F8/38(2018.01)G06F8/65(2018.01)权利要求书2页说明书5页附图2页(54)发明名称一种基于低代码开发平台的动态表单实现方法及系统(57)摘要本发明提供了一种基于低代码开发平台的动态表单实现方法及系统，该方法通过将表单设计器提供的表单布局数据和控件配置数据存储于数据库中，其中，数据库还包括表单实例数据，当需要对表单控件进行渲染时，再通过表单渲染引擎从数据库中调用表单布局数据和控件配置数据，生成表单控件对象，并根据表单控件对象动态分步渲染表单控件，避免一次性渲染的表单控件过多，导致渲染时间过长，最后判断表单是否处于运行状态，若是，则通过表单渲染引擎从数据库中调用表单实例数据，并对表单实例数据进行渲染，以完成表单页面的渲染，若否，则控制表单渲染引擎停止从数据库中调用表单实例数据。CN115268916ACN115268916A权利要求书1/2页1.一种基于低代码开发平台的动态表单实现方法，其特征在于，所述方法包括：将表单设计器提供的表单布局数据和控件配置数据存储于数据库中，其中，所述数据库还包括表单实例数据；通过表单渲染引擎从所述数据库中调用所述表单布局数据和所述控件配置数据，生成表单控件对象，并根据所述表单控件对象动态分步渲染表单控件；判断表单是否处于运行状态；若是，则通过所述表单渲染引擎从所述数据库中调用所述表单实例数据，并对所述表单实例数据进行渲染，以完成表单页面的渲染；若否，则控制所述表单渲染引擎停止从所述数据库中调用所述表单实例数据。2.根据权利要求1所述的基于低代码开发平台的动态表单实现方法，其特征在于，所述根据所述表单控件对象动态分步渲染表单控件的步骤中，将所述表单控件对象分批，并按批次渲染所述表单控件，其中，使用JavaScript的事件轮询机制，每次渲染一批表单控件之后，向事件轮询中添加一个宏任务，所述宏任务用以渲染后一批的表单控件，直到全部渲染完成。3.根据权利要求2所述的基于低代码开发平台的动态表单实现方法，其特征在于，所述将所述表单控件对象分批的步骤中，所述表单控件对象为数组，其中，每次分批的过程为将更新的表单控件对象添加至表单控件对象数组中，所述更新的表单控件对象由所述数据库中返回的所述表单布局数据和所述控件配置数据生成。4.根据权利要求3所述的基于低代码开发平台的动态表单实现方法，其特征在于，所述表单渲染引擎采用Vue作为前端框架。5.根据权利要求4所述的基于低代码开发平台的动态表单实现方法，其特征在于，所述通过表单渲染引擎从所述数据库中调用所述表单布局数据和所述控件配置数据，生成表单控件对象，并根据所述表单控件对象动态分步渲染表单控件的步骤中，根据当前表单控件对象，控制所述表单渲染引擎生成虚拟Dom树；获取根据历史表单控件对象生成的历史虚拟Dom树，并将所述虚拟Dom树和所述历史虚拟Dom树进行diff算法比较，生成目标Dom节点；根据所述目标Dom节点，对真实Dom树进行更新。6.根据权利要求5所述的基于低代码开发平台的动态表单实现方法，其特征在于，所述则通过所述表单渲染引擎从所述数据库中调用所述表单实例数据，并对所述表单实例数据进行渲染的步骤中，控制所述表单渲染引擎将所述表单实例数据渲染至所述真实Dom树中。7.根据权利要求1所述的基于低代码开发平台的动态表单实现方法，其特征在于，所述运行状态为表单编辑状态或表单查看状态的一种。8.根据权利要求2所述的基于低代码开发平台的动态表单实现方法，其特征在于，所述表单设计器提供可视化可拖拽的表单布局功能，根据用户需要拖拽预设类型的表单控件，并对所述表单控件的属性进行编辑，编辑后的数据用于转换为所述表单布局数据和所述控件配置数据存储于数据库中。9.一种基于低代码开发平台的动态表单实现系统，其特征在于，所述系统包括：存储模块，用于将表单设计器提供的表单布局数据和控件配置数据存储于数据库中，其中，所述数据库还包括表单实例数据；表单控件渲染模块，用于通过表单渲染引擎从所述数据库中调用所述表单布局数据和2CN115268916A权利要求书2/2页所述控件配置数据，生成表单控件对象，并根据所述表单控件对象动态分步渲染表单控件；运行状态判断模块，用于判断表单是否处于运行状态；表单页面渲染模块，用于当判断表单处于运行状态时