视图动态配置方法、装置和电子设备与流程

本公开涉及图像数据处理，尤其涉及一种视图动态配置方法、装置和电子设备。

背景技术：

1、在移动端页面开发中，传统的开发方式是研发根据用户界面设计开发固定样式页面后打包发布，现有的动态技术有webapp(网页应用)、react native(一种跨平台移动应用开发框架)等方案。

2、传统的开发方式在上线发布后不能支持修改动态配置，而webapp用户界面效果流畅度不如原生应用程序效果影响用户体验。react native性能方面不如原生应用程序的效果，复杂功能难以实现，依赖原生应用程序提供支持，对开发人员来说学习成本也较高。

3、因此，提供一种基于原生的应用程序进行视图动态配置的方案，实现原生应用程序视图的动态配置更新，是当前亟待解决的问题。

技术实现思路

1、本公开提供一种视图动态配置方法、装置和电子设备，用以解决现有技术中无法基于原生应用进行视图动态配置的缺陷，实现原生应用程序视图的动态配置更新。

2、本公开提供一种视图动态配置方法，应用于服务器，所述方法包括：

3、接收配置指令，配置根视图的根视图信息；

4、根据所述根视图信息和嵌套关系配置子视图的子视图信息；

5、根据所述子视图信息和所述嵌套关系生成子视图列表；

6、根据所述根视图信息和所述子视图列表生成视图数据包；

7、将所述视图数据包发送至客户端，其中，所述视图数据包用于所述客户端进行解析并生成目标视图。

8、根据本公开提供的一种视图动态配置方法，所述配置根视图的根视图信息的步骤，包括：

9、配置所述根视图的根视图类型；

10、配置所述根视图的根视图样式。

11、根据本公开提供的一种视图动态配置方法，所述根据所述根视图信息和嵌套关系配置子视图的子视图信息的步骤，包括：

12、根据所述嵌套关系配置所述子视图的子视图类型和对应的类型信息；

13、根据所述根视图类型、所述根视图样式和所述嵌套关系配置所述子视图的子视图样式。

14、根据本公开提供的一种视图动态配置方法，所述根据所述根视图类型和所述根视图样式配置子视图样式的步骤之后，还包括：

15、配置所述子视图的交互事件协议。

16、本公开还提供一种视图动态配置方法，应用于客户端，所述方法包括：

17、接收服务器发送的视图数据包；

18、解析所述视图数据包，得到所述根视图信息和子视图列表；

19、根据所述子视图列表确定子视图信息和嵌套关系；

20、根据所述根视图信息、所述子视图信息和所述嵌套关系，生成目标视图。

21、根据本公开提供的一种视图动态配置方法，所述根视图信息包括根视图类型和根视图样式；

22、所述子视图信息包括子视图样式、子视图类型和对应的类型信息，其中，所述子视图样式是根据所述根视图类型和所述根视图样式配置，所述子视图类型和对应的类型信息是根据所述嵌套关系配置。

23、根据本公开提供的一种视图动态配置方法，所述根据所述根视图信息、所述子视图信息和所述嵌套关系，生成目标视图的步骤，包括：

24、根据所述根视图类型和所述根视图样式，确定对应的根视图；

25、遍历子视图列表，得到每个子视图对应的所述子视图样式、所述子视图类型和对应的类型信息，并根据每个子视图对应的所述子视图样式、所述子视图类型和对应的类型信息确定每个子视图；

26、根据所述嵌套关系确定至少一个所述子视图的添加顺序，基于所述添加顺序将至少一个所述子视图添加至根视图中，生成所述目标视图。

27、根据本公开提供的一种视图动态配置方法，所述子视图信息还包括所述子视图的交互事件协议；

28、所述遍历子视图列表，得到每个子视图对应的所述子视图样式、所述子视图类型和对应的类型信息，并根据每个子视图对应的所述子视图样式、所述子视图类型和对应的类型信息确定每个子视图的步骤，具体包括：

