[发明专利]页面元素的动态创建方法及系统

说明书

本发明涉及电数字数据处理技术领域，本发明公开了页面元素的动态创建方法及系统，包括：获取待插入的页面元素以及所述页面元素待插入的位置；根据所述页面元素待插入的位置，调用对应的工具函数，以实现所述页面元素插入到整体页面中；将页面元素视为子组件，将整体页面视为父组件；子组件将自身的参数传递给父组件；父组件将自身的参数传递给子组件；对整体页面进行渲染。减少用户手写代码的工作量，基于低代码开发平台+页面DOM元素扩展快速相应用户需求。

技术领域

本发明涉及电数字数据处理技术领域，特别是涉及页面元素的动态创建方法及系统。

背景技术

本部分的陈述仅仅是提到了与本发明相关的背景技术，并不必然构成现有技术。

在低代码开发平台的使用场景下，很多页面开发出来是不一定能够完全满足用户需求的，需要用户手动编写代码来实现，针对于有些页面，80%可以通过低代码实现，仅有20%功能不能实现，此时开发人员手写代码实现功能，大大增加了开发工作量，增加项目成本。

发明内容

为了解决现有技术的不足，本发明提供了页面元素的动态创建方法及系统；减少用户手写代码的工作量，基于低代码开发平台+页面DOM元素扩展快速相应用户需求。

第一方面，本发明提供了页面元素的动态创建方法；

页面元素的动态创建方法，包括：

获取待插入的页面元素以及所述页面元素待插入的位置；

根据所述页面元素待插入的位置，调用对应的工具函数，以实现所述页面元素插入到整体页面中；

将页面元素视为子组件，将整体页面视为父组件；子组件将自身的参数传递给父组件；父组件将自身的参数传递给子组件；

对整体页面进行渲染。

第二方面，本发明提供了页面元素的动态创建系统；

页面元素的动态创建系统，包括：

获取模块，其被配置为：获取待插入的页面元素以及所述页面元素待插入的位置；

函数调用模块，其被配置为：根据所述页面元素待插入的位置，调用对应的工具函数，以实现所述页面元素插入到整体页面中；

参数传递模块，其被配置为：将页面元素视为子组件，将整体页面视为父组件；子组件将自身的参数传递给父组件；父组件将自身的参数传递给子组件；

渲染模块，其被配置为：对整体页面进行渲染。

与现有技术相比，本发明的有益效果是：

解决低代码开发平台开发出来的系统不能完全满足用户需求的问题，减少用户重写代码的工作量。实现在低代码开发场景下，在生成的页面中动态插入DOM元素的功能，减少用户手写代码的工作量，减少项目开发成本。简单功能通过低代码完成可视化拖拽，复杂功能在生成的源码中通过手写组件动态插入，快速完成系统开发，响应用户需求。

附图说明

构成本发明的一部分的说明书附图用来提供对本发明的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。

图1为实施例一的方法流程图。

具体实施方式

应该指出，以下详细说明都是示例性的，旨在对本发明提供进一步的说明。除非另有指明，本文使用的所有技术和科学术语具有与本发明所属技术领域的普通技术人员通常理解的相同含义。

在不冲突的情况下，本发明中的实施例及实施例中的特征可以相互组合。

本实施例所有数据的获取都在符合法律法规和用户同意的基础上，对数据的合法应用。