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

权利要求书

1.页面元素的动态创建方法，其特征是，包括：

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

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

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

如果所述页面元素待插入位置为目标文档对象模型元素内部，并作为目标文档对象模型元素的第一个文档对象模型元素；则判断目标文档对象模型元素是否存在子文档对象模型列表，如果存在子文档对象模型列表，就使用超文本标记语言提供的insertBefore方式进行操作，将待插入的页面元素插入到子文档对象模型列表的第一个子文档对象模型前面；如果不存在子文档对象模型列表，就使用超文本标记语言提供的appenChild方式，将待插入的页面元素插入到目标文档对象模型元素内部；

如果所述页面元素待插入位置为目标文档对象模型元素内部，并作为目标文档对象模型元素的最后一个文档对象模型元素；则使用超文本标记语言提供的appenChild方式，将待插入的页面元素插入到目标文档对象模型元素内部；

如果所述页面元素待插入位置为目标文档对象模型元素的前方，且待插入的页面元素的文档对象模型层级与目标文档对象模型元素的文档对象模型层级一致；则使用超文本标记语言提供的insertBefore方式进行操作，将待插入的页面元素插入到目标文档对象模型元素的前方；

如果所述页面元素待插入位置为目标文档对象模型元素的后方，且待插入的页面元素的文档对象模型层级与目标文档对象模型元素的文档对象模型层级一致；则判断目标文档对象模型元素是否有下一个同级的文档对象模型元素；

如果有，则使用超文本标记语言提供的insertBefore方式进行操作，将待插入的页面元素插入到下一个文档对象模型元素之前；

如果没有，则使用超文本标记语言提供的appenChild方式，将待插入的页面元素插入到目标文档对象模型元素的父文档对象模型元素中作为最后一个文档对象模型元素；

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

所述子组件将自身的参数传递给父组件；具体包括：根据业务场景，将子组件数据传递给父组件；

所述父组件将自身的参数传递给子组件；具体包括：

创建子组件时，如果子组件从父组件获取到的值是明确值，并且子组件从父组件获取到的值不再改变，父组件调用工具函数时，以propsData形式将子组件需要的数据传入到实例中，在子组件内以props形式获取propsData传入的变量的值；

反之，创建子组件时，如果子组件从父组件获取到值不是明确值，或者根据使用业务场景的不同，子组件从父组件获取到值是改变的，则将变量定义在子组件data内，定义一个变量将调用工具函数的返回值组件实例进行存储，获取子组件对应的数据，并且赋值改变；

调用工具函数时，参数包括子组件数据、插入位置、传递参数、监听事件以及监听事件触发时需要执行的方法；通过js提供的call方法确保工具函数的执行环境是当前要插入的vue页面，确保组件插入到指定页面的指定位置；

低代码开发平台每个组件都有ref属性，通过$ref属性获取插入的指定位置，在要插入的位置放入低代码开发平台提供的区域组件，以此确保插入子组件的位置和大小，控制插入子组件的显示样式；

对整体页面进行渲染。

2.采用如权利要求1所述的页面元素的动态创建方法的页面元素的动态创建系统，其特征是，包括：

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

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

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

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