动态渲染方法、装置、设备及存储介质与流程

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.基于所述第一变更信息及所述第二变更信息更新所述映射关系，得到所述第二树形结构信息。
39.根据本发明优选实施例，所述基于预设解析规则执行对所述第二树形结构信息的解析处理，得到显示界面包括：
40.从所述第二树形结构信息中获取每个组件结点的字段信息；
41.根据所述字段信息的字段类型从所述预设解析规则中提取目标规则；
42.基于所述目标规则对所述字段信息进行解析，得到所述显示界面。
43.另一方面，本发明还提出一种动态渲染装置，所述动态渲染装置包括：
44.定位单元，用于接收渲染请求，并根据所述渲染请求定位可视化界面；
45.获取单元，用于获取所述可视化界面中每个界面组件在多个组件字段上的组件信息，所述多个组件字段包括关联字段及目标字段；
46.转换单元，用于根据所述关联字段将所述组件信息转换为第一树形结构信息，所
述第一树形结构信息中包括多个所述界面组件的关联关系及每个界面组件与所述目标字段所对应的数据信息的映射关系；
47.筛选单元，用于当监测到所述可视化界面中的第一组件执行组件操作时，从所述关联关系中筛选出与所述第一组件关联的第二组件；
48.更新单元，用于根据所述组件操作及所述第二组件更新所述映射关系，得到第二树形结构信息；
49.解析单元，用于基于预设解析规则执行对所述第二树形结构信息的解析处理，得到显示界面。
50.另一方面，本发明还提出一种电子设备，所述电子设备包括：
51.存储器，存储计算机可读指令；及
52.处理器，执行所述存储器中存储的计算机可读指令以实现所述动态渲染方法。
53.另一方面，本发明还提出一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机可读指令，所述计算机可读指令被电子设备中的处理器执行以实现所述动态渲染方法。
54.由以上技术方案可以看出，本发明基于所述关联字段能够完整的构建出与所述可视化界面对应的第一树形结构信息，由于所述第一树形结构信息中将所述组件信息区分为所述关联关系及所述映射关系，因此无需对所述多个组件字段进行逐个遍历，提高了所述第二组件的筛选效率，同时，并非在所述组件操作执行完毕后对所述第二组件进行筛选，而是在监测到所述第一组件执行所述组件操作时及时的筛选出所述第二组件，进一步提高了所述第二组件的筛选效率，进而根据所述组件操作及所述第二组件对所述映射关系进行更新，由于无需重构所述第二树形结构信息的框架，因此提高了所述第二树形结构信息的生成效率，从而提高了所述显示界面的展示效率。
附图说明
55.图1是本发明动态渲染方法的较佳实施例的流程图。
56.图2是本发明中所述第一树形结构信息的简图。
57.图3是本发明动态渲染装置的较佳实施例的功能模块图。
58.图4是本发明实现动态渲染方法的较佳实施例的电子设备的结构示意图。
具体实施方式
59.为了使本发明的目的、技术方案和优点更加清楚，下面结合附图和具体实施例对本发明进行详细描述。
60.如图1所示，是本发明动态渲染方法的较佳实施例的流程图。根据不同的需求，该流程图中步骤的顺序可以改变，某些步骤可以省略。
61.所述动态渲染方法可以基于人工智能技术对相关的数据进行获取和处理。其中，人工智能(artificial intelligence，ai)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
62.人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、
大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。
63.所述动态渲染方法应用于一个或者多个电子设备中，所述电子设备是一种能够按照事先设定或存储的计算机可读指令，自动进行数值计算和/或信息处理的设备，其硬件包括但不限于微处理器、专用集成电路(application specific integrated circuit，asic)、可编程门阵列(field－programmable gate array，fpga)、数字信号处理器(digital signal processor，dsp)、嵌入式设备等。
64.所述电子设备可以是任何一种可与用户进行人机交互的电子产品，例如，个人计算机、平板电脑、智能手机、个人数字助理(personal digital assistant，pda)、游戏机、交互式网络电视(internet protocol television，iptv)、智能穿戴式设备等。
65.所述电子设备可以包括网络设备和/或用户设备。其中，所述网络设备包括，但不限于单个网络电子设备、多个网络电子设备组成的电子设备组或基于云计算(cloud computing)的由大量主机或网络电子设备构成的云。
66.所述电子设备所处的网络包括，但不限于：互联网、广域网、城域网、局域网、虚拟专用网络(virtual private network，vpn)等。
67.s10，接收渲染请求，并根据所述渲染请求定位可视化界面。
68.在本发明的至少一个实施例中，所述渲染请求可以由有数据展示需求的用户触发生成。所述渲染请求中携带有发送地址、请求标识、界面标识等。
69.所述可视化界面是指进行数据展示的界面。
70.在本发明的至少一个实施例中，所述电子设备根据所述渲染请求定位可视化界面包括：
71.从所述渲染请求中提取发送地址及请求标识；
72.根据所述请求标识从与所述发送地址对应的终端设备中获取日志信息；
73.检测所述日志信息中是否包含生成事件；
74.若所述日志信息中包含所述生成事件，将所述终端设备确定为所述渲染请求的生成终端；
75.从所述渲染请求中提取界面标识；
76.从所述生成终端中定位出与所述界面标识对应的界面作为所述可视化界面。
77.其中，所述发送地址是指发送所述渲染请求的地址，所述发送地址可以是ip地址。
78.所述请求标识是指用于指示所述渲染请求，例如，所述请求标识可以是xuanran001。
79.所述日志信息是指所述终端设备中与所述请求标识对应的日志。所述日志信息可以包括与所述请求标识相关的所有操作日志。
80.所述生成事件是指用于指示信息生成的对象名。
81.通过对从所述终端设备中获取到的日志信息进行生成事件检测，能够准确的确定出所述生成终端，进而基于所述生成终端及所述界面标识能够准确的定位出所述可视化界面。
82.s11，获取所述可视化界面中每个界面组件在多个组件字段上的组件信息，所述多
个组件字段包括关联字段及目标字段。
83.在本发明的至少一个实施例中，所述界面组件是指所述可视化界面中的模块组件。
84.所述关联字段是指用于指示多个所述界面组件的关联关系的字段，例如，所述关联字段可以是children字段。所述目标字段是指所述多个组件字段中除所述关联字段外的字段，例如，所述目标字段可以包括id字段、data字段及databinding字段等。
85.在本发明的至少一个实施例中，所述组件信息包括每个界面组件的组件标识、组件数据、关联组件及数据绑定规则。其中，所述数据绑定规则包括通过该界面组件展示的网络数据所对应的数据来源及所述网络数据的存储路径。
86.在本发明的至少一个实施例中，所述电子设备获取所述可视化界面中每个界面组件在多个组件字段上的组件信息包括：
87.从预设界面关联表中获取与所述可视化界面关联的研发用户界面；
88.基于所述界面组件从所述研发用户界面中定位出所述多个组件字段的数据输入位置；
89.获取与所述研发用户界面对应的界面日志及所述界面日志的生成时间；
90.将所述生成时间最大的界面日志确定为目标日志；
91.根据所述数据输入位置从所述目标日志中捕获所述组件信息。
92.其中，所述预设界面关联表中存储有多个界面之间的关联关系。
93.所述研发用户界面是指用户对所述组件信息进行设置变更的界面。
94.所述数据输入位置是指用户在所述研发用户界面中录入所述组件信息的具体位置，所述数据输入位置可以是一个坐标值，例如，所述数据输入位置为(3，4)，具体的坐标轴设定本发明不作限制。
95.通过所述预设界面关联表能够准确的确定出所述研发用户界面，进而能够从所述研发用户界面中准确的定位出所述数据输入位置这一具体位置信息，从而提高所述组件信息的获取准确性。
96.s12，根据所述关联字段将所述组件信息转换为第一树形结构信息，所述第一树形结构信息中包括多个所述界面组件的关联关系及每个界面组件与所述目标字段所对应的数据信息的映射关系。
97.在本发明的至少一个实施例中，所述关联关系是指所述多个界面组件之间的交互关系。所述映射关系是指每个界面组件与数据信息的对应关系。
98.在本发明的至少一个实施例中，所述电子设备根据所述关联字段将所述组件信息转换为第一树形结构信息包括：
99.根据所述关联字段从所述组件信息中提取组件关联信息；
100.基于所述组件关联信息检测出不包含父关联组件的界面组件作为目标组件，并检测出所述目标组件的子关联组件，直至所述组件关联信息完成检测；
101.将所述目标组件作为根结点，所述子关联组件作为子结点构建结点树形结构；
102.将每个界面组件所对应的数据信息转化为数组信息；
103.将所述数据信息作为所述结点树形结构中每个结点的兄弟结点写入所述结点树形结构中，得到所述第一树形结构信息。
104.其中，所述组件关联信息是指所述组件信息中与所述关联字段所对应的信息，例如，所述组件关联信息可以为组件a的children组件：组件b。
105.所述结点树形结构中包括所述多个界面组件及所述多个界面组件的关联关系。
106.所述数组信息的表现形式为一维信息，例如，所述数据信息为(id：id1，data：endtime1，from：laiyuan1，path：lujing1)。
107.通过所述组件关联信息能够完整的构建出所述结点树形结构，进而在构建出所述结点树形结构后将所述数据信息写入，能够提高所述第一树形结构信息的生成效率，此外，由于从所述第一树形结构信息中的所述关联关系及所述映射关系是区分开的，因此，能够便于后续所述第二组件的提取，以及便于后续对所述数据信息的替换。
108.参见图2，图2是本发明中所述第一树形结构信息的简图。图中的所述第一树形结构信息包括所述组件a、所述组件b、所述组件e，所述组件a的children组件为组件b，所述组件b的children组件为组件e。
109.s13，当监测到所述可视化界面中的第一组件执行组件操作时，从所述关联关系中筛选出与所述第一组件关联的第二组件。
110.在本发明的至少一个实施例中，所述组件操作包括对所述第一组件所对应的组件信息进行变更、删除等操作。
111.在本发明的至少一个实施例中，所述电子设备从所述关联关系中筛选出与所述第一组件关联的第二组件包括：
112.基于所述第一组件遍历所述关联关系，并将包含所述第一组件的关联关系确定为目标关系，所述目标关系中包括所述第一组件作为父结点的第一结点关系及所述第一组件作为子结点的第二结点关系；
113.从所述第一结点关系中获取所有子结点作为所述第二组件，并从所述第二结点关系中获取父结点作为所述第二组件。
114.通过上述实施方式，能够基于所述目标关系中的不同特性筛选出与所述第一组件关联的第二组件，提高所述第二组件的筛选准确性及筛选全面性。
115.s14，根据所述组件操作及所述第二组件更新所述映射关系，得到第二树形结构信息。
116.在本发明的至少一个实施例中，所述第二树形结构信息包括所述多个界面组件及所述多个界面组件更新后的组件信息。
117.在本发明的至少一个实施例中，所述电子设备根据所述组件操作及所述第二组件更新所述映射关系，得到第二树形结构信息包括：
118.根据所述映射关系获取所述第一组件的第一初始信息及所述第二组件的第二初始信息；
119.根据所述组件操作更新所述第一初始信息，得到第一变更信息；
120.检测所述第一初始信息与所述第二初始信息之间的数据关系；
121.基于所述数据关系处理所述第一变更信息，得到第二变更信息；
122.基于所述第一变更信息及所述第二变更信息更新所述映射关系，得到所述第二树形结构信息。
123.其中，所述组件操作包括对所述第一初始信息的变更及删除等操作。
124.所述数据关系可以包括所述第一初始信息与所述第二初始信息之间的比例关系，例如，尺寸字段的比例关系为0.8。
125.通过上述实施方式，能够根据所述组件操作同时更新所述第二初始信息，从而提高所述第二树形结构信息的更新效率。
126.s15，基于预设解析规则执行对所述第二树形结构信息的解析处理，得到显示界面。
127.在本发明的至少一个实施例中，所述显示界面是指对所述可视化界面中的第一组件执行所述组件操作后所动态渲染展示的界面。
128.需要强调的是，为进一步保证上述显示界面的私密和安全性，上述显示界面还可以存储于一区块链的节点中。
129.在本发明的至少一个实施例中，所述电子设备基于预设解析规则执行对所述第二树形结构信息的解析处理，得到显示界面包括：
130.从所述第二树形结构信息中获取每个组件结点的字段信息；
131.根据所述字段信息的字段类型从所述预设解析规则中提取目标规则；
132.基于所述目标规则对所述字段信息进行解析，得到所述显示界面。
133.其中，所述目标规则是指与所述字段类型对应的预设解析规则。
134.通过所述字段类型能够准确的确定出所述目标规则，进而利用所述目标规则能够准确的对所述字段信息进行解析，提高所述显示界面的显示准确性。
135.在本发明的至少一个实施例中，在得到显示界面之后，所述方法还包括：
136.根据所述组件操作生成提示信息；
137.从预设关联表中获取所述终端设备的绑定终端；
138.向所述绑定终端发送所述提示信息。
139.其中，所述预设关联表中存储有多个终端之间的绑定关系。
140.通过上述实施方式，能够在所述显示界面更新完成后，及时通知用户进行查收。
141.由以上技术方案可以看出，本发明基于所述关联字段能够完整的构建出与所述可视化界面对应的第一树形结构信息，由于所述第一树形结构信息中将所述组件信息区分为所述关联关系及所述映射关系，因此无需对所述多个组件字段进行逐个遍历，提高了所述第二组件的筛选效率，同时，并非在所述组件操作执行完毕后对所述第二组件进行筛选，而是在监测到所述第一组件执行所述组件操作时及时的筛选出所述第二组件，进一步提高了所述第二组件的筛选效率，进而根据所述组件操作及所述第二组件对所述映射关系进行更新，由于无需重构所述第二树形结构信息的框架，因此提高了所述第二树形结构信息的生成效率，从而提高了所述显示界面的展示效率。
142.如图3所示，是本发明动态渲染装置的较佳实施例的功能模块图。所述动态渲染装置11包括定位单元110、获取单元111、转换单元112、筛选单元113、更新单元114、解析单元115、生成单元116及发送单元117。本发明所称的模块/单元是指一种能够被处理器13所获取，并且能够完成固定功能的一系列计算机可读指令段，其存储在存储器12中。在本实施例中，关于各模块/单元的功能将在后续的实施例中详述。
143.定位单元110接收渲染请求，并根据所述渲染请求定位可视化界面。
144.在本发明的至少一个实施例中，所述渲染请求可以由有数据展示需求的用户触发
生成。所述渲染请求中携带有发送地址、请求标识、界面标识等。
145.所述可视化界面是指进行数据展示的界面。
146.在本发明的至少一个实施例中，所述定位单元110根据所述渲染请求定位可视化界面包括：
147.从所述渲染请求中提取发送地址及请求标识；
148.根据所述请求标识从与所述发送地址对应的终端设备中获取日志信息；
149.检测所述日志信息中是否包含生成事件；
150.若所述日志信息中包含所述生成事件，将所述终端设备确定为所述渲染请求的生成终端；
151.从所述渲染请求中提取界面标识；
152.从所述生成终端中定位出与所述界面标识对应的界面作为所述可视化界面。
153.其中，所述发送地址是指发送所述渲染请求的地址，所述发送地址可以是ip地址。
154.所述请求标识是指用于指示所述渲染请求，例如，所述请求标识可以是xuanran001。
155.所述日志信息是指所述终端设备中与所述请求标识对应的日志。所述日志信息可以包括与所述请求标识相关的所有操作日志。
156.所述生成事件是指用于指示信息生成的对象名。
157.通过对从所述终端设备中获取到的日志信息进行生成事件检测，能够准确的确定出所述生成终端，进而基于所述生成终端及所述界面标识能够准确的定位出所述可视化界面。
158.获取单元111获取所述可视化界面中每个界面组件在多个组件字段上的组件信息，所述多个组件字段包括关联字段及目标字段。
159.在本发明的至少一个实施例中，所述界面组件是指所述可视化界面中的模块组件。
160.所述关联字段是指用于指示多个所述界面组件的关联关系的字段，例如，所述关联字段可以是children字段。所述目标字段是指所述多个组件字段中除所述关联字段外的字段，例如，所述目标字段可以包括id字段、data字段及databinding字段等。
161.在本发明的至少一个实施例中，所述组件信息包括每个界面组件的组件标识、组件数据、关联组件及数据绑定规则。其中，所述数据绑定规则包括通过该界面组件展示的网络数据所对应的数据来源及所述网络数据的存储路径。
162.在本发明的至少一个实施例中，所述获取单元111获取所述可视化界面中每个界面组件在多个组件字段上的组件信息包括：
163.从预设界面关联表中获取与所述可视化界面关联的研发用户界面；
164.基于所述界面组件从所述研发用户界面中定位出所述多个组件字段的数据输入位置；
165.获取与所述研发用户界面对应的界面日志及所述界面日志的生成时间；
166.将所述生成时间最大的界面日志确定为目标日志；
167.根据所述数据输入位置从所述目标日志中捕获所述组件信息。
168.其中，所述预设界面关联表中存储有多个界面之间的关联关系。
169.所述研发用户界面是指用户对所述组件信息进行设置变更的界面。
170.所述数据输入位置是指用户在所述研发用户界面中录入所述组件信息的具体位置，所述数据输入位置可以是一个坐标值，例如，所述数据输入位置为(3，4)，具体的坐标轴设定本发明不作限制。
171.通过所述预设界面关联表能够准确的确定出所述研发用户界面，进而能够从所述研发用户界面中准确的定位出所述数据输入位置这一具体位置信息，从而提高所述组件信息的获取准确性。
172.转换单元112根据所述关联字段将所述组件信息转换为第一树形结构信息，所述第一树形结构信息中包括多个所述界面组件的关联关系及每个界面组件与所述目标字段所对应的数据信息的映射关系。
173.在本发明的至少一个实施例中，所述关联关系是指所述多个界面组件之间的交互关系。所述映射关系是指每个界面组件与数据信息的对应关系。
174.在本发明的至少一个实施例中，所述转换单元112根据所述关联字段将所述组件信息转换为第一树形结构信息包括：
175.根据所述关联字段从所述组件信息中提取组件关联信息；
176.基于所述组件关联信息检测出不包含父关联组件的界面组件作为目标组件，并检测出所述目标组件的子关联组件，直至所述组件关联信息完成检测；
177.将所述目标组件作为根结点，所述子关联组件作为子结点构建结点树形结构；
178.将每个界面组件所对应的数据信息转化为数组信息；
179.将所述数据信息作为所述结点树形结构中每个结点的兄弟结点写入所述结点树形结构中，得到所述第一树形结构信息。
180.其中，所述组件关联信息是指所述组件信息中与所述关联字段所对应的信息，例如，所述组件关联信息可以为组件a的children组件：组件b。
181.所述结点树形结构中包括所述多个界面组件及所述多个界面组件的关联关系。
182.所述数组信息的表现形式为一维信息，例如，所述数据信息为(id：id1，data：endtime1，from：laiyuan1，path：lujing1)。
183.通过所述组件关联信息能够完整的构建出所述结点树形结构，进而在构建出所述结点树形结构后将所述数据信息写入，能够提高所述第一树形结构信息的生成效率，此外，由于从所述第一树形结构信息中的所述关联关系及所述映射关系是区分开的，因此，能够便于后续所述第二组件的提取，以及便于后续对所述数据信息的替换。
184.参见图2，图2是本发明中所述第一树形结构信息的简图。图中的所述第一树形结构信息包括所述组件a、所述组件b、所述组件e，所述组件a的children组件为组件b，所述组件b的children组件为组件e。
185.当监测到所述可视化界面中的第一组件执行组件操作时，筛选单元113从所述关联关系中筛选出与所述第一组件关联的第二组件。
186.在本发明的至少一个实施例中，所述组件操作包括对所述第一组件所对应的组件信息进行变更、删除等操作。
187.在本发明的至少一个实施例中，所述筛选单元113从所述关联关系中筛选出与所述第一组件关联的第二组件包括：
188.基于所述第一组件遍历所述关联关系，并将包含所述第一组件的关联关系确定为目标关系，所述目标关系中包括所述第一组件作为父结点的第一结点关系及所述第一组件作为子结点的第二结点关系；
189.从所述第一结点关系中获取所有子结点作为所述第二组件，并从所述第二结点关系中获取父结点作为所述第二组件。
190.通过上述实施方式，能够基于所述目标关系中的不同特性筛选出与所述第一组件关联的第二组件，提高所述第二组件的筛选准确性及筛选全面性。
191.更新单元114根据所述组件操作及所述第二组件更新所述映射关系，得到第二树形结构信息。
192.在本发明的至少一个实施例中，所述第二树形结构信息包括所述多个界面组件及所述多个界面组件更新后的组件信息。
193.在本发明的至少一个实施例中，所述更新单元114根据所述组件操作及所述第二组件更新所述映射关系，得到第二树形结构信息包括：
194.根据所述映射关系获取所述第一组件的第一初始信息及所述第二组件的第二初始信息；
195.根据所述组件操作更新所述第一初始信息，得到第一变更信息；
196.检测所述第一初始信息与所述第二初始信息之间的数据关系；
197.基于所述数据关系处理所述第一变更信息，得到第二变更信息；
198.基于所述第一变更信息及所述第二变更信息更新所述映射关系，得到所述第二树形结构信息。
199.其中，所述组件操作包括对所述第一初始信息的变更及删除等操作。
200.所述数据关系可以包括所述第一初始信息与所述第二初始信息之间的比例关系，例如，尺寸字段的比例关系为0.8。
201.通过上述实施方式，能够根据所述组件操作同时更新所述第二初始信息，从而提高所述第二树形结构信息的更新效率。
202.解析单元115基于预设解析规则执行对所述第二树形结构信息的解析处理，得到显示界面。
203.在本发明的至少一个实施例中，所述显示界面是指对所述可视化界面中的第一组件执行所述组件操作后所动态渲染展示的界面。
204.需要强调的是，为进一步保证上述显示界面的私密和安全性，上述显示界面还可以存储于一区块链的节点中。
205.在本发明的至少一个实施例中，所述解析单元115基于预设解析规则执行对所述第二树形结构信息的解析处理，得到显示界面包括：
206.从所述第二树形结构信息中获取每个组件结点的字段信息；
207.根据所述字段信息的字段类型从所述预设解析规则中提取目标规则；
208.基于所述目标规则对所述字段信息进行解析，得到所述显示界面。
209.其中，所述目标规则是指与所述字段类型对应的预设解析规则。
210.通过所述字段类型能够准确的确定出所述目标规则，进而利用所述目标规则能够准确的对所述字段信息进行解析，提高所述显示界面的显示准确性。
211.在本发明的至少一个实施例中，在得到显示界面之后，生成单元116根据所述组件操作生成提示信息；
212.所述获取单元111从预设关联表中获取所述终端设备的绑定终端；
213.发送单元117向所述绑定终端发送所述提示信息。
214.其中，所述预设关联表中存储有多个终端之间的绑定关系。
215.通过上述实施方式，能够在所述显示界面更新完成后，及时通知用户进行查收。
216.由以上技术方案可以看出，本发明基于所述关联字段能够完整的构建出与所述可视化界面对应的第一树形结构信息，由于所述第一树形结构信息中将所述组件信息区分为所述关联关系及所述映射关系，因此无需对所述多个组件字段进行逐个遍历，提高了所述第二组件的筛选效率，同时，并非在所述组件操作执行完毕后对所述第二组件进行筛选，而是在监测到所述第一组件执行所述组件操作时及时的筛选出所述第二组件，进一步提高了所述第二组件的筛选效率，进而根据所述组件操作及所述第二组件对所述映射关系进行更新，由于无需重构所述第二树形结构信息的框架，因此提高了所述第二树形结构信息的生成效率，从而提高了所述显示界面的展示效率。
217.如图4所示，是本发明实现动态渲染方法的较佳实施例的电子设备的结构示意图。
218.在本发明的一个实施例中，所述电子设备1包括，但不限于，存储器12、处理器13，以及存储在所述存储器12中并可在所述处理器13上运行的计算机可读指令，例如动态渲染程序。
219.本领域技术人员可以理解，所述示意图仅仅是电子设备1的示例，并不构成对电子设备1的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述电子设备1还可以包括输入输出设备、网络接入设备、总线等。
220.所述处理器13可以是中央处理单元(central processing unit，cpu)，还可以是其他通用处理器、数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)、现场可编程门阵列(field-programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，所述处理器13是所述电子设备1的运算核心和控制中心，利用各种接口和线路连接整个电子设备1的各个部分，及执行所述电子设备1的操作系统以及安装的各类应用程序、程序代码等。
221.示例性的，所述计算机可读指令可以被分割成一个或多个模块/单元，所述一个或者多个模块/单元被存储在所述存储器12中，并由所述处理器13执行，以完成本发明。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机可读指令段，该计算机可读指令段用于描述所述计算机可读指令在所述电子设备1中的执行过程。例如，所述计算机可读指令可以被分割成定位单元110、获取单元111、转换单元112、筛选单元113、更新单元114、解析单元115、生成单元116及发送单元117。
222.所述存储器12可用于存储所述计算机可读指令和/或模块，所述处理器13通过运行或执行存储在所述存储器12内的计算机可读指令和/或模块，以及调用存储在存储器12内的数据，实现所述电子设备1的各种功能。所述存储器12可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功
能、图像播放功能等)等；存储数据区可存储根据电子设备的使用所创建的数据等。存储器12可以包括非易失性和易失性存储器，例如：硬盘、内存、插接式硬盘，智能存储卡(smart media card，smc)，安全数字(secure digital，sd)卡，闪存卡(flash card)、至少一个磁盘存储器件、闪存器件、或其他存储器件。
223.所述存储器12可以是电子设备1的外部存储器和/或内部存储器。进一步地，所述存储器12可以是具有实物形式的存储器，如内存条、tf卡(trans-flash card)等等。
224.所述电子设备1集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机可读指令来指令相关的硬件来完成，所述的计算机可读指令可存储于一计算机可读存储介质中，该计算机可读指令在被处理器执行时，可实现上述各个方法实施例的步骤。
225.其中，所述计算机可读指令包括计算机可读指令代码，所述计算机可读指令代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机可读指令代码的任何实体或装置、记录介质、u盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)。
226.本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
227.结合图1，所述电子设备1中的所述存储器12存储计算机可读指令实现一种动态渲染方法，所述处理器13可执行所述计算机可读指令从而实现：
228.接收渲染请求，并根据所述渲染请求定位可视化界面；
229.获取所述可视化界面中每个界面组件在多个组件字段上的组件信息，所述多个组件字段包括关联字段及目标字段；
230.根据所述关联字段将所述组件信息转换为第一树形结构信息，所述第一树形结构信息中包括多个所述界面组件的关联关系及每个界面组件与所述目标字段所对应的数据信息的映射关系；
231.当监测到所述可视化界面中的第一组件执行组件操作时，从所述关联关系中筛选出与所述第一组件关联的第二组件；
232.根据所述组件操作及所述第二组件更新所述映射关系，得到第二树形结构信息；
233.基于预设解析规则执行对所述第二树形结构信息的解析处理，得到显示界面。
234.具体地，所述处理器13对上述计算机可读指令的具体实现方法可参考图1对应实施例中相关步骤的描述，在此不赘述。
235.在本发明所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。
236.所述计算机可读存储介质上存储有计算机可读指令，其中，所述计算机可读指令
被处理器13执行时用以实现以下步骤：
237.接收渲染请求，并根据所述渲染请求定位可视化界面；
238.获取所述可视化界面中每个界面组件在多个组件字段上的组件信息，所述多个组件字段包括关联字段及目标字段；
239.根据所述关联字段将所述组件信息转换为第一树形结构信息，所述第一树形结构信息中包括多个所述界面组件的关联关系及每个界面组件与所述目标字段所对应的数据信息的映射关系；
240.当监测到所述可视化界面中的第一组件执行组件操作时，从所述关联关系中筛选出与所述第一组件关联的第二组件；
241.根据所述组件操作及所述第二组件更新所述映射关系，得到第二树形结构信息；
242.基于预设解析规则执行对所述第二树形结构信息的解析处理，得到显示界面。
243.所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
244.另外，在本发明各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能模块的形式实现。
245.因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附关联图标记视为限制所涉及的权利要求。
246.此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。所述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一、第二等词语用来表示名称，而并不表示任何特定的顺序。
247.最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。