CN117555534A - 可视化组件联动交互的配置方法及装置、计算机设备 - Google Patents

可视化组件联动交互的配置方法及装置、计算机设备 Download PDF

Info

Publication number
CN117555534A
CN117555534A CN202311559555.5A CN202311559555A CN117555534A CN 117555534 A CN117555534 A CN 117555534A CN 202311559555 A CN202311559555 A CN 202311559555A CN 117555534 A CN117555534 A CN 117555534A
Authority
CN
China
Prior art keywords
component
event
configuration
dispatch
interaction
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
Application number
CN202311559555.5A
Other languages
English (en)
Inventor
李卫华
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
BOE Technology Group Co Ltd
Original Assignee
BOE Technology Group Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by BOE Technology Group Co Ltd filed Critical BOE Technology Group Co Ltd
Priority to CN202311559555.5A priority Critical patent/CN117555534A/zh
Publication of CN117555534A publication Critical patent/CN117555534A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/3003—Monitoring arrangements specially adapted to the computing system or computing system component being monitored
    • G06F11/302—Monitoring arrangements specially adapted to the computing system or computing system component being monitored where the computing system component is a software system
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/30—Monitoring
    • G06F11/3051—Monitoring arrangements for monitoring the configuration of the computing system or of the computing system component, e.g. monitoring the presence of processing resources, peripherals, I/O links, software programs
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/36—Software reuse
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/71—Version control; Configuration management
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/46—Multiprogramming arrangements
    • G06F9/54—Interprogram communication
    • G06F9/542—Event management; Broadcasting; Multicasting; Notifications

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computing Systems (AREA)
  • Quality & Reliability (AREA)
  • Computer Security & Cryptography (AREA)
  • Multimedia (AREA)
  • Mathematical Physics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开公开了一种可视化组件联动交互的配置方法和装置、计算机可读存储介质及计算机设备，其中一实施例的可视化组件联动交互的配置方法包括：基于用户的第一操作，获取组件标准模型库中的组件；基于用户的第二操作，为所述组件添加派发事件和/或监听事件，以完成可视化组件的联动交互配置。本公开提供的可视化组件联动交互的配置方法利用组件标准模型库的组件，通过为组件添加派发事件和监听事件实现组件间的联动交互，能够减少代码编写量，满足更多业务需求。

Description

