CN112445949A - 一种组态式可视化展示方法、装置及系统 - Google Patents

一种组态式可视化展示方法、装置及系统 Download PDF

Info

Publication number
CN112445949A
CN112445949A CN201910811793.8A CN201910811793A CN112445949A CN 112445949 A CN112445949 A CN 112445949A CN 201910811793 A CN201910811793 A CN 201910811793A CN 112445949 A CN112445949 A CN 112445949A
Authority
CN
China
Prior art keywords
page
information
display
browser
visual
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
CN201910811793.8A
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.)
State Grid Corp of China SGCC
State Grid Jiangsu Electric Power Co Ltd
Beijing Kedong Electric Power Control System Co Ltd
NARI Group Corp
Original Assignee
State Grid Corp of China SGCC
State Grid Jiangsu Electric Power Co Ltd
Beijing Kedong Electric Power Control System Co Ltd
NARI Group Corp
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 State Grid Corp of China SGCC, State Grid Jiangsu Electric Power Co Ltd, Beijing Kedong Electric Power Control System Co Ltd, NARI Group Corp filed Critical State Grid Corp of China SGCC
Priority to CN201910811793.8A priority Critical patent/CN112445949A/zh
Publication of CN112445949A publication Critical patent/CN112445949A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/904Browsing; Visualisation therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种组态式可视化展示方法、装置及系统,包括:获取页面描述文件,所述页面描述文件中包含了若干条页面信息,各页面信息分别是基于不同的页面展示要求生成,各页面信息中均包含了若干个图形化组件信息、布局信息以及各图形化组件的关联信息;接收浏览器发送的加载信息,基于所述加载信息从页面描述文件中筛选出需要的页面信息发送给浏览器,供浏览器基于所述页面信息加载对应的图形化组件生成展示界面,最终完成组态式可视化展示过程。本发明通过对图形化组件的可视化操作的封装,引入了图形化的编辑工具,将系统的开发实现与培训的定制需求进行解耦,缩短开发周期,系统的复用程度高,用户可对页面进行自由定制。

Description