29、遍历子视图列表，得到每个子视图对应的所述交互事件协议、所述子视图样式、所述子视图类型和对应的类型信息，并根据每个子视图对应的所述交互事件协议、所述子视图样式、所述子视图类型和对应的类型信息确定每个子视图。

30、本公开还提供一种视图动态配置装置，应用于服务器，所述装置包括：

31、生成单元，用于接收配置指令，配置根视图的根视图信息，根据所述根视图信息和嵌套关系配置子视图的子视图信息，根据所述子视图信息和所述嵌套关系生成子视图列表，根据所述根视图信息和所述子视图列表生成视图数据包；

32、发送单元，用于将所述视图数据包发送至客户端，其中，所述视图数据包用于所述客户端进行解析并生成目标视图。

33、本公开还提供一种视图动态配置装置，应用于客户端，所述装置包括：

34、接收单元，用于接收服务器发送的视图数据包；

35、解析单元，用于解析所述视图数据包，得到所述根视图信息和子视图列表，根据所述子视图列表确定子视图信息和嵌套关系，根据所述根视图信息、所述子视图信息和所述嵌套关系，生成目标视图。

36、本公开还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述视图动态配置方法的步骤。

37、本公开还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述视图动态配置方法的步骤。

38、本公开提供的视图动态配置方法、装置和电子设备，通过服务器生成视图数据包，将视图数据包发送至客户端，客户端接收服务器发送的视图数据包，解析所述视图数据包，得到目标视图，这个过程中无需借助其他网页应用程序或者对原生应用程序的代码进行改写，实现基于原生的应用程序进行视图动态配置。

技术特征：

1.一种视图动态配置方法，其特征在于，应用于服务器，所述方法包括：

2.根据权利要求1所述的视图动态配置方法，其特征在于，所述配置根视图的根视图信息的步骤，包括：

3.根据权利要求2所述的视图动态配置方法，其特征在于，所述根据所述根视图信息和嵌套关系配置子视图的子视图信息的步骤，包括：

4.根据权利要求3所述的视图动态配置方法，其特征在于，所述根据所述根视图类型和所述根视图样式配置子视图样式的步骤之后，还包括：

5.一种视图动态配置方法，其特征在于，应用于客户端，所述方法包括：

6.根据权利要求5所述的视图动态配置方法，其特征在于，所述根视图信息包括根视图类型和根视图样式；

7.根据权利要求6所述的视图动态配置方法，其特征在于，所述根据所述根视图信息、所述子视图信息和所述嵌套关系，生成目标视图的步骤，包括：

8.根据权利要求7所述的视图动态配置方法，其特征在于，所述子视图信息还包括所述子视图的交互事件协议；

9.一种视图动态配置装置，其特征在于，应用于服务器，所述装置包括：

10.一种视图动态配置装置，其特征在于，应用于客户端，所述装置包括：

11.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至8任一项所述视图动态配置方法的步骤。

12.一种非暂态计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如权利要求1至8任一项所述视图动态配置方法的步骤。

技术总结
本公开提供一种视图动态配置方法、装置和电子设备，应用于服务器，所述方法包括：接收配置指令，配置根视图的根视图信息；根据所述根视图信息和嵌套关系配置子视图的子视图信息；根据所述子视图信息和所述嵌套关系生成子视图列表；根据所述根视图信息和所述子视图列表生成视图数据包；将所述视图数据包发送至客户端，其中，所述视图数据包用于所述客户端进行解析并生成目标视图。通过服务器生成视图数据包，将视图数据包发送至客户端，客户端接收服务器发送的视图数据包，解析所述视图数据包，得到目标视图，这个过程中无需借助其他网页应用程序或者对原生应用程序的代码进行改写，实现基于原生的应用程序进行视图动态配置。

技术研发人员：曹晓磊
受保护的技术使用者：北京京东拓先科技有限公司
技术研发日：
技术公布日：2024/1/16