可视化组件联动交互的配置方法及装置、计算机设备
技术领域
本公开涉及互联网技术领域，特别是涉及一种可视化组件联动交互的配置方法及装置、计算机可读存储介质及计算机设备。
背景技术
低代码是一种可视化应用开发的方法。用户利用低代码开发平台在不同的业务场景下进行配置，实现不同的应用搭建。
目前的可视化组件开发方法，为了实现组件的联动交互，对于每一个组件，除通用的组件模型外还需要另外配置功能模型，也就是说将每个组件能够关联的所有事件和能够实现的所有动作均设计在功能模型里，并且上下游组件间还需要链路模型。这导致每个组件包括大量冗余的功能代码，且每次都需要执行链路从而链路间“假解耦”，导致代码冗余且不解耦。
发明内容
为了解决上述问题至少之一，本公开第一个方面提供一种可视化组件联动交互的配置方法，包括：
基于用户的第一操作，获取组件标准模型库中的组件；
基于用户的第二操作，为组件添加派发事件或监听事件，
生成联动交互配置JSON数据，以完成可视化组件的联动交互配置。
在一些可选的实施例中，
基于用户的第一操作，获取组件标准模型库中的组件进一步包括：基于用户的第一操作，获取组件标准模型库中的一个源组件和至少一个目标组件。
在一些可选的实施例中，
基于用户的第二操作，为所述组件添加派发事件或监听事件进一步包括：
获取源组件的源组件ID和目标组件的目标组件ID；
基于用户的第二操作，获取源组件的派发事件；
将源组件ID作为派发事件ID以为源组件添加派发事件；
将目标组件ID作为监听事件ID以为目标组件添加监听事件，其中，监听事件中包括源组件ID。
在一些可选的实施例中，
派发事件包括触发事件和与触发事件联动的至少一个字段。
在一些可选的实施例中，组件作为交互组件的源组件
基于用户的第二操作，为所述组件添加派发事件或监听事件进一步包括：
基于用户的第二操作，获取至少一个派发事件名称；
获取派发事件；
将派发事件名称作为事件ID以为交互组件添加派发事件。
在一些可选的实施例中，组件作为交互组件的目标组件，
基于用户的第二操作，为所述组件添加派发事件或监听事件进一步包括：
基于用户的第二操作，获取至少一个监听事件名称；
获取监听事件的交互动作类型；
将监听事件名称作为事件ID以为交互组件添加监听事件。
在一些可选的实施例中，派发事件的派发类型为选自EventTarget、PostMassage和JsBrage中的一种，监听事件的监听类型为选自EventTarget、PostMassage和JsBrage中的一种。
本公开第二个方面提供一种可视化组件联动交互配置装置，包括：组件标准模型库和控制单元；
组件标准模型库包括多个可视化的组件；
控制单元：基于用户的第一操作获取组件标准模型库中的组件，基于用户的第二操作为组件添加派发事件或监听事件，并生成联动交互配置JSON数据，以完成可视化组件的联动交互配置。
本公开第三个方面提供一种计算机可读存储介质，其上存储有计算机程序，
该程序被处理器执行时实现如上文所述的方法。
本公开第四个方面提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，
处理器执行程序时实现如上文所述的方法。
本公开的有益效果如下：
本公开针对目前现有的问题，提供一种可视化组件联动交互的配置方法和装置、计算机可读存储介质及计算机设备，仅需要利用组件标准模型库的组件，并在可视化组件配置时，通过为组件添加派发事件和监听事件，从而建立组件间的联动关系和互动功能，能够显著减少代码编写量，简化开发人员工作量，提高应用构建效率，并实现完全解耦，满足更多业务需求，具有广阔的应用前景。
附图说明
为了更清楚地说明本公开实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
图1-2示出本公开实施例的可视化组件联动交互的配置方法的流程框图；
图3示出本公开实施例的可视化组件联动交互的配置方法的联动设置界面示意图；
图4示出本公开实施例的可视化组件联动交互的配置方法的联动配置关系示意图；
图5示出本公开实施例的可视化组件联动交互的配置方法的接口配置示意图；
图6示出本公开实施例的示例性联动交互JSON数据；
图7-8示出本公开实施例的可视化组件联动交互的配置方法的具体示例图；
图9示出本公开实施例的可视化组件联动交互的配置方法的初始化流程图；
图10示出本公开实施例的可视化组件联动交互的配置方法的联动配置效果图；
图11示出本公开实施例的可视化组件联动交互的配置方法的联动执行示意图；
图12示出本公开实施例的可视化组件联动交互的配置方法的联动设置整体图；
图13示出本公开实施例的可视化组件联动交互的配置方法的交互配置界面示意图；
图14示出本公开实施例的可视化组件联动交互的配置方法的交互配置流程图；
图15示出本公开实施例的可视化组件联动交互的配置方法的联动配置关系示意图；
图16示出本公开另一实施例的示例性联动交互JSON数据；
图17示出本公开实施例的可视化组件联动交互的配置方法的初始化流程图；
图18示出本公开实施例的可视化组件联动交互的配置方法的交互执行示意图；
图19示出本公开实施例的可视化组件联动交互的配置方法的交互配置效果图；
图20示出本公开另一实施例的可视化组件联动交互的配置方法的交互配置界面示意图；
图21示出本公开另一实施例的可视化组件联动交互的配置方法的交互配置流程图；
图22示出本公开另一实施例的示例性联动交互JSON数据；
图23示出本公开实施例的可视化组件联动交互的配置方法的交互配置效果图；
图24示出本公开实施例的可视化组件联动交互的配置方法的交互设置整体图；
图25示出本公开的另一个实施例所述的一种计算机设备的结构示意图。
具体实施方式
为了更清楚地说明本公开，下面结合优选实施例和附图对本公开做进一步的说明。附图中相似的部件以相同的附图标记进行表示。本领域技术人员应当理解，下面所具体描述的内容是说明性的而非限制性的，不应以此限制本公开的保护范围。
本公开实施例中术语“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
本公开实施例中的术语“组件”即对象，指构建用户界面(UI)的组件，其用于完成窗口、文本框、按钮、下拉菜单、表格、图表、地图、自定义等。
本公开实施例中的术语“联动”，即联合运动，原意指若干个相关联的事物，一个运动或变化时，其它也跟着运动或变化，本公开中指应用程序用户界面上的组件之间相互关联的变化。
本公开实施例中的术语“交互”，指参与活动的对象可以相互交流，双方面互动。
本公开实施例中的术语“DOM”，即文档对象模型(Document Object Model，简称DOM)，是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(HTML和XML文档是通过说明部分定义的)。文档可以进一步被处理，处理的结果可以加入到当前的页面。DOM是一种基于树的API文档，它要求在处理过程中整个文档都表示在存储器中。
为了解决以上问题至少之一，如图1所示，本公开的实施例提供一种可视化组件联动交互的配置方法，包括：
步骤S1、基于用户的第一操作，获取组件标准模型库中的组件；
步骤S2、基于用户的第二操作，为所述组件添加派发事件或监听事件，
步骤S3、生成联动交互配置JSON数据，以完成可视化组件的联动交互配置。
在本实施例中，仅需要利用组件标准模型库的组件，并在可视化组件配置时，通过为组件添加派发事件和监听事件，从而建立组件间的联动关系和互动功能，能够显著减少代码编写量，简化开发人员工作量，提高应用构建效率，并实现完全解耦，满足更多业务需求。
需要说明的是，本公开实施例的配置方法实现为搭载在可视化平台中的应用工具，例如插件或者固件，具体实现为在进行可视化组件配置时，利用可视化平台启动该插件或者固件而实现相应的配置功能。本公开并不限定具体的可视化平台的种类，现有能够加载本公开插件或固件的可视化应用平台均是可以的。
下面结合图2至图7详细描述本发明实施例的可视化组件联动交互的配置方法。
实施例一
在步骤S1中，基于用户的第一操作，获取组件标准模型库中的组件。
具体地，用户在客户端打开可视化平台，在该平台上启动可视化组件联动交互配置装置并建立可视化组件配置工程。其中，客户端可以为计算机、便携式计算机、平板电脑、智能手机等可运行可视化平台的电子设备。
用户在可视化组件联动交互配置装置中通过例如位置输入操作、单双击选择操作、拖拽操作中的至少一种，加载组件标准模型库，响应于用户的该操作(即，第一操作)，可视化组件联动交互配置装置获取需要配置的组件。
组件标准模型库为通用的组件模型库，组件包括但不限于按钮、下拉列表、图表、表格、标签和文本框。组件标准模型库中每个组件定义了其通用功能配置，例如，按钮组件包括：按钮形状、单击功能还是双击功能等，下拉列表包括：列表选项参数、选中形式为单选还是多选等，图表包括：图表形式、图形参数(例如，若柱状图，参数包括柱形个数等)等。当然，本领域技术人员应理解，这仅是示例性的，并不旨在进行限制的。
在本实施例中，用户可以进行可视化组件的联动配置，基于用户的第一操作，获取组件标准模型库中的组件进一步包括：基于用户的第一操作，获取组件标准模型库中的一个源组件和至少一个目标组件。
在一个具体的示例中，参照图3所示，选择一个源组件和一个目标组件，源组件为单选按钮，目标组件为“标签”。
应注意，联动配置即建立联动的源组件的一个事件关联的目标组件的动作关系。因此，参照图4所示，源组件的一个动作可能对应联动一个目标组件，也可以联动多个目标组件。若需要配置的源组件的事件关联多个目标组件，则在一次配置过程中获取多个目标组件并完成配置。
由于联动由源组件触发，因此需要首先确定联动源。有些组件无法作为联动源，例如，图片、视频、动画等组件无事件触发。所有组件均可以作为目标组件。
在步骤S2中，基于用户的第二操作，为所述组件添加派发事件或监听事件。
具体到本实施例，参照图2所示，对于组件联动配置，步骤S2进一步包括以下步骤。
在步骤S21-1中，获取源组件的源组件ID和目标组件的目标组件ID。
具体地，每个组件具有唯一的身份标识符，即组件ID，当确定一个组件为联动的源组件时，则其组件ID即为源组件ID，当确定一个组件为联动的目标组件时，则其组件ID为目标组件ID。
在步骤S22-1中，基于用户的第二操作，获取源组件的派发事件。
具体地，用户的第二操作可以为选择操作，例如通过下拉菜单选择派发事件。派发事件可以仅包括触发事件，或者派发事件可以包括触发事件和与触发事件联动的至少一个字段。当派发事件包括与触发事件关联的字段时，触发事件时能够进行数据传递关联。
依然参照图3所示的具体示例可见，在该示例中触发事件为“点击”，字段为“name”，也就是说该派发事件同时包括了触发事件“点击”和与“点击”关联的字段“name”，其含义为当对源组件“按钮”进行点击时，同时派发“字段”的值，在计算机领域中，该“字段”对应的值为“0”或者“1”。需注意，一个触发事件并不仅限于派发一个关联的字段，需要时也可以为多个字段。触发事件和与触发事件联动的至少一个字段均通过用户的选择操作进行配置。
然而，并不是所有组件均有字段，若源组件没有字段或者若希望派发事件仅为触发事件，例如仅为“点击”，则基于用户的选择操作，获取源组件的派发事件为“点击”即可，而不必配置字段。作为示例，没有字段的组件例如为图片，有字段的组件例如为下拉列表、折线图、表格等，当然不限于此。
当然，组件的类型不同，触发事件类型可能不同。例如，按钮、下拉列表、图表、地图等组件的触发事件可以选择点击事件；表格等组件的触发事件可以选择鼠标进入/鼠标离开；标签、文本框等组件的派发事件可以选择文本值。
在本申请的实施例中，采用CustomEvent接口设定事件，CustomEvent接口表示由程序处于某个目的而创建的事件，是事件派发与事件监听的媒介，可使用它的detail属性进行组件对象设定。
在步骤S23-1中，将源组件ID作为派发事件ID以为源组件添加派发事件。
在本公开的实施例中，可以采用dispatchEvent方法实现事件派发。该dispatchEvent方法会向一个指定的事件目标派发一个事件(Event)，并以适当的顺序(或同步地)调用所有受影响的EventListner，标准事件处理规则(包括事件捕获和可选的冒泡过程)同样适用于通过手动dispatchEvent()方法派发的事件。具体地，本实施例中，在事件定义时添加源组件ID作为派发事件ID，以为源组件添加派发事件。
可选地，派发事件的派发类型为选自EventTarget、PostMassage和JsBrage中的一种。其中，EventTarget主要用于客户端直接调用窗口window对象派发和监听事件，如与Unit进行交互；PostMassage主要用于与第三方web页面iframe跨域进行派发和监听事件；JsBrage主要用于与android等app方式进行派发和监听事件。当然这只是示例性的，派发事件的派发类型还可以采用其它方式。
在步骤S24-1中，将目标组件ID作为监听事件ID以为目标组件添加监听事件，其中，监听事件中包括源组件ID。
为了使作为联动源的源组件触发事件后，立即触发作为联动目标的目标组件的一系列动作，在目标组件添加监听事件，以监听需要关联的源组件所派发的事件。
在本公开的实施例中，可以采用addEventListener方法实现事件监听。该addEventListener方法将指定的监听器注册到EventTarget上，当该对象触发指定的事件时，指定的回调函数就会被执行。具体地，本实施例中，在事件定义时添加目标组件ID作为监听事件ID，以为源组件添加派发事件。为了使得目标组件能够监听到源组件的具体派发事件，监听事件中包括源组件ID。
可选地，可选地，监听事件的监听类型为选自EventTarget、PostMassage和JsBrage中的一种。其中，EventTarget主要用于客户端直接调用窗口window对象派发和监听事件，如与Unit进行交互；PostMassage主要用于与第三方web页面iframe跨域进行派发和监听事件；JsBrage主要用于与android等app方式进行派发和监听事件。当然这只是示例性的，监听事件的监听类型还可以采用其它方式。
更为具体地，在该步骤中，基于用户的第三操作，设置目标组件的关联动作。
继续参照图3所示，图中示例性地示出了可配置的动作类型菜单，过滤、设置和事件，其中可见，该示例中目标组件“标签”被触发的动作为设置。当然，被触发的动作并不限于此，除了图3中示例的过滤、设置、事件外，还可以包括脚本、接口、排序等，当然还可以包括其它可扩展动作。
其中，过滤表示目标组件数据过滤，设置表示目标组件数据设置，事件表示目标组件显示、隐藏、加载数据、执行脚本等，脚本表示直接执行脚本，接口表示调用一个或多个接口，排序表示目标组件加载排序数据。
示例性地，在进行过滤配置时，对可以设置字段的组件可以设置联动字段，对不可以设置字段的组件不设置联动字段；源组件的一个联动的字段可以关联多个目标组件，每个联动目标组件需要设置一个目标字段。
示例性地，在进行设置配置时，对可以设置字段的组件可以设置联动字段；对不可以设置字段的组件不设置联动字段；一个联动字段可以关联多个目标组件；每个目标组件可以设置一个目标字段或者不设置；可以设置字段的组件可以进行设置，如下拉列表(设置数据时，会选中对应的选项)，无法设置字段的组件可以进行设置，如标签(设置数据时，会设置标签显示的文本)。
示例性地，在进行事件配置时，所有组件都可以作为目标组件；事件包括目标组件显示、隐藏、加载数据、脚本等；事件的显示表示目标组件在页面加载后会初始隐藏，当源组件事件触发后，目标组件立即显示；当点击其它非联动源组件及联动目标时，目标组件立即隐藏；事件的隐藏表示当源组件事件触发后，联动目标立即隐藏；事件的加载数据表示当源组件事件触发后，联动目标组件重新加载数据；事件的脚本表示需要用户进行脚本编写，当源组件事件触发后，则目标组件立即执行该脚本，执行脚本的函数可以表示为：functioncallback(targetobject,eventType,value)。
示例性地，在进行脚本配置时，表示源组件的事件触发后，立即执行脚本，需要用户进行脚本编写。执行脚本的函数可以表示为：
function callback(){
console.log(“脚本设置”,this)
}
示例性地，在进行接口配置时，源组件的事件触发后，立即执行调用接口，因此需要进行接口配置。参照图5所示，接口支持GET、POST、PUT、DELETE等方式，并且可以定义多个接口；接口还支持url拼接、params配置、headers配置、body的配置，且这些配置的值可以从其他组件获取。
示例性地，在进行排序配置时，只有排序组件可以作为源组件，可以设置字段的组件才可以作为目标组件，每个目标组件可以选择多个排序字段。
在步骤S3中，生成联动交互配置JSON数据，以完成可视化组件的联动交互配置。
具体地，用户可以点击配置界面中的初始化按钮或者完成按钮基于以上配置生成联动交互配置JSON数据，从而进行联动初始化。在初始化时，将根据该联动交互配置JSON数据进行初始化联动功能，完成可视化组件的联动交互配置。
联动交互配置JSON的示例如图6所示，可见配置后生成的联动配置JSON数据描述了组件ID为rbb22和r6179之间的联动关系，组件rbb22的事件为点击，组件r6179的动作为设置。
经过以上设置，实现了基于用户的第一操作和第二操作，仅利用组件标准模型库的组件，基于可视化平台的简单配置实现了可视化组件的关联配置的派发事件和监听事件的配置，而不必为每一个组件预先编写大量冗余事件代码，降低开发人员工作量，且各个组件之间预先无需设置链路模型，实现了完全解耦。
为了进一步理解本公开实施例的联动配置过程和效果，下面结合图3所示的关联示例，并结合图7至图11，描述可视化组件联动配置的联动初始化和执行过程。
参照图7所示，在配置前，按钮与标签为两个独立的不相关联的组件，其中，参照图8所示，该按钮组件包括数据内容，其中，字段“name”为“男”时，数值为“0”。
经过图3所示的联动配置生成了图6所示的联动交互配置JSON数据，可视化组件联动交互配置装置根据该联动交互配置JSON数据参照图9所示流程进行初始化，可视化组件联动交互配置装置获取联动链路配置信息，并遍历配置链路，遍历后判断存在配置时，基于获取的源组件ID和目标组件ID进行事件派发和事件监听配置，并对可视化组件配置工程内的所有配置项目重复上述过程，直到完成所有配置后结束进程。参照图9所示，事件派发配置初始化时，源组件利用dispatchEvent方法配置派发事件，派发事件的事件名称即为源组件ID，事件监听配置初始化时，目标组件利用addEventListener方法配置监听事件，并且监听事件中包括源组件ID以找到需要监听的具体事件内容。
初始化后，组件完成解耦，并根据配置建立图10所示按钮到标签的联动关系。
继续参照图11所示，通过以上配置方法完成配置后，在通过使用通过以上配置方法形成的界面组件产品时而执行联动过程时，目标组件实时监听该事件，当触发该事件时，源组件派发事件，目标组件通过监听到该事件而发生联动。
继续参照图12所示，图12给出了完成联动设置后各种组件、事件之间的关系。可见，源组件配置有点击/鼠标指向/鼠标离开，事件具有关联字段，多个目标组件可以设置多种动作类型联动，若源组件1派发事件后，监听事件为设置类型的目标组件1监听事件，则进行设置字段1的动作。
对于交互配置来说，与联动不同地，其并没有固定的目标，派发事件的组件是以事件为导向并不必设定关联的组件，监听事件的组件也并不知道派发事件的对象具体为什么组件。因此，交互配置时，组件的配置是独立的。下面分别给出交互配置的实施例。
实施例二
在步骤S1中，基于用户的第一操作，获取组件标准模型库中的组件。
与以上实施例类似地，用户在客户端打开可视化平台，在该平台上启动可视化组件联动交互配置装置并建立可视化组件配置工程。
用户在可视化组件联动交互配置装置中通过例如位置输入操作、单双击选择操作、拖拽操作中的至少一种，加载组件标准模型库，响应于用户的该操作(即，第一操作)，可视化组件联动交互配置装置获取需要配置的组件。
组件标准模型库的功能以及其中包含的组件内容与上文实施例的限定相同，在此不再赘述。
在本实施例中，用户可以进行可视化组件的交互配置，基于用户的第一操作，获取组件标准模型库中的组件进一步包括：基于用户的第一操作，获取组件标准模型库中的至少一个交互组件。
具体该示例，组件作为交互组件的源组件。参照图13所示，基于用户的第一操作选择的交互组件为单选按钮。
与联动的源组件类似地，并不是所有组件均可以作为交互组件的源组件，有些组件无法作为源组件，例如，图片、视频、动画等组件无事件触发。
在步骤S2中，基于用户的第二操作，为组件添加派发事件或监听事件。
具体到本实施例，参照图14所示，对于组件交互配置，步骤S2进一步包括以下步骤。
在步骤S21-2中，基于用户的第二操作，获取至少一个派发事件名称。
在互动配置中，因为事件为导向而发送源对于目标组件来说是未知的，因此名称是该事件的唯一标识符。
具体地，用户的第二操作可以为选择操作，例如通过下拉菜单选择事件名称。参照图15所示，一个源组件可以设置多个派发事件，也就是该步骤中可以获取一个或多个派发事件名称。
在步骤S22-2中，获取派发事件。
获取事件名称后需要确定事件。派发事件可以仅包括触发事件，或者派发事件可以包括触发事件和与触发事件联动的至少一个字段。当派发事件包括与触发事件关联的字段时，触发事件时能够进行数据传递关联。
依然参照图15所示的具体示例可见，在该示例中触发事件为点击事件，字段为“name”，也就是说该派发事件同时包括了触发事件“点击”和与“点击”关联的字段“name”，其含义为当对源组件“按钮”进行点击时，同时派发“字段”的值，在计算机领域中，该“字段”对应的值为“0”或者“1”。需注意，一个触发事件并不仅限于派发一个关联的字段，需要时也可以为多个字段。触发事件和与触发事件联动的至少一个字段均通过用户的选择操作进行配置。
与上文实施例类似地，并不是所有组件均有字段，若源组件没有字段或者若希望派发事件仅为触发事件，例如仅为“点击”，则基于用户的选择操作，获取源组件的派发事件为“点击”即可，而不必配置字段。作为示例，没有字段的组件例如为图片，有字段的组件例如为下拉列表、折线图、表格等，当然不限于此。
此外，对于交互配置来说，虽然具体目标是未知的，但预先了解互动方的类型。也就是说，在该步骤中，进一步包括获取互动方类型，互动方类型指对方使用的软件类型，例如浏览器、系统类型等，系统包括Android、Unity、鸿蒙等，根据对方类型不同需要使用不同的SDK。
当然，组件的类型不同，触发事件类型可能不同。例如，按钮、下拉列表、图表、地图等组件的触发事件可以选择点击事件；表格等组件的触发事件可以选择鼠标进入/鼠标离开；标签、文本框等组件的派发事件可以选择文本值。
在本申请的实施例中，采用CustomEvent接口设定事件，CustomEvent接口表示由程序处于某个目的而创建的事件，是事件派发与事件监听的媒介，可使用它的detail属性进行组件对象设定。
在步骤S23-2中，将派发事件名称作为事件ID以为交互组件添加派发事件。
在本公开的实施例中，可以采用dispatchEvent方法实现事件派发。该dispatchEvent方法会向一个指定的事件目标派发一个事件(Event)，并以适当的顺序(或同步地)调用所有受影响的EventListner，标准事件处理规则(包括事件捕获和可选的冒泡过程)同样适用于通过手动dispatchEvent()方法派发的事件。具体地，本实施例中，在事件定义时添加源组件ID作为派发事件ID，以为源组件添加派发事件。
可选地，派发事件的派发类型为选自EventTarget、PostMassage和JsBrage中的一种。其中，EventTarget主要用于客户端直接调用窗口window对象派发和监听事件，如与Unit进行交互；PostMassage主要用于与第三方web页面iframe跨域进行派发和监听事件；JsBrage主要用于与android等app方式进行派发和监听事件。当然这只是示例性的，派发事件的派发类型还可以采用其它方式。
因为对于交互来说，目标组件是未知的，源组件仅需要配置派发事件而不必设置目标方。至此，即可以生成联动交互配置JSON数据，以完成可视化组件的联动交互配置。也就是说，进行步骤S3，生成联动交互配置JSON数据，以完成可视化组件的联动交互配置。
具体地，用户可以点击配置界面中的初始化按钮或者完成按钮基于以上配置生成联动交互配置JSON数据，从而进行交互初始化。在初始化时，将根据该联动交互配置JSON数据进行初始化交互功能，完成可视化组件的联动交互配置。
联动交互配置JSON的示例如图16所示，可见配置后生成的联动配置JSON数据描述了事件名称为“clickEvent”的派发事件。
经过以上设置，实现了基于用户的第一操作和第二操作，仅利用组件标准模型库的组件，基于可视化平台的简单配置实现了可视化组件的交互配置的派发事件配置，而不必为每一个组件预先编写大量冗余事件代码，降低开发人员工作量，且各个组件之间预先无需设置链路模型，实现了完全解耦。
为了进一步理解本公开实施例的联动配置过程和效果，下面结合图15所示的交互示例，并结合图17至图18，描述可视化组件联动配置的交互初始化和执行过程。
经过图15所示的联动配置生成了图16所示的联动交互配置JSON数据，可视化组件联动交互配置装置根据该联动交互配置JSON数据参照图17所示流程进行初始化，可视化组件联动交互配置装置获取交互配置信息，并遍历交互配置信息，遍历后判断存在配置信息时，对于事件派发过程，基于获取的事件名称进行事件派发，并对可视化组件配置工程内的所有配置项目重复上述过程，直到完成所有配置后结束进程。参照图17所示，事件派发配置初始化时，源组件利用dispatchEvent方法配置派发事件，派发事件的事件名称即为事件的唯一标识。
参照图18所示，通过以上配置方法完成配置后，在通过使用通过以上配置方法形成的界面组件产品时而执行联动过程时，组件若作为源组件派发事件时，以事件名称标识事件，以使未知的组件能够监听到该事件，图19为以浏览器模拟监听事件时，点击“女”进行事件派发时，能够收到该派发事件。
实施例三
在步骤S1中，基于用户的第一操作，获取组件标准模型库中的组件。
与以上实施例类似地，用户在客户端打开可视化平台，在该平台上启动可视化组件联动交互配置装置并建立可视化组件配置工程。
用户在可视化组件联动交互配置装置中通过例如位置输入操作、单双击选择操作、拖拽操作中的至少一种，加载组件标准模型库，响应于用户的该操作(即，第一操作)，可视化组件联动交互配置装置获取需要配置的组件。
组件标准模型库的功能以及其中包含的组件内容与上文实施例的限定相同，在此不再赘述。
在本实施例中，用户可以进行可视化组件的交互配置，基于用户的第一操作，获取组件标准模型库中的组件进一步包括：基于用户的第一操作，获取组件标准模型库中的至少一个交互组件。
具体该示例，组件作为交互组件的目标组件。参照图20所示，基于用户的第一操作选择的交互组件为单选按钮。
在步骤S2中，基于用户的第二操作，为组件添加派发事件或监听事件。
具体到本实施例，参照图20所示，对于组件交互配置，步骤S2进一步包括以下步骤。
在步骤S21-3中，基于用户的第二操作，获取至少一个监听事件名称。
在互动配置中，因为事件为导向而发送源对于目标组件来说是未知的，因此名称是该事件的唯一标识符。
具体地，用户的第二操作可以为选择操作，例如通过下拉菜单选择事件名称。一个目标组件可以设置多个监听事件，也就是该步骤中可以获取一个或多个监听事件名称。
具体地，参照图20所示，该示例中目标组件监听事件是事件名称为“setEvent”、字段为“name”的事件。当然，监听事件包含的字段并不是必须的。
对于交互配置来说，虽然具体目标是未知的，但预先了解互动方的类型。也就是说，在该步骤中，进一步包括获取互动方类型，互动方类型指对方使用的软件类型，例如浏览器、系统类型等，系统包括Android、Unity、鸿蒙等，根据对方类型不同需要使用不同的SDK。
在步骤S22-3中，获取监听事件的互动动作类型。
继续参照图20所示，图中示例性地示出了可配置的事件类型菜单，过滤、设置和事件，其中可见，该示例中目标组件“点击按钮”监听到监听事件后的互动动作类型为设置。当然，被触发的动作并不限于此，除了图20中示例的过滤、设置、事件外，还可以包括脚本、接口、排序等，当然还可以包括其它可扩展动作。
其中，过滤表示目标组件数据过滤，设置表示目标组件数据设置，事件表示目标组件显示、隐藏、加载数据、执行脚本等，脚本表示直接执行脚本，接口表示调用一个或多个接口，排序表示目标组件加载排序数据。
各种互动动作类型的描述与上文实施例一中的描述类似，在此不再赘述。
具体到图20的示例，获取的互动动作类型为设置，即当监听到事件名称为“setEvent”、字段为“name”的事件时，则将按照该字段对应的数据进行设置。
在本公开的实施例中，可以采用addEventListener方法实现事件监听。该addEventListener方法将指定的监听器注册到EventTarget上，当该对象触发指定的事件时，指定的回调函数就会被执行。具体地，本实施例中，在事件定义时添加目标组件ID作为监听事件ID，以为源组件添加派发事件。为了使得目标组件能够监听到源组件的具体派发事件，监听事件中包括源组件ID。
可选地，监听事件的监听类型为选自EventTarget、PostMassage和JsBrage中的一种。其中，EventTarget主要用于客户端直接调用窗口window对象派发和监听事件，如与Unit进行交互；PostMassage主要用于与第三方web页面iframe跨域进行派发和监听事件；JsBrage主要用于与android等app方式进行派发和监听事件。当然这只是示例性的，监听事件的监听类型还可以采用其它方式。监听类型与派发类型的流程一致，只是监听事件与派发事件调用各自对应的对应对象库。
在步骤S23-3中，将监听事件名称作为事件ID以为交互组件添加监听事件。
在本公开的实施例中，可以采用addEventListener方法实现事件监听。该addEventListener方法将指定的监听器注册到EventTarget上，当该对象触发指定的事件时，指定的回调函数就会被执行。具体地，本实施例中，在事件定义时添加目标组件ID作为监听事件ID，以为源组件添加派发事件。为了使得目标组件能够监听到源组件的具体派发事件，监听事件中包括源组件ID。
可选地，可选地，监听事件的监听类型为选自EventTarget、PostMassage和JsBrage中的一种。其中，EventTarget主要用于客户端直接调用窗口window对象派发和监听事件，如与Unit进行交互；PostMassage主要用于与第三方web页面iframe跨域进行派发和监听事件；JsBrage主要用于与android等app方式进行派发和监听事件。当然这只是示例性的，监听事件的监听类型还可以采用其它方式。
因为对于交互来说，目标组件是未知的，源组件仅需要配置派发事件而不必设置目标方。至此，即可以生成联动交互配置JSON数据，以完成可视化组件的联动交互配置。也就是说，进行步骤S3，生成联动交互配置JSON数据，以完成可视化组件的联动交互配置。
具体地，用户可以点击配置界面中的初始化按钮或者完成按钮基于以上配置生成联动交互配置JSON数据，从而进行交互初始化。在初始化时，将根据该联动交互配置JSON数据进行初始化交互功能，完成可视化组件的联动交互配置。
联动交互配置JSON的示例如图22所示，可见配置后生成的联动配置JSON数据描述了事件名称为“setEvent”的监听事件。
经过以上设置，实现了基于用户的第一操作和第二操作，仅利用组件标准模型库的组件，基于可视化平台的简单配置实现了可视化组件的交互配置的派发事件配置，而不必为每一个组件预先编写大量冗余事件代码，降低开发人员工作量，且各个组件之间预先无需设置链路模型，实现了完全解耦。
为了进一步理解本公开实施例的联动配置过程和效果，下面结合图20所示的交互示例，并结合图17至图18，描述可视化组件联动配置的交互初始化和执行过程。
经过图20所示的交互配置生成了图22所示的联动交互配置JSON数据，可视化组件联动交互配置装置根据该联动交互配置JSON数据参照图18所示流程进行初始化，可视化组件联动交互配置装置获取交互配置信息，并遍历交互配置信息，遍历后判断存在配置信息时，对于事件派发过程，基于获取的事件名称进行事件派发，并对可视化组件配置工程内的所有配置项目重复上述过程，直到完成所有配置后结束进程。参照图17所示，监听事件配置初始化时，目标组件利用addEventListener方法配置派发事件，事件名称的事件名称即为监听事件的唯一标识。
参照图18所示，通过以上配置方法完成配置后，在通过使用通过以上配置方法形成的界面组件产品时而执行联动过程时，组件若作为目标组件监听事件时，以事件名称标识事件，以使其能够监听得到来自未知的源组件派发的该事件，图23为以浏览器模拟派发事件时，当派发名称为“setEvent”、字段名称“name”的值为“女”对应的数值的事件时，单选按钮将收到该派发事件，并设置“女”被选中。
参照图24所示的整体设置框图，对于交互配置来说，作为源组件的1-3同时也可以作为目标组件，当作为源组件派发事件时目标是未知的，作为目标组件监听事件时派发事件的源同样是未知的，派发事件和监听事件均以事件名称作为唯一标识符。可见通过以上设置，并不必在开发阶段为每个组件预先设置冗余的事件，只需要在可视化配置阶段根据需要利用事件派发和事件监听进行简单配置即可，大大降低开发人员工作量，并实现完全解耦。
基于同一发明构思，本发明的实施例还提供一种可视化组件联动交互配置装置，其特征在于，包括：组件标准模型库和控制单元；
所述组件标准模型库包括多个可视化的组件；
所述控制单元：基于用户的第一操作获取组件标准模型库中的组件，基于用户的第二操作为所述组件添加派发事件或监听事件，并生成联动交互配置JSON数据，以完成可视化组件的联动交互配置。
在本实施例中，利用组件标准模型库的组件，并在可视化组件配置时，通过为组件添加派发事件和监听事件，从而建立组件间的联动关系和互动功能，能够显著减少代码编写量，简化开发人员工作量，提高应用构建效率，并实现完全解耦，满足更多业务需求，具有广阔的应用前景。
本公开的另一个实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现：基于用户的第一操作，获取组件标准模型库中的组件；
基于用户的第二操作，为所述组件添加派发事件或监听事件，
生成联动交互配置JSON数据，以完成可视化组件的联动交互配置。
在实际应用中，所述计算机可读存储介质可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、电线、光缆、RF等等，或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
如图25所示，本公开的另一个实施例提供的一种计算机设备的结构示意图。图25显示的计算机设备13仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图25所示，计算机设备13以通用计算设备的形式表现。计算机设备13的组件可以包括但不限于：一个或者多个处理器或者处理单元16，系统存储器28，连接不同系统组件(包括系统存储器28和处理单元16)的总线18。
总线18表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(ISA)总线，微通道体系结构(MAC)总线，增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。
计算机设备13典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备13访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。
系统存储器28可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(RAM)30和/或高速缓存存储器32。计算机设备13可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统34可以用于读写不可移动的、非易失性磁介质(图25未显示，通常称为“硬盘驱动器”)。尽管图25中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如CD-ROM，DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线18相连。存储器28可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本公开各实施例的功能。
具有一组(至少一个)程序模块42的程序/实用工具40，可以存储在例如存储器28中，这样的程序模块42包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本公开所描述的实施例中的功能和/或方法。
计算机设备13也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24等)通信，还可与一个或者多个使得用户能与该计算机设备13交互的设备通信，和/或与使得该计算机设备13能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口52进行。并且，计算机设备13还可以通过网络适配器50与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图25所示，网络适配器50通过总线18与计算机设备13的其它模块通信。应当明白，尽管图25中未示出，可以结合计算机设备13使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
处理器单元16通过运行存储在系统存储器28中的程序，从而执行各种功能应用以及数据处理，例如实现本公开实施例所提供的一种可视化组件联动交互的配置方法。
本公开针对目前现有的问题，提供一种可视化组件联动交互的配置方法和装置、计算机可读存储介质及计算机设备，仅需要利用组件标准模型库的组件，并在可视化组件配置时，通过为组件添加派发事件和监听事件，从而建立组件间的联动关系和互动功能，能够显著减少代码编写量，简化开发人员工作量，提高应用构建效率，并实现完全解耦，满足更多业务需求，具有广阔的应用前景。
显然，本公开的上述实施例仅仅是为清楚地说明本公开所作的举例，而并非是对本公开的实施方式的限定，对于所属领域的普通技术人员来说，在上述说明的基础上还可以做出其它不同形式的变化或变动，这里无法对所有的实施方式予以穷举，凡是属于本公开的技术方案所引伸出的显而易见的变化或变动仍处于本公开的保护范围之列。