一种组态式可视化展示方法、装置及系统
技术领域
本发明属于电力系统仿真技术领域,具体涉及一种组态式可视化展示方法、装置及系统。
背景技术
调度员培训仿真系统(DTS)在提高电网调度人员调度技能方面发挥了重要作用,已成为调度员日常培训及联合反事故演习的必备工具。观摩可视化系统是连接观摩人员和参演人员的纽带和门户,在调度员日常培训及联合反事故演习中,发挥越来越重要的作用。
目前的调度员培训仿真的观摩可视化系统,在演习或者培训的准备初期,由导演制定完整的流程,然后由开发人员针对此流程进行定制开发,往往是开发周期长,无法快速响应需求的变化,复用程度较低;在演习或培训的过程中,需要培训人员根据演习或培训的推进,手动切换到相关主题的页面来对演习进行讲解和说明,从而降低了可视化系统展示的灵活性。
另外,观摩可视化需要通过定制编程实现,与开发程序深度耦合,开发周期长,调度人员无法对画面进行修改和二次开发,用户自主性弱;观摩可视化系统,需要调度人员随着培训或演习的推进,手动切换到相关主题的页面,无法根据演习当中的操作事件或者系统状态的变化,动态切换或弹出相关页面,无法对组件的展示效果进行动态的转换。
发明内容
针对上述问题,本发明提出一种组态式可视化展示方法、装置及系统,通过对图形化组件的可视化操作的封装,引入了图形化的编辑工具,将系统的开发实现与培训的定制需求进行解耦,缩短开发周期,系统的复用程度高,用户可对页面进行自由定制。
为了实现上述技术目的,达到上述技术效果,本发明通过以下技术方案实现:
第一方面,本发明提供了一种组态式可视化展示方法,包括:
获取页面描述文件,所述页面描述文件中包含了若干条页面信息,各页面信息分别是基于不同的页面展示要求生成,各页面信息中均包含若干个图形化组件信息、布局信息以及各图形化组件的关联信息;
接收浏览器发送的加载信息,基于所述加载信息从页面描述文件中筛选出需要的页面信息发送给浏览器,供浏览器基于所述页面信息加载对应的图形化组件生成展示界面,最终完成组态式可视化展示过程。
可选地,所述接收浏览器发送的加载信息步骤之前还包括:
获取页面控制文件,所述页面控制文件包括展示规则,所述展示规则与系统的状态变化和操作事件相关联,其包含了界面展示逻辑以及图形化组件展示逻辑。
可选地,所述接收浏览器发送的加载信息步骤之后还包括:
当获取到系统状态变化信息和/或设定的操作事件后,加载所述页面控制文件,筛选出与所述系统状态变化信息和/或设定的操作事件匹配的展示规则,基于所述展示规则中的页面展示逻辑选定待展示界面,并基于所述展示规则中图形化组件展示逻辑对选定的待展示界面中的图形化组件进行展示控制。
可选地,所述接收浏览器发送的加载信息步骤之前还包括:
获取脚本文件,各脚本文件分别与各图形化组件相匹配,所述脚本文件中定义了数据源的属性以及图形化组件的可视化展示效果。
可选地,所述图形化组件为标准的UI控件可视化展示组件或图形解析可视化展示组件。
可选地,所述页面描述文件中还包括浏览器信息,当接收到浏览器发送的加载信息后,发送所述浏览器信息至浏览器,用于设置浏览器的显示状态。
第二方面,本发明提供了一种组态式可视化展示装置,包括:
第一获取模块,获取页面描述文件,所述页面描述文件中包含了若干条页面信息,各页面信息分别是基于不同的页面展示要求生成,各页面信息中均包含了若干个图形化组件信息、布局信息以及各图形化组件的关联信息;
第一展示模块,用于接收浏览器发送的加载信息,基于所述加载信息从页面描述文件中筛选出需要的页面信息发送给浏览器,供浏览器基于所述页面信息加载对应的图形化组件生成展示界面,最终完成组态式可视化展示过程。
可选地,所述的一种组态式可视化展示装置,还包括:
第二获取模块,用于获取页面控制文件,所述页面控制文件包括展示规则,所述展示规则与系统的状态变化和操作事件相关联,其包含了界面展示逻辑以及图形化组件展示逻辑;
第二展示模块,用于当获取到系统状态变化信息和/或设定的操作事件后,加载所述页面控制文件,筛选出与所述系统状态变化信息和/或设定的操作事件匹配的展示规则,基于所述展示规则中的页面展示逻辑选定待展示界面,并基于所述展示规则中图形化组件展示逻辑对选定的待展示界面中的图形化组件进行展示控制。
可选地,所述的一种组态式可视化展示装置,还包括:
第三获取模块,用于获取脚本文件,各脚本文件分别与各图形化组件相匹配,所述脚本文件中定义了数据源的属性以及图形化组件的可视化展示效果。
第三方面,本发明提供了一种组态式可视化展示系统,包括:
处理器,适于实现各指令;以及
存储设备,适于存储多条指令,所述指令适于由处理器加载并执行第一方面中任一项所述的步骤。
第四方面,本发明提供了一种组态式可视化展示系统,包括:
可视化组件库,所述可视化组件库内包括若干个图形化组件;
可视化编辑模块,所述可视化编辑模块根据获得的不同的页面展示要求生成页面描述文件,所述页面描述文件中包含了若干条页面信息,各页面信息分别是基于不同的页面展示要求生成,各页面信息中均包含了若干个图形化组件信息、布局信息以及各图形化组件的关联信息;
可视化浏览器,所述可视化浏览器发送加载信息至可视化编辑模块,所述可视化编辑模块基于所述加载信息从页面描述文件中筛选出需要的页面信息发送给浏览器,供浏览器基于所述页面信息加载可视化组件库中对应的图形化组件生成展示界面,最终完成组态式可视化展示过程。
可选地,所述可视化编辑模块中还包括页面控制文件,所述页面控制文件包括:展示规则,所述展示规则与系统的状态变化和操作事件相关联,其包含了界面展示逻辑以及图形化组件展示逻辑。
可选地,当可视化浏览器获取到系统状态变化信息和/或设定的操作事件后,所述可视化编辑模块加载所述页面控制文件,筛选出与所述系统状态变化信息和/或设定的操作事件匹配的展示规则,基于所述展示规则中的页面展示逻辑选定待展示界面,并基于所述展示规则中图形化组件展示逻辑对选定的待展示界面中的图形化组件进行展示控制。
可选地,所述可视化编辑模块中还包括了与各图形化组件相匹配的脚本文件,所述脚本文件中定义了数据源的属性以及图形化组件的可视化展示效果。
可选地,所述系统还包括数据服务模块,所述脚本文件与数据服务模块相连,基于其内部定义的数据源的属性从数据服务模块中获取数据。
可选地,所述页面描述文件中还包括浏览器信息,当接收到浏览器发送的加载信息后,发送所述浏览器信息至浏览器,用于设置浏览器的显示状态。
与现有技术相比,本发明的有益效果:
(1)本发明通过对图形化组件的可视化操作的封装,引入了图形化的编辑工具,将系统的开发实现与培训的定制需求进行解耦,缩短开发周期,系统的复用程度高,用户可对页面进行自由定制;
(2)本发明引入脚本机制,通过脚本来与数据服务进行交互,并利用操作事件和系统当前的状态对应的页面展示规则来动态的改变显示页面及组件的展示形式
附图说明
为了使本发明的内容更容易被清楚地理解,下面根据具体实施例并结合附图,对本发明作进一步详细的说明,其中:
图1为本发明一种实施例的组态式可视化展示系统的结构示意图;
图2为本发明一种实施例的浏览器实现页面的动态控制以及图形化组件效果的动态变化流程示意图;
图3为本发明一种实施例的浏览器加载页面描述文件的流示意图;
图4为本发明一种实施例的可视化展示组件从数据服务获取刷新数据的流程示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明的保护范围。
下面结合附图对本发明的应用原理作详细的描述。
实施例1
本发明实施例提供了一种组态式可视化展示方法,包括以下步骤:
步骤(1)获取页面描述文件,所述页面描述文件中包含了若干条页面信息,各页面信息分别是基于不同的页面展示要求生成,各页面信息中均包含了若干个图形化组件信息、布局信息以及各图形化组件的关联信息;在实际应用过程中,各图形化组件均被封装在可视化组件库内;
步骤(2)接收浏览器发送的加载信息,基于所述加载信息从页面描述文件中筛选出需要的页面信息发送给浏览器,供浏览器基于所述页面信息加载对应的图形化组件生成展示界面,最终完成组态式可视化展示过程。
在本发明实施例的一种具体实施方式中,在所述接收浏览器发送的加载信息步骤之前还包括:获取脚本文件,所述脚本文件分别与各图形化组件相匹配,所述脚本文件中定义了数据源属性和图形化组件的可视化展示逻辑。所述脚本文件是一种编程语言,不仅可以直接调用封装对象的属性,还支持逻辑判断和流程控制,用于与培训系统的状态和相关事件相结合,所述脚本文件用于从数据服务中获得数据。
优选地,为了实现对展示界面的展示逻辑和图形化组件的展示效果进行动态控制,所述接收浏览器发送的加载信息步骤之前还包括:
获取页面控制文件,所述页面控制文件包括:展示规则,所述展示规则与系统的状态变化和操作事件相关联,其包含了界面展示逻辑以及图形化组件展示逻辑。在所述接收浏览器发送的加载信息步骤之后还包括:当获取到系统状态变化信息和/或设定的操作事件后,加载所述页面控制文件,筛选出与所述系统状态变化信息和/或设定的操作事件匹配的展示规则,基于所述展示规则中的页面展示逻辑选定待展示界面,并基于所述展示规则中图形化组件展示逻辑对选定的待展示界面中的图形化组件进行展示控制。
进一步地,所述页面描述文件中还包括浏览器信息,当接收到浏览器发送的加载信息后,发送所述浏览器信息至浏览器,用于设置浏览器的显示状态。
实施例2
基于与实施例1相同的发明构思,本发明实施例提供了一种组态式可视化展示装置,包括:
第一获取模块,获取页面描述文件,所述页面描述文件中包含了若干条页面信息,各页面信息分别是基于不同的页面展示要求生成,各页面信息中均包含了若干个图形化组件信息、布局信息以及各图形化组件的关联信息;
第一展示模块,用于接收浏览器发送的加载信息,基于所述加载信息从页面描述文件中筛选出需要的页面信息发送给浏览器,供浏览器基于所述页面信息加载对应的图形化组件生成展示界面,最终完成组态式可视化展示过程。
可选地,所述的一种组态式可视化展示装置,还包括:
第二获取模块,用于获取页面控制文件,所述页面控制文件包括展示规则,所述展示规则与系统的状态变化和操作事件相关联,其包含了界面展示逻辑以及图形化组件展示逻辑;
第二展示模块,用于当获取到系统状态变化信息和/或设定的操作事件后,加载所述页面控制文件,筛选出与所述系统状态变化信息和/或设定的操作事件匹配的展示规则,基于所述展示规则中的页面展示逻辑选定待展示界面,并基于所述展示规则中图形化组件展示逻辑对选定的待展示界面中的图形化组件进行展示控制。
进一步地,在本发明实施例的一种具体实施方式中,所述的一种组态式可视化展示装置,还包括:
第三获取模块,用于获取脚本文件,各脚本文件分别与各图形化组件相匹配,所述脚本文件中定义了数据源的属性以及图形化组件的可视化展示效果。
其余部分均与实施例1相同。
实施例3
一种组态式可视化展示系统,包括:
处理器,适于实现各指令;以及
存储设备,适于存储多条指令,所述指令适于由处理器加载并执行实施例1中任一项所述的步骤。
实施例4
本发明实施例提供了一种组态式可视化展示系统,如图1所示,具体包括:可视化组件库、可视化编辑模块、可视化浏览器和数据服务;
所述可视化组件库内包括若干个图形化组件;在本发明实施例的一种具体实施方式中,所述可视化组件库所包含的图形化组件主要有三种类型:
(1)常用的图形化组件,如饼图、棒图、曲线、雷达图、色斑图、文字、图片等标准的UI控件可视化展示组件;
(2)调度培训相关的图形化组件,如符合CIM/G规范的图形解析可视化展示组件;
(3)其他图形化组件,主要是针对不同地区,不同调度培训需求制作的特殊可视化展示组件。
所述可视化编辑模块根据获得的不同的页面展示要求生成页面描述文,所述页面描述文件中包含了若干条页面信息,各页面信息分别是基于不同的页面展示要求生成,各页面信息中均包含了若干个图形化组件信息、布局信息以及各图形化组件的关联信息;在本发明实施例的一种具体实施方式中,所述可视化编辑模块的工作原理具体为:
可视化编辑模块(即图形化的编辑工具)是快速搭建观摩可视化主题页面的核心,通过加载已有的可视化组件库,调度培训人员可以根据不同的可视化主题利用可视化编辑模块自带的布局管理工具,编辑可视化主题页面的布局,形成子窗口,实现页面的灵活定制。基于要展示的数据的特点,选择要使用的图形化组件,将图形化组件与布局好的子窗口进行绑定。通过编写不同图形化组件的脚本文件来设置数据源、图形化组件的可视化展示效果,以及不同页面间的展示逻辑,最后形成以xml标准为基础的页面描述文件,供其他模块进行调用。
在本发明实施例的一种具体实施方式中,所述页面描述文件主要描述了浏览器信息、页面信息、页面中的组件信息,具体信息描述如下:
浏览器信息,主要定义了浏览器的大小,位置以及显示属性等内容。
Figure BDA0002185257340000061
Figure BDA0002185257340000071
页面信息,主要用于描述浏览器显示的页面信息;
属性名称 属性含义
name 页面名称
belong 所属主题
index 页面索引编号
页面的组件信息,主要定义了该页面中有哪些可视化组件组成,以及各个组件的大小,位置等信息。
属性名称 属性含义
id 组件的标识
name 组件的名称
type 组件的类型
x/y 组件的位置
width/height 组件的大小
scriptname 脚本文件名称
组件的特定信息
所述脚本文件用于与数据服务进行交互,实现图形化组件与数据源的分离。为提高脚本文件的通用性,支持的脚本语言符合ECMAScript规范,可以采用符合上述规范的语言的Qt脚本来实现,脚本语言中不仅可以直接调用封装对象(实际应用过程中,图形化组件均是以被封装的对象存在)的属性,而且支持逻辑判断、流程控制等。所述脚本文件用于与数据服务进行交互,获取相关的数据信息,并通过调用封装好的接口,来动态的改变图形化组件的展示内容以及控制页面的跳转逻辑。
所述可视化浏览器发送加载信息至可视化编辑模块,所述可视化编辑模块基于所述加载信息从页面描述文件中筛选出需要的页面信息发送给浏览器,供浏览器基于所述页面信息加载可视化组件库中对应的图形化组件生成展示界面,最终完成组态式可视化展示。
具体地,所述页面描述文件加载过程为:
浏览器通过加载页面描述文件中的浏览器信息,设置浏览器的显示状态(即设置浏览器属性),然后加载所有的页面信息,将页面信息保存在页面列表中(即加载并存储页面信息),获取首页页面信息,加载该页面中的组件信息(即获取页面中组件信息),并存入组件列表中,遍历该列表,从中取出图形化组件信息,根据图形化组件的名称,来加载图形化组件,并设置相应的属性,如果该图形化组件设置了脚本文件,则加载该脚本文件,从而实现了整个页面描述文件的加载过程,流程图如3所示。
所述页面展示过程为:
页面的展示,是由图形化组件以及浏览器加载与自身对应的脚本文件,通过执行脚本文件来从数据服务请求数据,并根据数据服务返回的数据以及封装的接口来确定浏览器或组件的行为,从而达到实现页面切换以及组件的可视化展示效果的动态切换。页面刷新的过程如图4所示,首先判断是否遍历完所有组件,如果不是,则执行组件的脚本文件;如果是,则获取系统状态,并判断是否有匹配的展示规则,如果有,则触发展示规则。
展示页面中与各个图形化组件相对应的脚本文件分别与数据服务单独交互,来为图形化组件提供需要展示的数据以及相应的展示效果的动态变换。
进一步,为了能够实现对展示页面的动态控制,所述可视化编辑模块中还包括页面控制文件,所述页面控制文件包括:展示规则,所述展示规则与系统的状态变化和操作事件相关联,其包含了界面展示逻辑以及图形化组件展示逻辑。当可视化浏览器获取到系统状态变化信息和/或设定的操作事件后,所述可视化编辑模块加载所述页面控制文件,筛选出与所述系统状态变化信息和/或设定的操作事件匹配的展示规则,基于所述展示规则中的页面展示逻辑选定待展示界面,并基于所述展示规则中图形化组件展示逻辑对选定的待展示界面中的图形化组件进行展示控制。具体执行过程为:首先,定义好规则内的执行事件,然后通过选择不同的执行事件来形成展示规则,并将形成好的展示规则与系统的状态变化和操作事件进行绑定,从而达到动态控制页面的效果,下面以系统发生故障,触发潮流转移效果为例来展示页面控制文件,如图2所示,首先查找与事件相关的页面,然后打开该相关页面,判断是否发生潮流转移,如果是则触发潮流转移效果的相关图形化组件并展示。
综上所述:本发明实施例中,将常用的标准的UI控件可视化展示组件、符合CIM/G规范的图形解析模块以及针对特殊需求定制开发的可视化UI控件封装为图形化组件;然后将这些图形化组件以组件库的形式进行封装,方便其他模块的调用。在封装了常用图形化组件操作的基础上,开发了图形化的画面编辑工具,即可视化编辑模块,来实现页面的布局以及图形化组件之间的关联操作,利用脚本文件来实现与数据服务进行交互,通过生成页面展示规则文件,根据当前系统的状态或当前操作的事件,来控制页面的展示逻辑以及页面中组件的展示效果,最后形成以xml标准为基础的页面描述文件。观摩可视化浏览器模块通过加载页面描述文件中涉及的图形化组件以及布局信息来展示页面,通过加载页面描述文件中的脚本文件信息来与数据服务进行交互来获取和展示数据。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
以上结合附图对本发明的实施例进行了描述,但是本发明并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本发明的启示下,在不脱离本发明宗旨和权利要求所保护的范围情况下,还可做出很多形式,这些均属于本发明的保护之内。
以上显示和描述了本发明的基本原理和主要特征和本发明的优点。本行业的技术人员应该了解,本发明不受上述实施例的限制,上述实施例和说明书中描述的只是说明本发明的原理,在不脱离本发明精神和范围的前提下,本发明还会有各种变化和改进,这些变化和改进都落入要求保护的本发明范围内。本发明要求保护范围由所附的权利要求书及其等效物界定。

