CN117376598A - 视图编排方法、装置、电子设备和存储介质 - Google Patents
视图编排方法、装置、电子设备和存储介质 Download PDFInfo
- Publication number
- CN117376598A CN117376598A CN202311090079.7A CN202311090079A CN117376598A CN 117376598 A CN117376598 A CN 117376598A CN 202311090079 A CN202311090079 A CN 202311090079A CN 117376598 A CN117376598 A CN 117376598A
- Authority
- CN
- China
- Prior art keywords
- view
- sub
- module
- arrangement
- identification information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 49
- 230000003993 interaction Effects 0.000 claims description 23
- 238000007781 pre-processing Methods 0.000 claims description 10
- 238000012800 visualization Methods 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 6
- 230000004075 alteration Effects 0.000 claims description 4
- 230000005540 biological transmission Effects 0.000 abstract description 15
- 238000012545 processing Methods 0.000 abstract description 10
- 230000006854 communication Effects 0.000 description 16
- 238000004891 communication Methods 0.000 description 16
- 239000000243 solution Substances 0.000 description 9
- 238000010586 diagram Methods 0.000 description 6
- 230000008859 change Effects 0.000 description 5
- 230000000007 visual effect Effects 0.000 description 4
- 238000002347 injection Methods 0.000 description 3
- 239000007924 injection Substances 0.000 description 3
- 230000002452 interceptive effect Effects 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000004927 fusion Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000006399 behavior Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000007175 bidirectional communication Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000008685 targeting Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
- H04N21/234—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及数据处理技术领域，提供一种视图编排方法、装置、电子设备和存储介质，该方法包括：接收父视图模块发送的初始编排子视图的标识信息；创建初始编排子视图的展示容器，并确定展示容器的匹配参数；向子视图模块发送标识信息以及匹配参数；其中，子视图模块基于标识信息加载业务数据，并基于业务数据和匹配参数，生成编排子视图；接收子视图模块发送的编排子视图，并基于展示容器，展示编排子视图。本发明通过创建中间组件，并基于中间组件在父视图模块和子视图模块之间进行信息传输，提高了父视图模块与子视图模块之间的传输效率。
Description
技术领域
本发明涉及数据处理技术领域，尤其涉及一种视图编排方法、装置、电子设备和存储介质。
背景技术
大屏低代码编排平台提供了一种低门槛、高效率的可视化业务视图构建方式，可以通过编排平台构建完整的大屏业务视图，视图编排完毕后发布为一独立的页面资源，供在大屏中直接呈现；或者使用编排平台构建业务视图模块，作为完整视图的一部分集成到系统业务视图中进行融合后展示。
目前在集成展示时，系统前端多采用的是通过内嵌框架(Inline Frame，iframe)标签内联编排视图的资源视图，使用这种方式，当编排视图在系统视图中作为子业务模块，需要与其它多个模块进行频繁联动交互的融合。在系统业务视图和编排视图之间进行通信交互，维护模块之间关联通信关系，就变得繁琐和困难。
综上可知，现有编排视图和系统业务视图的通信效率低。
发明内容
本发明提供一种视图编排方法、装置、电子设备和存储介质，用以解决现有编排视图和系统业务视图的通信效率低的问题，通过创建中间组件，并基于中间组件在父视图模块和子视图模块之间进行信息传输，提高了父视图模块与子视图模块之间的传输效率。
本发明提供一种视图编排方法，应用于中间组件，包括：
接收父视图模块发送的初始编排子视图的标识信息；
创建所述初始编排子视图的展示容器，并确定所述展示容器的匹配参数；
向子视图模块发送所述标识信息以及所述匹配参数；其中，所述子视图模块基于所述标识信息加载业务数据，并基于所述业务数据和所述匹配参数，生成编排子视图；
接收所述子视图模块发送的编排子视图，并基于所述展示容器，展示所述编排子视图。
在一个实施例中，所述基于所述展示容器，展示所述编排子视图之后，还包括：
向所述子视图模块转发所述父视图模块发送的变更属性值；其中，所述子视图模块基于所述变更属性值，变更所述编排子视图；
接收所述子视图模块发送的变更后的所述编排子视图，并基于所述展示容器，展示变更后的所述编排子视图。
在一个实施例中，所述基于所述展示容器，展示所述编排子视图之后，还包括：
接收所述子视图模块发送的事件消息；其中，所述事件消息是基于新增的所述业务数据确定的；
向所述父视图模块发送所述事件消息；其中，所述父视图模块基于所述事件消息，更新所述父视图模块中与所述事件消息匹配的子视图。
在一个实施例中，所述基于所述展示容器，展示所述编排子视图之后，还包括：
接收所述父视图模块发送的移除通知；
基于所述移除通知，向所述子视图模块发送卸载通知；其中，所述子视图模块基于所述卸载通知，清除与待移除中间组件匹配的资源。
本发明提供一种视图编排方法，应用于子视图模块，包括：
接收中间组件发送的初始编排子视图的标识信息以及展示容器的匹配参数；
基于所述标识信息，加载所述初始编排子视图的业务数据；
基于所述业务数据和所述匹配参数，生成编排子视图，并向所述中间组件发送所述编排子视图；其中，所述中间组件基于所述展示容器，展示所述编排子视图。
在一个实施例中，所述基于所述业务数据和所述匹配参数，生成编排子视图，包括：
对所述业务数据进行分组匹配，并计算布局位置，得到预处理数据；
基于所述预处理数据和所述匹配参数，确定所述编排子视图的展示数据；
基于所述展示数据，生成所述编排子视图。
在一个实施例中，所述基于所述标识信息，加载所述初始编排子视图的业务数据，包括：
基于所述标识信息，从可视化平台中加载所述业务数据；其中，所述业务数据包括组件信息、布局信息、属性信息、绑定信息、交互信息以及匹配记录模型信息。
本发明提供一种视图编排装置，所述视图编排装置包括第一接收模块、创建模块、第一发送模块和展示模块，其中：
所述第一接收模块，用于接收父视图模块发送的初始编排子视图的标识信息；
所述创建模块，用于创建所述初始编排子视图的展示容器，并确定所述展示容器的匹配参数；
所述第一发送模块，用于向子视图模块发送所述标识信息以及所述匹配参数；其中，所述子视图模块基于所述标识信息加载业务数据，并基于所述业务数据和所述匹配参数，生成编排子视图；
所述展示模块，用于接收所述子视图模块发送的编排子视图，并基于所述展示容器，展示所述编排子视图；
或者，所述视图编排装置包括第二接收模块、加载模块和第二发送模块，其中：
所述第二接收模块，用于接收中间组件发送的初始编排子视图的标识信息以及展示容器的匹配参数；
所述加载模块，用于基于所述标识信息，加载所述初始编排子视图的业务数据；
所述第二发送模块，用于基于所述业务数据和所述匹配参数，生成编排子视图，并向所述中间组件发送所述编排子视图；其中，所述中间组件基于所述展示容器，展示所述编排子视图。
本发明还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述视图编排方法。
本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述视图编排方法。
本发明提供的视图编排方法、装置、电子设备和存储介质，通过接收父视图模块发送的初始编排子视图的标识信息；创建所述初始编排子视图的展示容器，并确定所述展示容器的匹配参数；向子视图模块发送所述标识信息以及所述匹配参数；其中，所述子视图模块基于所述标识信息加载业务数据，并基于所述业务数据和所述匹配参数，生成编排子视图；接收所述子视图模块发送的编排子视图，并基于所述展示容器，展示所述编排子视图。本发明通过创建中间组件，并基于中间组件在父视图模块和子视图模块之间进行信息传输，提高了父视图模块与子视图模块之间的传输效率。
附图说明
为了更清楚地说明本发明或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的视图编排方法的流程示意图之一；
图2是本发明实施例提供的视图编排方法的流程示意图之二；
图3是本发明实施例提供的父视图模块与子视图模块的信息交互的流程示意图；
图4是本发明实施例提供的移除中间组件的流程示意图；
图5是本发明实施例提供的视图编排方法的流程示意图之三；
图6是本发明实施例提供的视图编排装置的结构示意图之一；
图7是本发明实施例提供的视图编排装置的结构示意图之二；
图8是本发明提供的电子设备的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚，下面将结合本发明中的附图，对本发明中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
下面结合图1-图8描述本发明的视图编排方法、装置、电子设备和存储介质。
具体地，本发明实施例提供了一种视图编排方法，参照图1，图1是本发明提供的视图编排方法的流程示意图之一。
本发明实施例提供的视图编排方法，应用于中间组件，包括：
S100，接收父视图模块发送的初始编排子视图的标识信息；
本发明实施例的执行主体为中间组件，中间组件用于实现父视图模块与子视图模块之间的信息交互。
父视图模块包含整个大视图界面的容器，包含多个子视图，并定义了它们在界面中的相对位置和布局方式。父视图模块负责大视图整体的布局和结构，它可以是一个页面、一个容器组件或一个特定的布局组件。父视图模块中有多个子视图，包括编排子视图和编码子视图。
编排子视图的标识信息用于唯一标识编排子视图，包括身份标识(ID)、类型信息、命名规则、父子关系、层级路径等。
父视图模块在需要呈现编排子视图的位置创建中间组件，并将创建中间组件实例挂在到对应的文档对象模型(Document Object Model，DOM)节点。中间组件接收父视图模块传递的初始化参数，其中，初始化参数包括编排子视图的标识信息。
S200，创建初始编排子视图的展示容器，并确定展示容器的匹配参数；
展示容器是用于展示编排子视图的容器。展示容器的匹配参数用于定义和描述展示容器，以便对组件实例进行分组分类和定位控制。匹配参数可以根据具体的需求和开发框架的支持进行配置和使用。
可在中间组件中设置触发条件，例如，触发条件为收到父视图模块发送的标识信息；进而触发中间组件创建展示容器。中间组件在创建展示容器的过程中确定展示容器的匹配参数，并向子视图模块发送该匹配参数。
S300，向子视图模块发送标识信息以及匹配参数；其中，子视图模块基于标识信息加载业务数据，并基于业务数据和匹配参数，生成编排子视图；
如图2所示，子视图模块是专门负责子视图编排的模块。中间组件接收父视图模块发送的编排子视图的标识信息，并向子视图模块转发此标识信息。子视图模块接收中间组件发送的编排子视图的标识信息以及展示容器的匹配参数。子视图模块根据标识信息，从可视化平台加载序列化后的业务数据。子视图模块根据匹配参数，对业务数据进行相关处理，得到展示数据。子视图模块基于展示数据，生成编排子视图。
S400，接收子视图模块发送的编排子视图，并基于展示容器，展示编排子视图。
子视图模块向中间组件发送编排子视图，中间组件接收编排子视图，并在展示容器中对编排子视图进行展示。
本发明实施例提供的视图编排方法，通过接收父视图模块发送的初始编排子视图的标识信息；创建初始编排子视图的展示容器，并确定展示容器的匹配参数；向子视图模块发送标识信息以及匹配参数；其中，子视图模块基于标识信息加载业务数据，并基于业务数据和匹配参数，生成编排子视图；接收子视图模块发送的编排子视图，并基于展示容器，展示编排子视图。本发明实施例通过创建中间组件，并基于中间组件在父视图模块和子视图模块之间进行信息传输，提高了父视图模块与子视图模块之间的传输效率。
基于上述实施例，基于展示容器，展示编排子视图之后，还包括：
S410，向子视图模块转发父视图模块发送的变更属性值；其中，子视图模块基于变更属性值，变更编排子视图，
S420，接收子视图模块发送的变更后的编排子视图，并基于展示容器，展示变更后的编排子视图。
如图3所示，父视图模块与子视图模块在中间组件的存续期间，通过中间组件进行通信交互，交互包括从父视图模块向子视图模块的变更属性值的传递。
子视图模块内部设有消息总线，用于在子视图模块中传递消息和事件。消息总线可以帮助子视图模块内的不同组件之间进行通信和协调，通过消息总线，组件可以发送消息和订阅消息，以便在子视图模块中进行交互和更新。
父视图模块在创建中间组件的时候，在中间组件内定义可响应的属性，当需要变更编排子视图的属性时，父视图模块向中间组件发送变更属性值。中间组件响应变更属性值，在属性变更回调过程中，向子视图模块内的消息总线发送变更属性值。消息总线收到变更属性值后，分发至子视图模块内的各个组件，子视图模块内的各个组件根据可视化平台预定义的交互信息以及变更属性值，对编排子视图的属性进行变更。子视图模块向中间组件发送变更后的编排子视图。中间组件接收变更后的编排子视图后，在展示容器中展示变更后的编排子视图。
进一步的，从父视图模块向子视图模块的消息源为父视图模块内的其他子视图，例如，编码子视图。编码子视图基于中间组件实现与编排子视图的信息交互。
本发明实施例基于中间组件实现父视图模块对编排子视图的属性变更，提高了父视图模块与子视图模块的信息交互效率。本发明实施例通过定义中间组件，在中间组件的运行期间，分别处理平台所编排可视化页面的各种信息数据，通过此中间组件作为编排页面的介质容器，提供了与原生HTML标签相同的使用方式，并使编排业务与编码业务在同一文档上下文中进行方便高效的通信交互，从而实现父视图模块的编排和编码混合开发。
基于上述实施例，基于展示容器，展示编排子视图之后，还包括：
S430，接收子视图模块发送的事件消息；其中，事件消息是基于新增的业务数据确定的；
S440，向父视图模块发送事件消息；其中，父视图模块基于事件消息，更新父视图模块中与事件消息匹配的子视图。
新增的业务数据为子视图模块接收的用户输入或者绑定的业务数据。父视图模块中的子视图包括编排子视图和编码子视图。
如图3所示，父视图模块与子视图模块的通信交互包括从子视图模块向父视图模块的事件消息的发送。当子视图模块的相关组件接收用户输入或者绑定的业务数据的阈值被触发后，该组件基于新增的业务数据生成事件消息。组件将事件消息传递至消息总线。消息总线统一将所有组件的事件消息派发至中间组件。中间组件接收到子视图模块发送的事件消息后，创建自定义事件，将要传递的时间消息打包后，冒泡至父视图模块。父视图模块获取对应的事件消息，例如通过时间回调，获取子视图模块发送的事件消息。父视图模块基于获取的事件消息，更新父视图模块中与事件消息匹配的子视图；例如，父视图模块基于事件消息，更新父视图模块中与消息事件匹配的编码子视图A和编码子视图B。
本发明实施例的中间组件通过接收子视图模块的事件新消息，并基于接收的事件消息生成自定义事件，向父视图模块发送自定义事件，来实现子视图模块向父视图模块之间的通信交互，使父视图模块能及时响应子视图模块发送的时间消息，提高了父视图模块与子视图模块的双向通信效率。
基于上述实施例，基于业务数据、匹配参数和展示容器，展示编排子视图之后，还包括：
S460，接收父视图模块发送的移除通知；
S470，基于移除通知，向子视图模块发送卸载通知；其中，子视图模块基于卸载通知，清除与待移除中间组件匹配的资源。
如图4所示，父视图模块对中间组件进行移除。父视图模块从其DOM节点中移除中间组件。同时，父视图模块向中间组件发送移除通知，中间组件根据移除通知，向子视图模块发送卸载通知。子视图模块根据卸载通知，确定与待移除中间组件匹配的内部资源，例如子视图模块根据自身在编排平台配置定义的终结响应，确定并清除子视图模块内部中与待移除组件匹配的内部资源。
本发明实施例通过中间组件发送卸载通知，并基于卸载通知清除子视图模块中与待移除中间组件匹配的资源，有利于及时清除子视图模块中的多余资源，进而提高父视图模块与子视图模块之间通信的效率。
如图5所示，本发明实施例提供的视图编排方法，应用于子视图模块，包括：
S500，接收中间组件发送的初始编排子视图的标识信息以及展示容器的匹配参数；
中间组件接收父视图模块发送的编排子视图的标识信息。中间组件创建展示容器，并确定展示容器的匹配参数。中间组件向子视图模块发送标识信息及匹配参数。子视图模块接收中间组件发送的标识信息和匹配参数，进而开始对子视图的编排。
S600，基于标识信息，加载初始编排子视图的业务数据；
子视图模块基于标识信息，向可视化平台请求下载业务数据。可视化平台基于子视图模块的请求以及标识信息，确定业务数据，并对业务数据进行序列化处理。子视图模块下载序列化后的业务数据。
S700，基于业务数据和匹配参数，生成编排子视图，并向中间组件发送编排子视图；其中，中间组件基于展示容器，展示编排子视图。
子视图模块根据匹配参数，对业务数据进行适配，例如过滤、匹配，并基于适配后的数据，生成编排子视图。生成编排子视图包括：
(1)组件实例创建：根据组件的定义，在程序中生成一个具体的组件实例，用于展示和处理特定的业务逻辑。
(2)配置属性注入：创建组件实例时，根据需要配置属性注入，以便在组件内部使用这些属性进行逻辑处理。
(3)所承载业务数据展示：根据传入的数据进行展示和渲染。通过合理地设计组件的结构和样式，将业务数据以可视化的方式呈现给用户。
(4)初始交互透传：在组件初始化阶段，将用户的交互操作传递给组件内部进行处理。例如，当用户与组件进行交互时，通过事件监听机制将对应的事件传递给组件内部的回调函数进行相应的逻辑处理，从而实现用户与组件的交互功能。
子视图模块将生成的编排子视图发送给中间组件，中间组件在展示容器中展示编排子视图。
本发明实施例提供的视图编排方法，通过接收中间组件发送的初始编排子视图的标识信息以及展示容器的匹配参数；基于标识信息，加载初始编排子视图的业务数据；基于业务数据和匹配参数，生成编排子视图，并向中间组件发送编排子视图；其中，中间组件基于展示容器，展示编排子视图。本发明实施例通过创建中间组件，并基于中间组件在父视图模块和子视图模块之间进行信息传输，提高了父视图模块与子视图模块之间的传输效率。
基于上述实施例，基于业务数据和匹配参数，生成编排子视图，包括：
S710，对业务数据进行分组匹配，并计算布局位置，得到预处理数据；
S720，基于预处理数据和匹配参数，确定编排子视图的展示数据；
S730，基于展示数据，生成所述编排子视图。
子视图模块使用分组匹配和布局嵌套来实现编排子视图中复杂的页面结构和样式布局。子视图模块对获取到的业务数据进行初步的预处理，包括对业务数据中的编排组件实例进行分组匹配，并计算布局嵌套时的相对位置，得到预处理数据。
子视图模块获取中间组件创建展示容器的匹配参数，从页面匹配模型中过滤匹配参数，进而得到展示容器的匹配记录。子视图模块基于匹配记录，对预处理数据进行进一步的适配处理，例如过滤无关数据，进而得到最终需要展示的编排子视图的展示数据。子视图模块基于展示数据，生成编排子视图，包括组件实例创建、配置属性注入、所承载业务数据展示、初始交互透传。
本发明实施例先对业务数据进行预处理，然后进行适配，得到最终的展示数据；并基于展示数据，生成编排子视图，实现了子视图模块与父视图模块之间快速的信息交互，提高了编排子视图与父视图模块之间通信的效率。
基于上述实施例，基于标识信息，加载初始编排子视图的业务数据，包括：
基于标识信息，从可视化平台中加载业务数据；其中，业务数据包括组件信息、布局信息、属性信息、绑定信息、交互定义信息以及匹配记录模型信息。
组件信息为编排子视图的组件信息，包括编排子视图所使用的各种组件，比如按钮、文本框、图像等。布局信息为编排子视图内各个组件的排列方式、相对位置等。属性信息包括多种配置选项，例如编排子视图界面的背景色、字体样式、边距、填充等等。绑定信息为编排子视图界面上的组件与后端数据源之间的连接。绑定信息确保编排子视图界面上的数据与后端数据保持同步，例如把后端数据库中的数据显示在编排子视图的界面上。交互定义信息包括用户与编排子视图界面之间的各种交互方式，例如点击按钮触发什么操作、鼠标悬停在某个元素上显示什么提示等等。交互定义信息定义了用户如何与界面进行沟通和操作。匹配记录模型信息包括对用户行为和数据的分析，以确定应该向用户展示什么内容。匹配记录模型信息与个性化推荐、广告定位等相关联。
子视图模块接收中间组件转发的编排子视图的的标识信息，并根据标识信息，向可视化平台申请下载业务数据。可视化平台基于子视图模块的申请以及标识信息，确定待传输的业务数据，并对业务数据进行序列化处理。子视图模块从可视化平台加载序列化后的业务数据。
本发明实施例基于编排子视图的标识信息，加载业务数据，其中业务数据包括组件信息、布局信息、属性信息、绑定信息、交互定义信息以及匹配记录模型信息，提高了确定编排子视图的准确率，进而有利于提高子视图模块与父视图模块之间的通信效率。
图6是本发明提供的视图编排装置的结构示意图之一，参照图6，本发明的实施例提供了一种视图编排装置，包括：
接收模块601，用于接收父视图模块发送的初始编排子视图的标识信息；
创建模块602，用于创建初始编排子视图的展示容器，并确定展示容器的匹配参数；
发送模块603，用于向子视图模块发送标识信息以及匹配参数；其中，子视图模块基于标识信息加载业务数据，并基于业务数据和匹配参数，生成编排子视图；
展示模块604，用于接收子视图模块发送的编排子视图，并基于展示容器，展示编排子视图。
本发明实施例提供的视图编排装置，通过接收父视图模块发送的初始编排子视图的标识信息；创建初始编排子视图的展示容器，并确定展示容器的匹配参数；向子视图模块发送标识信息以及匹配参数；其中，子视图模块基于标识信息加载业务数据，并基于业务数据和匹配参数，生成编排子视图；接收子视图模块发送的编排子视图，并基于展示容器，展示编排子视图。本发明实施例通过创建中间组件，并基于中间组件在父视图模块和子视图模块之间进行信息传输，提高了父视图模块与子视图模块之间的传输效率。
在一个实施例中，展示模块604还用于：向子视图模块转发父视图模块发送的变更属性值；其中，子视图模块基于变更属性值，变更编排子视图；接收子视图模块发送的变更后的编排子视图，并基于展示容器，展示变更后的编排子视图。
在一个实施例中，展示模块604还用于：接收子视图模块发送的事件消息；其中，事件消息是基于新增的业务数据确定的；向父视图模块发送事件消息；其中，父视图模块基于事件消息，更新父视图模块中与事件消息匹配的子视图。
在一个实施例中，展示模块604还用于：接收父视图模块发送的移除通知；基于移除通知，向子视图模块发送卸载通知；其中，子视图模块基于卸载通知，清除与待移除中间组件匹配的资源。
图7是本发明提供的视图编排装置的结构示意图之二，参照图7，本发明的实施例提供了一种视图编排装置，包括：
第二接收模块701，用于接收中间组件发送的初始编排子视图的标识信息以及展示容器的匹配参数；
加载模块702，用于基于标识信息，加载初始编排子视图的业务数据；
第二发送模块703，用于基于业务数据和匹配参数，生成编排子视图，并向中间组件发送编排子视图；其中，中间组件基于展示容器，展示编排子视图。
本发明实施例提供的视图编排装置，通过接收中间组件发送的初始编排子视图的标识信息以及展示容器的匹配参数；基于标识信息，加载初始编排子视图的业务数据；基于业务数据和匹配参数，生成编排子视图，并向中间组件发送编排子视图；其中，中间组件基于展示容器，展示编排子视图。本发明实施例通过创建中间组件，并基于中间组件在父视图模块和子视图模块之间进行信息传输，提高了父视图模块与子视图模块之间的传输效率。
在一个实施例中，第二发送模块703用于：对业务数据进行分组匹配，并计算布局位置，得到预处理数据；基于预处理数据和匹配参数，确定编排子视图的展示数据；基于展示数据，生成编排子视图。
在一个实施例中，加载模块702用于：基于标识信息，从可视化平台中加载业务数据；其中，业务数据包括组件信息、布局信息、属性信息、绑定信息、交互信息以及匹配记录模型信息。
图8示例了一种电子设备的实体结构示意图，如图8所示，该电子设备可以包括：处理器(processor)810、通信接口(CommunicationsInterface)820、存储器(memory)830和通信总线840，其中，处理器810，通信接口820，存储器830通过通信总线840完成相互间的通信。处理器810可以调用存储器830中的逻辑指令，以执行视图编排方法，该方法包括：
接收父视图模块发送的初始编排子视图的标识信息；创建初始编排子视图的展示容器，并确定展示容器的匹配参数；向子视图模块发送标识信息以及匹配参数；其中，子视图模块基于标识信息加载业务数据，并基于业务数据和匹配参数，生成编排子视图；接收子视图模块发送的编排子视图，并基于展示容器，展示编排子视图。
或者执行视图编排方法，例如包括：
接收中间组件发送的初始编排子视图的标识信息以及展示容器的匹配参数；基于标识信息，加载初始编排子视图的业务数据；基于业务数据和匹配参数，生成编排子视图，并向中间组件发送编排子视图；其中，中间组件基于展示容器，展示编排子视图。
此外，上述的存储器830中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，RandomAccessMemory)、磁碟或者光盘等各种可以存储程序代码的介质。
另一方面，本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现以执行上述各方法提供的视图编排方法，该方法包括：
接收父视图模块发送的初始编排子视图的标识信息；创建初始编排子视图的展示容器，并确定展示容器的匹配参数；向子视图模块发送标识信息以及匹配参数；其中，子视图模块基于标识信息加载业务数据，并基于业务数据和匹配参数，生成编排子视图；接收子视图模块发送的编排子视图，并基于展示容器，展示编排子视图。
或者执行视图编排方法，例如包括：
接收中间组件发送的初始编排子视图的标识信息以及展示容器的匹配参数；基于标识信息，加载初始编排子视图的业务数据；基于业务数据和匹配参数，生成编排子视图，并向中间组件发送编排子视图；其中，中间组件基于展示容器，展示编排子视图。
以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。
最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (10)
1.一种视图编排方法，其特征在于，应用于中间组件，包括：
接收父视图模块发送的初始编排子视图的标识信息；
创建所述初始编排子视图的展示容器，并确定所述展示容器的匹配参数；
向子视图模块发送所述标识信息以及所述匹配参数；其中，所述子视图模块基于所述标识信息加载业务数据，并基于所述业务数据和所述匹配参数，生成编排子视图；
接收所述子视图模块发送的编排子视图，并基于所述展示容器，展示所述编排子视图。
2.根据权利要求1所述的视图编排方法，其特征在于，所述基于所述展示容器，展示所述编排子视图之后，还包括：
向所述子视图模块转发所述父视图模块发送的变更属性值；其中，所述子视图模块基于所述变更属性值，变更所述编排子视图；
接收所述子视图模块发送的变更后的所述编排子视图，并基于所述展示容器，展示变更后的所述编排子视图。
3.根据权利要求1所述的视图编排方法，其特征在于，所述基于所述展示容器，展示所述编排子视图之后，还包括：
接收所述子视图模块发送的事件消息；其中，所述事件消息是基于新增的所述业务数据确定的；
向所述父视图模块发送所述事件消息；其中，所述父视图模块基于所述事件消息，更新所述父视图模块中与所述事件消息匹配的子视图。
4.根据权利要求1所述的视图编排方法，其特征在于，所述基于所述展示容器，展示所述编排子视图之后，还包括：
接收所述父视图模块发送的移除通知；
基于所述移除通知，向所述子视图模块发送卸载通知；其中，所述子视图模块基于所述卸载通知，清除与待移除中间组件匹配的资源。
5.一种视图编排方法，其特征在于，应用于子视图模块，包括：
接收中间组件发送的初始编排子视图的标识信息以及展示容器的匹配参数；
基于所述标识信息，加载所述初始编排子视图的业务数据；
基于所述业务数据和所述匹配参数，生成编排子视图，并向所述中间组件发送所述编排子视图；其中，所述中间组件基于所述展示容器，展示所述编排子视图。
6.根据权利要求5所述的视图编排方法，其特征在于，所述基于所述业务数据和所述匹配参数，生成编排子视图，包括：
对所述业务数据进行分组匹配，并计算布局位置，得到预处理数据；
基于所述预处理数据和所述匹配参数，确定所述编排子视图的展示数据；
基于所述展示数据，生成所述编排子视图。
7.根据权利要求5所述的视图编排方法，其特征在于，所述基于所述标识信息，加载所述初始编排子视图的业务数据，包括：
基于所述标识信息，从可视化平台中加载所述业务数据；其中，所述业务数据包括组件信息、布局信息、属性信息、绑定信息、交互信息以及匹配记录模型信息。
8.一种视图编排装置，其特征在于，所述视图编排装置包括第一接收模块、创建模块、第一发送模块和展示模块，其中：
所述第一接收模块，用于接收父视图模块发送的初始编排子视图的标识信息；
所述创建模块，用于创建所述初始编排子视图的展示容器，并确定所述展示容器的匹配参数；
所述第一发送模块，用于向子视图模块发送所述标识信息以及所述匹配参数；其中，所述子视图模块基于所述标识信息加载业务数据，并基于所述业务数据和所述匹配参数，生成编排子视图；
所述展示模块，用于接收所述子视图模块发送的编排子视图，并基于所述展示容器，展示所述编排子视图；
或者，所述视图编排装置包括第二接收模块、加载模块和第二发送模块，其中：
所述第二接收模块，用于接收中间组件发送的初始编排子视图的标识信息以及展示容器的匹配参数；
所述加载模块，用于基于所述标识信息，加载所述初始编排子视图的业务数据；
所述第二发送模块，用于基于所述业务数据和所述匹配参数，生成编排子视图，并向所述中间组件发送所述编排子视图；其中，所述中间组件基于所述展示容器，展示所述编排子视图。
9.一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至4任一项所述视图编排方法，或实现如权利要求5至7任一项所述视图编排方法。
10.一种非暂态计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至4任一项所述视图编排方法，或实现如权利要求5至7任一项所述视图编排方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311090079.7A CN117376598A (zh) | 2023-08-28 | 2023-08-28 | 视图编排方法、装置、电子设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311090079.7A CN117376598A (zh) | 2023-08-28 | 2023-08-28 | 视图编排方法、装置、电子设备和存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117376598A true CN117376598A (zh) | 2024-01-09 |
Family
ID=89388105
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311090079.7A Pending CN117376598A (zh) | 2023-08-28 | 2023-08-28 | 视图编排方法、装置、电子设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117376598A (zh) |
-
2023
- 2023-08-28 CN CN202311090079.7A patent/CN117376598A/zh active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10726195B2 (en) | Filtered stylesheets | |
| US20210034990A1 (en) | Rule Assignments and Templating | |
| CN107092625B (zh) | 数据配置方法、数据处理方法及装置 | |
| CN103092612B (zh) | 实现安卓操作系统3d桌面贴图的方法及电子装置 | |
| US11797273B2 (en) | System and method for enhancing component based development models with auto-wiring | |
| CN101957936A (zh) | 一种工作流表单实现方法和系统 | |
| US9223760B2 (en) | Method of encapsulating diverse user interface components while consistently enforcing external constraints | |
| CN103608799A (zh) | 自动用户界面对象变换和代码生成 | |
| US20160012551A1 (en) | Apparatus and Application Server for Providing a Service to a User | |
| US20110320968A1 (en) | Shared user interface services framework | |
| CN112507273A (zh) | 网页页面的生成方法、装置和电子设备 | |
| CN110764921A (zh) | 轮播图展示方法、装置、电子设备及计算机可读介质 | |
| CN106933518A (zh) | 一种打印装置及打印方法 | |
| CN114416056A (zh) | 页面生成方法、系统、计算机设备及可读存储介质 | |
| CN112130826B (zh) | 组件的生成方法、装置、云平台及计算机存储介质 | |
| CN113568614A (zh) | 任务发布方法、电子设备及存储介质 | |
| CN117376598A (zh) | 视图编排方法、装置、电子设备和存储介质 | |
| CN113805886A (zh) | 页面创建方法、装置和系统、计算机装置和存储介质 | |
| CN114327709A (zh) | 一种控制页面生成方法、装置、智能设备及存储介质 | |
| CN109597845B (zh) | 报表配置方法、装置、计算机设备及存储介质 | |
| CN114217781A (zh) | 一种基于可视化引擎的表单开发方法和系统 | |
| CN103164217A (zh) | 用于后端系统的独立数据实体 | |
| CN115357407A (zh) | 一种基于多层级处理的动态规则消息交互方法及系统 | |
| CN115796136A (zh) | 一种图表视图的配置生成方法、装置、存储介质及终端 | |
| CN118259907A (zh) | 一种表单生成方法和装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |