System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 业务系统的数据共享方法、装置及电子设备制造方法及图纸_技高网

业务系统的数据共享方法、装置及电子设备制造方法及图纸

技术编号:40564390 阅读:8 留言:0更新日期:2024-03-05 19:28
本申请提出一种业务系统的数据共享方法、装置及电子设备。其中,业务系统为基于微前端框架的系统,该方法包括:在业务系统的父应用处于登录状态后,获取系统全局数据信息;基于Vue框架,将系统全局数据信息,传递至业务系统的目标子应用,以实现系统全局数据信息的共享。本方案通过Vue框架来实现对系统全局数据信息的缓存,同时通过将系统全局数据信息传递至目标子应用,来降低应用之前通信的复杂度,并实现父子应用中系统全局数据信息的共享。

【技术实现步骤摘要】

本申请涉及计算机,尤其涉及一种业务系统的数据共享方法、装置及电子设备


技术介绍

1、随着前端技术的不断发展,业务系统的前端应用变得越来越复杂和庞大。传统的单体应用往往难以应对这种复杂性和规模的挑战,而微前端架构通过将前端应用拆分为独立的小块,使得每个小块可以独立开发、部署和扩展,从而提高了前端应用的可维护性和可扩展性。

2、微前端架构中各应用之间需要进行通信以实现数据的共享,但是各应用之间的通信复杂度较高,且微前端架构中并没有特定的数据缓存方案,造成数据间难以同步的问题。


技术实现思路

1、为了解决上述问题,本申请提供了一种业务系统的数据共享方法、装置及电子设备。

2、根据本申请的第一方面,提供了一种业务系统的数据共享方法,该业务系统为基于微前端架构的系统。该方法包括:

3、在所述业务系统的父应用处于登录状态后,获取系统全局数据信息;

4、基于vue框架,将所述系统全局数据信息,传递至所述业务系统的目标子应用,以实现所述系统全局数据信息的共享。

5、在本申请的一些实施例中,基于vue框架,将所述系统全局数据信息,传递至所述业务系统的目标子应用,包括:

6、基于所述vue框架下的vuex状态管理库,将所述系统全局数据信息,传递至所述目标子应用。

7、作为一种示例,所述系统全局数据信息包括以下至少一种:用户的临时凭证、用户信息和字典信息。

8、在本申请的一些实施例中,所述基于所述vue框架下的vuex状态管理库,将所述系统全局数据信息,传递至所述目标子应用,包括:

9、将所述系统全局数据信息存储在所述父应用的vuex store中;

10、基于预设的匹配规则,确定与当前路由匹配的目标子应用;

11、将所述vuex store通过props传递至所述目标子应用。

12、作为一种可能的实现方式,所述将所述vuex store通过props传递至所述目标子应用,包括:

13、判断所述目标子应用是否加载成功;

14、若所述目标子应用加载成功,将所述vuex store通过props传递至所述目标子应用。

15、作为一种示例,所述将所述vuex store通过props传递至所述目标子应用,包括:

16、将所述vuex store和状态更新执行对象通过props一并传递至所述目标子应用;其中,所述状态更新执行对象中包含对所述业务系统中的子应用通知所述父应用的消息数据的监听操作,以及在所述消息数据变化时所需执行的操作。

17、在本申请的一些实施例中,所述将所述vuex store通过props传递至所述目标子应用,包括:

18、基于所述目标子应用发送的验证消息,从所述vuex store中确定目标数据信息;

19、将所述目标数据信息通过props传递至所述目标子应用。

20、根据本申请的第二方面,提供了一种业务系统的数据共享装置,该业务系统为基于微前端架构的系统,该装置包括:

21、获取模块,用于在所述业务系统的父应用处于登录状态后,获取系统全局数据信息;

22、传递模块,用于基于vue框架,将所述系统全局数据信息,传递至所述业务系统的目标子应用,以实现所述系统全局数据信息的共享。

23、作为一种示例,所述系统全局数据信息包括以下至少一种:用户的临时凭证、用户信息和字典信息。

