一种用于页面搭建的互动组件及构建方法与流程

文档序号:37544113发布日期:2024-04-08 13:46阅读:来源:国知局

技术特征:

1.一种用于页面搭建的互动组件,其特征在于,所述互动组件内置数据模型和动作模型,所述数据模型用于定义字段的名称、类型、枚举、结构和释义;

2.根据权利要求1所述的用于页面搭建的互动组件,其特征在于,所述动作通过客户端根据动作模型定义动作的具体业务逻辑,通过模板生成器向互动组件注入,包括:

3.根据权利要求1所述的用于页面搭建的互动组件,其特征在于,所述组合组件通过内置的关联组件关系图进行互动组件间的业务逻辑;其中关联组件关系图包括动作和动作之间的关系、动作和组件之间的关系以及组件和组件之间的关系;动作和动作之间的关系会在动作完成时触发组合组件内的关联动作,动作和组件之间的关系在动作完成时显示组合组件内关联组件所在页面或在组件完成时触发组合组件内的关联动作,组件和组件之间的关系会在一个组件内部的特定触发动作完成后显示或触发组合内的另一个组件。

4.根据权利要求2所述的用于页面搭建的互动组件,其特征在于,所述模板生成器和所述互动组件基于uni-app框架开发,在h5端或小程序端通过安装模板生成器、上传互动组件和远程加载组件或安装组件包形成页面配置。

5.根据权利要求1所述的用于页面搭建的互动组件,其特征在于,所述互动组件和/或其他元素形成页面模板,存储于模板生成器的vuex模块中,且每个模板具有唯一模板标识。

6.一种用于页面搭建的互动组件的构建方法,其特征在于,包括:

7.根据权利要求6所述的构建方法,其特征在于,所述动作通过客户端根据动作模型中的动作定义动作的具体业务逻辑,通过模板生成器向互动组件注入,将客户端定义动作的具体业务逻辑作为一个js函数,将接收互动组件数据、互动组件规则和动作参数作为js函数的参数对动作的具体业务逻辑进行定义;若动作为接口类动作,则通过promise.resolve返回处理后的数据,返回处理后的数据符合数据模型定义的字段内容,若动作为交互类动作,则通过promise.resolve返回true或false,表示该动作执行成功或失败。

8.根据权利要求6所述的构建方法,其特征在于,所述组合组件通过内置的关联组件关系图进行互动组件间的业务逻辑;其中关联组件关系图种包括动作和动作之间的关系、动作和组件之间的关系以及组件和组件之间的关系;动作和动作之间的关系会在动作完成时触发组合组件内的关联动作,动作和组件之间的关系在动作完成时显示组合组件内关联组件所在页面或在组件完成时触发组合组件内的关联动作,组件和组件之间的关系会在一个组件内部的特定触发动作完成后显示或触发组合内的另一个组件。

9.根据权利要求7所述的构建方法,其特征在于,所述模板生成器和所述互动组件基于uni-app框架开发,在h5端或小程序端通过安装模板生成器、上传互动组件和远程加载组件或安装组件包形成页面配置。

10.根据权利要求6所述的构建方法,其特征在于,所述互动组件和/或其他组件形成组件模板,存储于模板生成器的vuex模块中,且每个组件模板具有唯一模板标识。


技术总结
本发明涉及计算机技术领域,具体涉及一种用于页面搭建的互动组件及构建方法;互动组件内置数据模型和动作模型,数据模型用于定义字段的名称、类型、枚举、结构和释义,动作模型用于定义不同类型互动组件所需的动作以及动作的类型、功能和关联字段,动作的类型包括接口类动作和交互类动作,每个互动组件具有唯一的组件标识,多个互动组件形成组合组件,组合组件具有唯一的组合标识,互动组件和/或其他组件形成页面模板,存储于模板生成器的Vuex模块中,且每个页面模板具有唯一模板标识;本发明互动组件内置数据模型和动作模型,具有更好的适配性和扩展性,减少页面搭建的工作量,通过互动组件的组合实现组合内数据互通,增加互动组件的功能。

技术研发人员:李高伟,李阳,闫银涛,甘天亮,文学超
受保护的技术使用者:北京领雁科技股份有限公司
技术研发日:
技术公布日:2024/4/7
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1