Claims (10)

1.一种可视化组件联动交互的配置方法，其特征在于，包括：
基于用户的第一操作，获取组件标准模型库中的组件；
基于用户的第二操作，为所述组件添加派发事件或监听事件，
生成联动交互配置JSON数据，以完成可视化组件的联动交互配置。
2.根据权利要求1所述的配置方法，其特征在于，
所述基于用户的第一操作，获取组件标准模型库中的组件进一步包括：基于所述用户的第一操作，获取所述组件标准模型库中的一个源组件和至少一个目标组件。
3.根据权利要求2所述的配置方法，其特征在于，
所述基于用户的第二操作，为所述组件添加派发事件或监听事件进一步包括：
获取所述源组件的源组件ID和所述目标组件的目标组件ID；
基于用户的第二操作，获取所述源组件的派发事件；
将所述源组件ID作为派发事件ID以为所述源组件添加所述派发事件；
将所述目标组件ID作为监听事件ID以为所述目标组件添加监听事件，其中，所述监听事件中包括所述源组件ID。
4.根据权利要求1所述的配置方法，其特征在于，
所述派发事件包括触发事件和与所述触发事件联动的至少一个字段。
5.根据权利要求1所述的配置方法，其特征在于，所述组件作为交互组件的源组件，所述基于用户的第二操作，为所述组件添加派发事件或监听事件进一步包括：
基于用户的第二操作，获取至少一个派发事件名称；
获取派发事件；
将所述派发事件名称作为事件ID以为所述交互组件添加派发事件。
6.根据权利要求1所述的配置方法，其特征在于，所述组件作为交互组件的目标组件，所述基于用户的第二操作，为所述组件添加派发事件或监听事件进一步包括：
基于用户的第二操作，获取至少一个监听事件名称；
获取监听事件的交互动作类型；
将所述监听事件名称作为事件ID以为所述交互组件添加监听事件。
7.根据权利要求1所述的配置方法，其特征在于，所述派发事件的派发类型为选自EventTarget、PostMassage和JsBrage中的一种，所述监听事件的监听类型为选自EventTarget、PostMassage和JsBrage中的一种。
8.一种可视化组件联动交互配置装置，其特征在于，包括：组件标准模型库和控制单元；
所述组件标准模型库包括多个可视化的组件；
所述控制单元：基于用户的第一操作获取组件标准模型库中的组件，基于用户的第二操作为所述组件添加派发事件或监听事件，并生成联动交互配置JSON数据，以完成可视化组件的联动交互配置。
9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，
该程序被处理器执行时实现如权利要求1-7中任一项所述的方法。
10.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，
所述处理器执行所述程序时实现如权利要求1-7中任一项所述的方法。
CN202311559555.5A 2023-11-21 2023-11-21 可视化组件联动交互的配置方法及装置、计算机设备 Pending CN117555534A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202311559555.5A CN117555534A (zh) 2023-11-21 2023-11-21 可视化组件联动交互的配置方法及装置、计算机设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202311559555.5A CN117555534A (zh) 2023-11-21 2023-11-21 可视化组件联动交互的配置方法及装置、计算机设备