24、在本申请的一些实施例中,所述传递模块具体用于:

25、基于所述vue框架下的vuex状态管理库,将所述系统全局数据信息,传递至所述目标子应用。

26、在本申请的一些实施例中,所述传递模块包括:

27、存储单元,用于将所述系统全局数据信息存储在所述父应用的vuex store中;

28、匹配单元,用于基于预设的匹配规则,确定与当前路由匹配的目标子应用;

29、传递单元,用于将所述vuex store通过props传递至所述目标子应用。

30、作为一种可能的实现方式,传递单元具体用于:

31、判断所述目标子应用是否加载成功;

32、若所述目标子应用加载成功,将所述vuex store通过props传递至所述目标子应用。

33、作为一种示例,所述传递单元还用于:

34、将所述vuex store和状态更新执行对象通过props一并传递至所述目标子应用;其中,所述状态更新执行对象中包含对所述业务系统中的子应用通知所述父应用的消息数据的监听操作,以及在所述消息数据变化时所需执行的操作。

35、在本申请的一些实施例中,所述传递单元还用于:

36、基于所述目标子应用发送的验证消息,从所述vuex store中确定目标数据信息;

37、将所述目标数据信息通过props传递至所述目标子应用。

38、根据本申请的第三方面,提供了一种电子设备,包括:处理器,以及与处理器通信连接的存储器;所述存储器存储计算机执行指令;所述处理器执行所述存储器存储的计算机执行指令,以实现上述第一方面所述的方法。

39、根据本申请的第四方面,提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现上述第一方面所述的方法。

40、根据本申请的技术方案,在基于微前端架构的业务系统中的父应用处于登录状态后,获取系统全局数据信息,并基于vue框架,将系统全局数据信息,传递至业务系统的目标子应用,以实现系统全局数据信息的共享。本方案通过vue框架来实现对系统全局数据信息的缓存,同时通过将系统全局数据信息传递至目标子应用,来降低应用之前通信的复杂度,并实现父子应用中系统全局数据信息的共享。

41、本申请附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本申请的实践了解到。

本文档来自技高网...

【技术保护点】

1.一种业务系统的数据共享方法,其特征在于,所述业务系统为基于微前端架构的系统,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述基于Vue框架,将所述系统全局数据信息,传递至所述业务系统的目标子应用,包括:

3.根据权利要求2所述的方法,其特征在于,所述基于所述Vue框架下的Vuex状态管理库,将所述系统全局数据信息,传递至所述目标子应用,包括:

4.根据权利要求3所述的方法,其特征在于,所述将所述Vuex store通过props传递至所述目标子应用,包括:

5.根据权利要求3所述的方法,其特征在于,所述将所述Vuex store通过props传递至所述目标子应用,包括:

6.根据权利要求3所述的方法,其特征在于,所述将所述Vuex store通过props传递至所述目标子应用,包括:

7.根据权利要求1-6中任一项所述的方法,其特征在于,所述系统全局数据信息包括以下至少一种:用户的临时凭证、用户信息和字典信息。

8.一种业务系统的数据共享装置,其特征在于,所述业务系统为基于微前端架构的系统,所述装置包括:

9.一种电子设备,其特征在于,包括:处理器,以及与所述处理器通信连接的存储器;

10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如权利要求1-7中任一项所述的方法。

...

【技术特征摘要】

1.一种业务系统的数据共享方法,其特征在于,所述业务系统为基于微前端架构的系统,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述基于vue框架,将所述系统全局数据信息,传递至所述业务系统的目标子应用,包括:

3.根据权利要求2所述的方法,其特征在于,所述基于所述vue框架下的vuex状态管理库,将所述系统全局数据信息,传递至所述目标子应用,包括:

4.根据权利要求3所述的方法,其特征在于,所述将所述vuex store通过props传递至所述目标子应用,包括:

5.根据权利要求3所述的方法,其特征在于,所述将所述vuex store通过props传递至所述目标子应用,包括:

【专利技术属性】
技术研发人员:俞添雄
申请(专利权)人:中电金信数字科技集团有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1