Claims (16)

1.一种组态式可视化展示方法,其特征在于,包括:
获取页面描述文件,所述页面描述文件中包含了若干条页面信息,各页面信息分别是基于不同的页面展示要求生成,各页面信息中均包含若干个图形化组件信息、布局信息以及各图形化组件的关联信息;
接收浏览器发送的加载信息,基于所述加载信息从页面描述文件中筛选出需要的页面信息发送给浏览器,供浏览器基于所述页面信息加载对应的图形化组件生成展示界面,最终完成组态式可视化展示过程。
2.根据权利要求1所述的一种组态式可视化展示方法,其特征在于,所述接收浏览器发送的加载信息步骤之前还包括:
获取页面控制文件,所述页面控制文件包括展示规则,所述展示规则与系统的状态变化和操作事件相关联,其包含了界面展示逻辑以及图形化组件展示逻辑。
3.根据权利要求2所述的一种组态式可视化展示方法,其特征在于:所述接收浏览器发送的加载信息步骤之后还包括:
当获取到系统状态变化信息和/或设定的操作事件后,加载所述页面控制文件,筛选出与所述系统状态变化信息和/或设定的操作事件匹配的展示规则,基于所述展示规则中的页面展示逻辑选定待展示界面,并基于所述展示规则中图形化组件展示逻辑对选定的待展示界面中的图形化组件进行展示控制。
4.根据权利要求1所述的一种组态式可视化展示方法,其特征在于:所述接收浏览器发送的加载信息步骤之前还包括:
获取脚本文件,各脚本文件分别与各图形化组件相匹配,所述脚本文件中定义了数据源的属性以及图形化组件的可视化展示效果。
5.根据权利要求1所述的一种组态式可视化展示方法,其特征在于:所述图形化组件为标准的UI控件可视化展示组件或图形解析可视化展示组件。
6.根据权利要求1所述的一种组态式可视化展示方法,其特征在于:所述页面描述文件中还包括浏览器信息,当接收到浏览器发送的加载信息后,发送所述浏览器信息至浏览器,用于设置浏览器的显示状态。
7.一种组态式可视化展示装置,其特征在于,包括:
第一获取模块,获取页面描述文件,所述页面描述文件中包含了若干条页面信息,各页面信息分别是基于不同的页面展示要求生成,各页面信息中均包含了若干个图形化组件信息、布局信息以及各图形化组件的关联信息;
第一展示模块,用于接收浏览器发送的加载信息,基于所述加载信息从页面描述文件中筛选出需要的页面信息发送给浏览器,供浏览器基于所述页面信息加载对应的图形化组件生成展示界面,最终完成组态式可视化展示过程。
8.根据权利要求7所述的一种组态式可视化展示装置,其特征在于,还包括:
第二获取模块,用于获取页面控制文件,所述页面控制文件包括展示规则,所述展示规则与系统的状态变化和操作事件相关联,其包含了界面展示逻辑以及图形化组件展示逻辑;
第二展示模块,用于当获取到系统状态变化信息和/或设定的操作事件后,加载所述页面控制文件,筛选出与所述系统状态变化信息和/或设定的操作事件匹配的展示规则,基于所述展示规则中的页面展示逻辑选定待展示界面,并基于所述展示规则中图形化组件展示逻辑对选定的待展示界面中的图形化组件进行展示控制。
9.根据权利要求7所述的一种组态式可视化展示装置,其特征在于,还包括:
第三获取模块,用于获取脚本文件,各脚本文件分别与各图形化组件相匹配,所述脚本文件中定义了数据源的属性以及图形化组件的可视化展示效果。
10.一种组态式可视化展示系统,其特征在于,包括:
处理器,适于实现各指令;以及
存储设备,适于存储多条指令,所述指令适于由处理器加载并执行权利要求1~6中任一项所述的步骤。
11.一种组态式可视化展示系统,其特征在于,包括:
可视化组件库,所述可视化组件库内包括若干个图形化组件;
可视化编辑模块,所述可视化编辑模块根据获得的不同的页面展示要求生成页面描述文,所述页面描述文件中包含了若干条页面信息,各页面信息分别是基于不同的页面展示要求生成,各页面信息中均包含了若干个图形化组件信息、布局信息以及各图形化组件的关联信息;
可视化浏览器,所述可视化浏览器发送加载信息至可视化编辑模块,所述可视化编辑模块基于所述加载信息从页面描述文件中筛选出需要的页面信息发送给浏览器,供浏览器基于所述页面信息加载可视化组件库中对应的图形化组件生成展示界面,最终完成组态式可视化展示过程。
12.根据权利要求11所述的一种组态式可视化展示系统,其特征在于,所述可视化编辑模块中还包括页面控制文件,所述页面控制文件包括:展示规则,所述展示规则与系统的状态变化和操作事件相关联,其包含了界面展示逻辑以及图形化组件展示逻辑。
13.根据权利要求11所述的一种组态式可视化展示系统,其特征在于:当可视化浏览器获取到系统状态变化信息和/或设定的操作事件后,所述可视化编辑模块加载所述页面控制文件,筛选出与所述系统状态变化信息和/或设定的操作事件匹配的展示规则,基于所述展示规则中的页面展示逻辑选定待展示界面,并基于所述展示规则中图形化组件展示逻辑对选定的待展示界面中的图形化组件进行展示控制。
14.根据权利要求11所述的一种组态式可视化展示系统,其特征在于:所述可视化编辑模块中还包括了与各图形化组件相匹配的脚本文件,所述脚本文件中定义了数据源的属性以及图形化组件的可视化展示效果。
15.根据权利要求11所述的一种组态式可视化展示系统,其特征在于:所述系统还包括数据服务模块,所述脚本文件与数据服务模块相连,基于其内部定义的数据源的属性从数据服务模块中获取数据。
16.根据权利要求11所述的一种组态式可视化展示系统,其特征在于:所述页面描述文件中还包括浏览器信息,当接收到浏览器发送的加载信息后,发送所述浏览器信息至浏览器,用于设置浏览器的显示状态。
CN201910811793.8A 2019-08-30 2019-08-30 一种组态式可视化展示方法、装置及系统 Pending CN112445949A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910811793.8A CN112445949A (zh) 2019-08-30 2019-08-30 一种组态式可视化展示方法、装置及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910811793.8A CN112445949A (zh) 2019-08-30 2019-08-30 一种组态式可视化展示方法、装置及系统