Publications (1)

Publication Number Publication Date
CN117555534A true CN117555534A (zh) 2024-02-13

Family

ID=89820191

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202311559555.5A Pending CN117555534A (zh) 2023-11-21 2023-11-21 可视化组件联动交互的配置方法及装置、计算机设备

Country Status (1)

Country Link
CN (1) CN117555534A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117742834A (zh) * 2024-02-20 2024-03-22 北京德塔精要信息技术有限公司 一种低代码平台页面组件配置方法及装置

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117742834A (zh) * 2024-02-20 2024-03-22 北京德塔精要信息技术有限公司 一种低代码平台页面组件配置方法及装置

Similar Documents

Publication Publication Date Title
US8799796B2 (en) System and method for generating graphical dashboards with drill down navigation
JP2008305411A (ja) 機能強化されたウィジェットコンポジションプラットフォーム
CN117555534A (zh) 可视化组件联动交互的配置方法及装置、计算机设备
WO2023077951A1 (zh) 数据渲染方法及装置
US20220103887A1 (en) Methods and Systems for Remote Streaming of a User-Customized User Interface
CN114077430A (zh) 界面生成方法、装置、电子设备及存储介质
CN111782106A (zh) 用于展示页面菜单栏的方法、装置、电子设备和可读介质
CN110780874B (zh) 用于生成信息的方法和装置
CN113220381A (zh) 一种点击数据展示方法和装置
CN113312036B (zh) Web页面的大屏显示方法、装置、设备及存储介质
CN110796518A (zh) 电商互动活动处理方法及系统
CN112947916A (zh) 用于实现在线画布的方法、装置、设备以及存储介质
CN115033233A (zh) 一种接口调用方法、装置、电子设备及存储介质
CN114547523A (zh) 在直播间中进行活动导航的方法、装置、设备及存储介质
CN109101473B (zh) 用于处理二维数据表的方法和装置
CN114047863A (zh) 一种页面交互方法和装置
CN109948251B (zh) 基于cad的数据处理方法、装置、设备及存储介质
CN113760317A (zh) 一种页面显示方法、装置、设备及存储介质
CN113778542A (zh) 业务配置表生成方法和装置
CN111737372A (zh) 地图数据生成方法和装置
CN114610204B (zh) 一种数据处理的辅助装置、方法、存储介质及电子设备
CN112860464B (zh) 运算关系配置方法、装置、计算机设备及存储介质
CN113806596B (zh) 运营数据管理方法及相关装置
CN113704593B (zh) 一种运营数据处理方法及相关装置
CN116126948A (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