Publications (1)

Publication Number Publication Date
CN112445949A true CN112445949A (zh) 2021-03-05

Family

ID=74742224

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910811793.8A Pending CN112445949A (zh) 2019-08-30 2019-08-30 一种组态式可视化展示方法、装置及系统

Country Status (1)

Country Link
CN (1) CN112445949A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113093574A (zh) * 2021-03-23 2021-07-09 珠海格力电器股份有限公司 楼宇控制系统的前端组态方法、装置及楼宇控制系统
CN115914713A (zh) * 2022-11-01 2023-04-04 西安羚控电子科技有限公司 一种大屏实时显示控制方法及显示控制系统

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150074561A1 (en) * 2010-05-07 2015-03-12 Google Inc. Customizable themes for browsers and web content
CN106528129A (zh) * 2016-10-27 2017-03-22 南京南瑞继保电气有限公司 一种Web应用界面生成系统及方法
CN108491205A (zh) * 2018-03-22 2018-09-04 北京焦点新干线信息技术有限公司 一种基于组件树的前端网页开发方法及系统
CN109299422A (zh) * 2018-09-20 2019-02-01 江苏满运软件科技有限公司 可视化网页编辑方法、系统、设备及存储介质
CN110007917A (zh) * 2019-03-08 2019-07-12 国电南瑞科技股份有限公司 一种基于浏览器的可视化页面生成和浏览方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150074561A1 (en) * 2010-05-07 2015-03-12 Google Inc. Customizable themes for browsers and web content
CN106528129A (zh) * 2016-10-27 2017-03-22 南京南瑞继保电气有限公司 一种Web应用界面生成系统及方法
CN108491205A (zh) * 2018-03-22 2018-09-04 北京焦点新干线信息技术有限公司 一种基于组件树的前端网页开发方法及系统
CN109299422A (zh) * 2018-09-20 2019-02-01 江苏满运软件科技有限公司 可视化网页编辑方法、系统、设备及存储介质
CN110007917A (zh) * 2019-03-08 2019-07-12 国电南瑞科技股份有限公司 一种基于浏览器的可视化页面生成和浏览方法

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113093574A (zh) * 2021-03-23 2021-07-09 珠海格力电器股份有限公司 楼宇控制系统的前端组态方法、装置及楼宇控制系统
CN115914713A (zh) * 2022-11-01 2023-04-04 西安羚控电子科技有限公司 一种大屏实时显示控制方法及显示控制系统

Similar Documents

Publication Publication Date Title
CN103890727B (zh) Web浏览器中的Web应用和辅助设备的模拟、Web应用开发工具以及使用它们的方法
CN109284473A (zh) 在线教学课件的编辑和生成方法以及系统
CN110209967B (zh) 页面加载方法、装置、终端设备和计算机可读介质
CN108228288A (zh) 一种组件系统及其调用方法和装置
EP3218801B1 (en) Rapid application development method
CN112445949A (zh) 一种组态式可视化展示方法、装置及系统
CN104995622A (zh) 用于图形函数的合成器支持
JP6750124B2 (ja) 端末装置、ui拡張方法及びui拡張プログラム
CN112668290A (zh) 基于网格化设计的动态表单生成方法及系统
CN112352214A (zh) 显示控制装置、显示控制方法和显示控制程序
Schwab et al. Scalable scalable vector graphics: Automatic translation of interactive svgs to a multithread vdom for fast rendering
Larsen React Hooks in Action: With Suspense and Concurrent Mode
CN111367514A (zh) 页面卡片的开发方法和装置、计算设备和存储介质
CN116909553A (zh) 一种页面在线开发及本地编译运行系统
CN108733441A (zh) 一种适用于大规模电网符号设备的渲染可视化方法及系统
US10846061B2 (en) Development environment for real-time application development
RU2649752C1 (ru) Способ комплексной дистанционной подготовки пользователя к экзамену с обучением решению модельных и теоретических задач
CN106682249B (zh) 模型无关的通用发布/订阅接口测试系统及方法
CN112035106A (zh) 同源数据多平台同步方法、装置、介质及电子设备
JP2010204840A (ja) ユーザインターフェース操作統合システムのカスタマイズ方法及び端末装置並びにコンピュータプログラム及び情報記録媒体
CN113687815B (zh) 容器内多组件动效处理方法及装置、电子设备、存储介质
US20050080608A1 (en) Simulator for request/response systems
CN107315785A (zh) 新闻模板的管理方法及装置
CN109189512B (zh) 一种数据图形化编辑界面方法
Rice Prima Power Analytics Application: Using React. js

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