CN115220852A - 一种人机交互界面的生成方法和装置 - Google Patents
一种人机交互界面的生成方法和装置 Download PDFInfo
- Publication number
- CN115220852A CN115220852A CN202211140739.3A CN202211140739A CN115220852A CN 115220852 A CN115220852 A CN 115220852A CN 202211140739 A CN202211140739 A CN 202211140739A CN 115220852 A CN115220852 A CN 115220852A
- Authority
- CN
- China
- Prior art keywords
- parameter
- human
- state
- elements
- computer 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
Links
Images
Classifications
-
- 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/245—Query processing
- G06F16/2455—Query execution
- G06F16/24552—Database cache management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Computational Linguistics (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种人机交互界面的生成方法和装置,该方法包括:响应于用户输入的文件编辑指令生成待监控目标设备的设备配置文件;根据设备配置文件生成结构化数据,并在数据缓存中创建与结构化数据对应的缓存数据;根据设备配置文件在预设可视化界面中渲染出多个视图控件并对各视图控件进行布局;建立各视图控件与缓存数据之间的映射关系,根据布局的结果和映射关系生成与目标设备对应的人机交互界面,其中,设备配置文件定义了对目标设备的状态元素和参数元素进行渲染和布局的配置信息,状态元素用于实现状态监控功能,参数元素用于实现参数控制功能,从而可更加高效的生成人机交互界面。
Description
技术领域
本申请涉及计算机技术领域,更具体地,涉及一种人机交互界面的生成方法和装置。
背景技术
人机交互界面是指人与计算机系统之间的通信媒体或手段,是人与计算机之间进行各种符号和动作的双向信息交换的平台。
在现有的人机交互界面开发中,几乎所有界面都是使用指定图形开发工具或GUI(Graphical User Interface,图形用户界面)库基于传统方式开发,按照固有流程完成手动布局、手动建立约束、手动实现数据映射、手动建立控制数据包等。这种实现方式的问题是工作重复而繁琐,开发周期长,问题定位复杂,可复用性较弱,灵活性差,响应变化慢等。
因此,如何更加高效的生成人机交互界面,是目前有待解决的技术问题。
发明内容
本申请实施例提供一种人机交互界面的生成方法和装置,用以更加高效的生成人机交互界面。
一方面,提供一种人机交互界面的生成方法,所述方法包括:
响应于用户输入的文件编辑指令生成待监控目标设备的设备配置文件;
根据所述设备配置文件生成结构化数据,并在数据缓存中创建与所述结构化数据对应的缓存数据;
根据所述设备配置文件在预设可视化界面中渲染出多个视图控件并对各所述视图控件进行布局;
建立各所述视图控件与所述缓存数据之间的映射关系,根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面;
其中,所述设备配置文件定义了对所述目标设备的状态元素和参数元素进行渲染和布局的配置信息,所述状态元素用于实现状态监控功能,所述参数元素用于实现参数控制功能。
在本申请一些实施例中,在根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面之后,所述方法还包括:
若接收到用户在所述人机交互界面上输入的参数控制指令,从所述参数控制指令中获取目标参数;
判断所述目标参数是否符合与所述设备配置文件对应的约束规则;
若是,根据目标参数生成控制包,并将所述控制包下发到预设二次开发模块进行处理;
根据所述预设二次开发模块返回的处理结果刷新所述人机交互界面。
在本申请一些实施例中,在根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面之后,所述方法还包括:
若接收到用户对所述缓存数据中指定数据的修改指令,根据所述修改指令修改所述指定数据并生成目标数据;
根据所述目标数据刷新所述人机交互界面。
在本申请一些实施例中,所述目标设备被划分成多个单元,每个所述单元被划分为多个通道,每个所述通道包括一组所述状态元素和一组所述参数元素,所述设备配置文件包括多个与各所述单元对应的单元配置文件,所述单元配置文件包括一个或多个与各所述通道对应的通道配置节点,所述通道配置节点包括用于描述所述状态元素的状态配置节点和用于描述所述参数元素的参数配置节点。
在本申请一些实施例中,所述人机交互界面包括与各所述单元对应的单元管理区、与各所述通道对应的通道管理区、与各所述状态元素对应的状态管理区、与各所述参数元素对应的参数管理区和用于对各所述参数元素进行设置的控制管理区,其中,所述状态管理区中的各视图控件为只读控件,所述参数管理区中的各视图控件为可读写控件。
在本申请一些实施例中,在根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面之后,所述方法还包括:
若接收到用户在所述单元管理区输入的单元选择指令,根据所述单元选择指令确定当前选中单元,在所述人机交互界面显示所述当前选中单元下的通道选择区、状态管理区、参数管理区和控制管理区;
若接收到用户在所述通道管理区输入的通道选择指令,根据所述通道选择指令确定当前选中通道,在所述人机交互界面显示所述当前选中通道下的状态管理区、参数管理区和控制管理区。
在本申请一些实施例中,若所述单元下存在状态元素和参数元素均一致的多个第一通道,与各所述第一通道对应的第一通道配置节点的数量为一个,各所述第一通道是基于所述第一通道配置节点的属性Ids区分的。
在本申请一些实施例中,所述状态配置节点包括所述状态元素、状态布局节点和状态组配置节点,所述状态布局节点用于描述所述状态元素的布局规则,所述状态组配置节点用于描述所述状态元素的分组规则。
在本申请一些实施例中,所述参数配置节点包括所述参数元素、参数布局节点、参数组配置节点和约束条件配置节点,所述参数布局节点用于描述所述参数元素的布局规则,所述参数组配置节点用于描述所述参数元素的分组规则,所述约束条件配置节点用于描述各所述参数元素之间的约束关系。
另一方面,提供一种人机交互界面的生成装置,所述装置包括:
第一生成模块,用于响应于用户输入的文件编辑指令生成待监控目标设备的设备配置文件;
缓存模块,用于根据所述设备配置文件生成结构化数据,并在数据缓存中创建与所述结构化数据对应的缓存数据;
视图模块,用于根据所述设备配置文件在预设可视化界面中渲染出多个视图控件并对各所述视图控件进行布局;
第二生成模块,用于建立各所述视图控件与所述缓存数据之间的映射关系,根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面;
其中,所述设备配置文件定义了对所述目标设备的状态元素和参数元素进行渲染和布局的配置信息,所述状态元素用于实现状态监控功能,所述参数元素用于实现参数控制功能。
通过应用以上技术方案,响应于用户输入的文件编辑指令生成待监控目标设备的设备配置文件;根据所述设备配置文件生成结构化数据,并在数据缓存中创建与所述结构化数据对应的缓存数据;根据所述设备配置文件在预设可视化界面中渲染出多个视图控件并对各所述视图控件进行布局;建立各所述视图控件与所述缓存数据之间的映射关系,根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面;其中,所述设备配置文件定义了对所述目标设备的状态元素和参数元素进行渲染和布局的配置信息,所述状态元素用于实现状态监控功能,所述参数元素用于实现参数控制功能,从而可更加高效的生成人机交互界面。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示出了本发明实施例提出的一种人机交互界面的生成方法的流程示意图;
图2示出了本发明另一实施例提出的一种人机交互界面的生成方法的流程示意图;
图3示出了本发明又一实施例提出的一种人机交互界面的生成方法的流程示意图;
图4示出了本发明实施例中对目标设备进行划分的原理示意图;
图5示出了本发明又一实施例中一种人机交互界面的生成方法的原理示意图;
图6示出了本发明实施例中设备配置文件的格式样例;
图7示出了本发明实施例中单元配置文件的格式样例;
图8示出了本发明实施例中状态配置节点的格式样例;
图9示出了本发明实施例中参数配置节点的格式样例;
图10示出了本发明实施例中人机交互界面样式图;
图11示出了本发明实施例提出的一种人机交互界面的生成装置的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请实施例提供一种人机交互界面的生成方法,如图1所示,所述方法包括以下步骤:
步骤S101,响应于用户输入的文件编辑指令生成待监控目标设备的设备配置文件。
本实施例中,在需要生成待监控的目标设备的人机交互界面,以对该目标设备进行状态监控和参数控制时,用户可根据目标设备的业务逻辑输入文件编辑指令。响应于该文件编辑指令可生成目标设备的设备配置文件,该设备配置文件定义了对所述目标设备的状态元素和参数元素进行渲染和布局的配置信息,所述状态元素用于实现状态监控功能,所述参数元素用于实现参数控制功能。
可选的,该设备配置文件的格式可以使用XML、或JSON、或excel等格式,本领域技术人员可根据实际需要灵活选用。
为了生成与目标设备匹配的人机交互界面,满足对目标设备的监控要求,在本申请一些实施例中,如图4所示,所述目标设备被划分成多个单元,每个所述单元被划分为多个通道,每个所述通道包括一组所述状态元素和一组所述参数元素,举例来说,若目标设备为维修车床工控设备,所述单元可包括重力控制单元、垂直位置定位单元、水平位置定位单元,而重力控制单元分别需要5可点来支撑,每个点都可以独立控制,则可以将此单元划分为5个通道分别管理。
相应的,所述设备配置文件包括多个与各所述单元对应的单元配置文件,所述单元配置文件包括一个或多个与各所述通道对应的通道配置节点,所述通道配置节点包括用于描述所述状态元素的状态配置节点和用于描述所述参数元素的参数配置节点。
为了生成准确的设备配置文件,在本申请一些实施例中,所述设备配置文件的描述内容包括设备唯一标识号、设备唯一标签信息、设备名称和各所述单元配置文件。
在本申请具体的应用场景中,如图6所示为设备配置文件的格式样例,该设备配置文件采用XML格式,设备配置文件的描述内容包括设备唯一标识号(Id)、设备唯一标签信息(Flag)、设备名称(Name)和各所述单元配置文件,一个单元配置文件标识一个单元。
为了生成准确的单元配置文件,在本申请一些实施例中,所述单元配置文件的描述内容包括单元唯一标识号、单元唯一标签信息、单元名称和各所述通道配置节点。
在本申请具体的应用场景中,如图7所示为单元配置文件的格式样例,该单元配置文件采用XML格式,单元配置文件的描述内容包括单元唯一标识号(Id)、单元唯一标签信息(Flag)、单元名称(Name)和各所述通道配置节点。
为了提高单元配置文件的编辑效率,在本申请一些实施例中,若所述单元下存在状态元素和参数元素均一致的多个第一通道,与各所述第一通道对应的第一通道配置节点的数量为一个,各所述第一通道是基于所述第一通道配置节点的属性Ids区分的。
本实施例中,若单元下存在状态元素和参数元素均一致的多个第一通道,则针对这些第一通道可只建立一个通道配置节点,也即第一通道配置节点的数量为一个,可通过第一通道配置节点的属性Ids区分不同的第一通道,其中,属性Ids表示id值的集合。举例来说,如前述的维修车床工控设备的重力控制单元,可以分为边缘点类型通道和中心点类型通道两种通道类型,边缘点类型通道总共有4个通道,中心点类型通道总共1个通道,因此,对于4个边缘点类型通道,状态元素和参数元素均一致,可只建立一个通道配置节点,通过通道配置节点的属性Ids区分4个边缘点类型通道;对于1个中心点类型通道,则需要再建立一个通道配置节点。
在本申请具体的应用场景中,如图7所示,通道1-通道8的状态(States)和参数(Parameters)均一致,建立一个通道配置节点,并通过通道配置节点的属性Ids可区分这8个通道;而通道9和通道10的状态(States)和参数(Parameters)均一致,建立另一个通道配置节点,并通过该另一个通道配置节点的属性Ids可区分这2个通道。
为了准确的对各状态元素进行布局,在本申请一些实施例中,所述状态配置节点包括所述状态元素、状态布局节点和状态组配置节点,所述状态布局节点用于描述所述状态元素的布局规则,所述状态组配置节点用于描述所述状态元素的分组规则。
在本申请具体的应用场景中,如图8所示为状态配置节点的格式样例,该样例采用XML格式,状态配置节点包括所述状态元素(Item)、状态布局节点(Layout)和状态组配置节点(Group),每个状态元素(Item)对应一个视图控件,状态布局节点(Layout)用于描述状态元素(Item)的布局规则,在渲染视图时按照该布局规则进行渲染,状态组配置节点(Group)用于描述状态元素(Item)的分组规则,可将各状态元素(Item)分为一个或多个组,每个组表示一类状态元素,视图布局时会按照该分组规则分区渲染对应的控件。
为了准确的对各参数元素进行布局,在本申请一些实施例中,所述参数配置节点包括所述参数元素、参数布局节点、参数组配置节点和约束条件配置节点,所述参数布局节点用于描述所述参数元素的布局规则,所述参数组配置节点用于描述所述参数元素的分组规则,所述约束条件配置节点用于描述各所述参数元素之间的约束关系。
在本申请具体的应用场景中,如图9所示为参数配置节点的格式样例,该样例采用XML格式,参数配置节点包括参数元素(Item)、参数布局节点(Layout)、参数组配置节点(Group)和约束条件配置节点(Constraint)。约束条件配置节点(Constraint)可以配置多个约束条件绑定关系节点Bind,用于约束用户在人机交互界面的操作行为,及某个或某些参数元素发生变化时,其他参数元素的可操作性和操作范围将对应发生变化。在绑定关系节点Bind中指明条件链接关系Condition,以And和Or的关系关联多个条件,并提供满足条件和不满足条件的行为,若满足条件执行节点ActionMatched定义的行为,否则执行节点ActionUnmatched定义的行为。通过自动建立参数元素间的条件约束规则,由一个或多个参数元素的视图控件的状态约束其他参数元素的视图控件的行为,保障用户的有效操作,提高用户与界面交互的友好性。
步骤S102,根据所述设备配置文件生成结构化数据,并在数据缓存中创建与所述结构化数据对应的缓存数据。
本实施例中,结构化数据表示按照指定数据结构存在的数据,如可以为结构体、缓存块等,数据缓存是在硬盘内部的高速存储器,根据设备配置文件生成结构化数据,并在数据缓存中创建与所述结构化数据对应的缓存数据,以便后续与视图控件建立映射关系。
步骤S103,根据所述设备配置文件在预设可视化界面中渲染出多个视图控件并对各所述视图控件进行布局。
本实施例中,预设可视化界面可以表示还未进行布局和渲染的人机交互界面,根据设备配置文件可在预设可视化界面中渲染出多个视图控件,并对各视图控件进行布局。
可选的,视图控件可包括但不限于信号灯控件、枚举控件、字符串控件、数组(二进制串) 控件、数值控件、时码控件等。其中,信号灯控件用于在界面显示多种颜色的灯,以直观的形式显示状态信息,并可以自定义每种颜色的数组绑定关系,包括但不限于红色、黄色、绿色、蓝色、白色、灰色等;枚举控件提供一种在有限范围内进行选择的功能,用户可以自定义范围集合;字符串控件用于显示和输入文本信息,可以指定文本信息的长度;数组(二进制串)控件用于按照十六进制或其他进制显示和输入原始数据信息,可以指定数组的长度;数值控件用于显示和输入数字信息,可包括无符号和有符号的8bit/16bit/32bit/64bit类型的数字,具备指定数字的精度(小数位数)、范围功能,可以按照十进制或十六进制方式处理数字;时码控件用于显示和输入时间信息,精度可以达到微秒。
本领域技术人员可根据实际要求对上述视图控件进行增减,这并不影响本申请的保护范围。
步骤S104,建立各所述视图控件与所述缓存数据之间的映射关系,根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面。
本实施例中,通过建立各视图控件与缓存数据之间的映射关系,可实现实时按照缓存数据的值刷新各视图控件,根据布局的结果和映射关系生成与目标设备对应的人机交互界面。从而使用户只需要根据业务要求修改缓存数据,也即只需要完成对设备配置文件的编辑,无须再关心复杂的视图渲染和控件布局逻辑,人机交互界面可自动完成界面刷新和控制管理功能,缩短了开发周期,降低了入手难度,极大减少人机交互界面开发的设计成本和实现成本。
为了生成与目标设备匹配的人机交互界面,在本申请一些实施例中,如图10所示,所述人机交互界面包括与各所述单元对应的单元管理区、与各所述通道对应的通道管理区、与各所述状态元素对应的状态管理区、与各所述参数元素对应的参数管理区和用于对各所述参数元素进行设置的控制管理区,其中,所述状态管理区中的各视图控件为只读控件,所述参数管理区中的各视图控件为可读写控件。
可选的,如图10所示,所述状态管理区和所述参数管理区均包括信号灯组、状态信息组、数值信息组和时码组。
可选的,信号灯组中包括各信号灯控件,状态信息组中包括各枚举控件、各字符串控件、各数组(二进制串) 控件,数值信息组中包括各数值控件,时码组中包括各时码控件。
为了便于用户进行单元切换或通道切换,在本申请一些实施例中,在根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面之后,所述方法还包括:
若接收到用户在所述单元管理区输入的单元选择指令,根据所述单元选择指令确定当前选中单元,在所述人机交互界面显示所述当前选中单元下的通道选择区、状态管理区、参数管理区和控制管理区;
若接收到用户在所述通道管理区输入的通道选择指令,根据所述通道选择指令确定当前选中通道,在所述人机交互界面显示所述当前选中通道下的状态管理区、参数管理区和控制管理区。
本实施例中,单元管理区中包括多个单元标签,根据单元选择指令选择的单元标签确定当前选中单元,然后在人机交互界面显示当前选中单元下的通道选择区、状态管理区、参数管理区和控制管理区。
通道管理区中包括多个通道标签,根据通道选择指令选择的通道标签确定当前选中通道,然后在人机交互界面显示当前选中通道下的状态管理区、参数管理区和控制管理区。
通过应用以上技术方案,响应于用户输入的文件编辑指令生成待监控目标设备的设备配置文件;根据所述设备配置文件生成结构化数据,并在数据缓存中创建与所述结构化数据对应的缓存数据;根据所述设备配置文件在预设可视化界面中渲染出多个视图控件并对各所述视图控件进行布局;建立各所述视图控件与所述缓存数据之间的映射关系,根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面,其中,所述设备配置文件定义了对所述目标设备的状态元素和参数元素进行渲染和布局的配置信息,所述状态元素用于实现状态监控功能,所述参数元素用于实现参数控制功能,从而可更加高效的生成人机交互界面。
本申请实施例还提出了一种人机交互界面的生成方法,除了包括上述步骤S101-S104,在执行完步骤S104之后,如图2所示,还包括以下步骤:
步骤S201,接收用户在所述人机交互界面上输入的参数控制指令。
本实施例中,用户是在人机交互界面上的控制管理区输入该参数控制指令的,该参数控制指令用于对参数管理区中参数元素的参数进行控制。
为了提高安全性,在本申请一些实施例中,在接收用户在所述人机交互界面上输入的参数控制指令之前,所述方法还包括:
接收用户发送的验证请求;
判断所述验证请求是否符合预设鉴权规则;
若是,确认用户为合法用户;
若否,确认用户为非法用户。
可以理解的是,参数控制指令是合法用户在人机交互界面上输入的。
步骤S202,从所述参数控制指令中获取目标参数。
具体的,从所述参数控制指令中获取需要进行控制的目标参数。
步骤S203,所述目标参数是否符合约束规则,若是执行步骤S204,否则执行步骤S206。
具体的,约束规则为与设备配置文件对应的约束规则,例如,该目标参数的范围是否与预设范围匹配,是否满足预设约束条件等。
步骤S204,根据目标参数生成控制包,并将所述控制包下发到预设二次开发模块进行处理。
具体的,二次开发是在现有的软件上进行定制修改和功能扩展,以实现用户要求的扩展功能。为满足定制化强、目标设备业务逻辑处理复杂等情况的要求,本实施例开放二次开发接口,可通过二次开发接口连接预设二次开发模块,以根据需要扩展业务功能。若目标参数符合约束规则,说明用户输入正确,根据目标参数生成控制包,然后将控制包下发到预设二次开发模块进行处理,其中,预设二次开发模块对控制包进行处理的具体过程可根据具体的预设二次开发模块的处理逻辑确定,这并不是本申请关注的重点,本领域技术人员可根据实际业务场景采用不同的预设二次开发模块,这并不影响本申请的保护范围。
步骤S205,根据所述预设二次开发模块返回的处理结果刷新所述人机交互界面。
具体的,根据预设二次开发模块返回的处理结果更新缓存数据,根据更新后的缓存数据刷新所述人机交互界面。
步骤S206,提示参数错误。
具体的,若目标参数不符合约束规则,说明用户输入了错误的目标参数,此时提示参数错误,从而保证只向二次开发模块下发正确的数据包,提高了可靠性。
通过应用以上技术方案,在根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面之后,若接收到用户在所述人机交互界面上输入的参数控制指令,从所述参数控制指令中获取目标参数;判断所述目标参数是否符合与所述设备配置文件对应的约束规则;若是,根据目标参数生成控制包,并将所述控制包下发到预设二次开发模块进行处理;根据所述预设二次开发模块返回的处理结果刷新所述人机交互界面,由于可通过预设二次开发模块进行功能扩展,从而可以使用户根据不同的业务要求快速的生成人机交互界面,满足了用户的定制化需求,提高了用户体验。
本申请实施例还提出了一种人机交互界面的生成方法,除了包括上述步骤S101-S104,在执行完步骤S104之后,如图3所示,还包括以下步骤:
步骤S301,接收用户对所述缓存数据中指定数据的修改指令。
用户可根据需要对缓存数据中指定数据发送修改指令,以对指定数据进行修改。
为了提高安全性,在本申请一些实施例中,在接收用户对所述缓存数据中指定数据的修改指令之前,所述方法还包括:
接收用户发送的验证请求;
判断所述验证请求是否符合预设鉴权规则;
若是,确认用户为合法用户;
若否,确认用户为非法用户。
可以理解的是,修改指令是合法用户在人机交互界面上输入的。
步骤S302,根据所述修改指令修改所述指定数据并生成目标数据。
举例来说,若指定数据为时码控件对应的第一时间点,根据修改指令修改第一时间点后生成第二时间点,该第二时间点即目标数据。
可以理解的是,在生成所述目标数据后还保存所述目标数据。
步骤S303,根据所述目标数据刷新所述人机交互界面。
举例来说,将人机交互界面上的时码控件的第一时间点刷新为第二时间点。
通过应用以上技术方案,在根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面之后,若接收到用户对所述缓存数据中指定数据的修改指令,根据所述修改指令修改所述指定数据并生成目标数据;根据所述目标数据刷新所述人机交互界面,从而可以使用户通过修改缓存数据的方式修改视图控件的当前值,而无须关注视图控件复杂的显示逻辑,实现快速响应变化能力,提高了用户体验。
图5示出了一种人机交互界面的生成方法的原理示意图,如图5所示,用户编辑出设备配置文件,然后通过设备配置文件在数据缓存中创建缓存数据,并根据设备配置文件在人机交互界面渲染出各视图控件并进行布局,再使缓存数据和人机交互界面中各视图控件之间的相互映射,从而生成与目标设备对应的人机交互界面。
在接收到用户在人机交互界面输入的参数控制指令时,向预设二次开发模块(即二次开发模块1、2、3……中的任一个)下发控制包,由预设二次开发模块对控制包进行处理,以响应参数控制指令,根据预设二次开发模块发送的处理结果更新缓存数据,进而可刷新人机交互界面,用户可根据业务需要使预设二次开发模块实现不同的扩展功能,进而实现用户对设备配置文件的定制管理。
本实施例中的人机交互界面的生成方法可以使用任何图形界面开发工具或GUI库进行开发和实现,如QT、EasyX、OpenGL、DirectX等。
本申请实施例还提出了一种人机交互界面的生成装置,如图11所示,所述装置包括:
第一生成模块10,用于响应于用户输入的文件编辑指令生成待监控目标设备的设备配置文件;
缓存模块20,用于根据所述设备配置文件生成结构化数据,并在数据缓存中创建与所述结构化数据对应的缓存数据;
视图模块30,用于根据所述设备配置文件在预设可视化界面中渲染出多个视图控件并对各所述视图控件进行布局;
第二生成模块40,用于建立各所述视图控件与所述缓存数据之间的映射关系,根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面;
其中,所述设备配置文件定义了对所述目标设备的状态元素和参数元素进行渲染和布局的配置信息,所述状态元素用于实现状态监控功能,所述参数元素用于实现参数控制功能。
最后应说明的是:以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不驱使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。
Claims (10)
1.一种人机交互界面的生成方法,其特征在于,所述方法包括:
响应于用户输入的文件编辑指令生成待监控目标设备的设备配置文件;
根据所述设备配置文件生成结构化数据,并在数据缓存中创建与所述结构化数据对应的缓存数据;
根据所述设备配置文件在预设可视化界面中渲染出多个视图控件并对各所述视图控件进行布局;
建立各所述视图控件与所述缓存数据之间的映射关系,根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面;
其中,所述设备配置文件定义了对所述目标设备的状态元素和参数元素进行渲染和布局的配置信息,所述状态元素用于实现状态监控功能,所述参数元素用于实现参数控制功能。
2.如权利要求1所述的方法,其特征在于,在根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面之后,所述方法还包括:
若接收到用户在所述人机交互界面上输入的参数控制指令,从所述参数控制指令中获取目标参数;
判断所述目标参数是否符合与所述设备配置文件对应的约束规则;
若是,根据目标参数生成控制包,并将所述控制包下发到预设二次开发模块进行处理;
根据所述预设二次开发模块返回的处理结果刷新所述人机交互界面。
3.如权利要求1所述的方法,其特征在于,在根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面之后,所述方法还包括:
若接收到用户对所述缓存数据中指定数据的修改指令,根据所述修改指令修改所述指定数据并生成目标数据;
根据所述目标数据刷新所述人机交互界面。
4.如权利要求1所述的方法,其特征在于,所述目标设备被划分成多个单元,每个所述单元被划分为多个通道,每个所述通道包括一组所述状态元素和一组所述参数元素,所述设备配置文件包括多个与各所述单元对应的单元配置文件,所述单元配置文件包括一个或多个与各所述通道对应的通道配置节点,所述通道配置节点包括用于描述所述状态元素的状态配置节点和用于描述所述参数元素的参数配置节点。
5.如权利要求4所述的方法,其特征在于,所述人机交互界面包括与各所述单元对应的单元管理区、与各所述通道对应的通道管理区、与各所述状态元素对应的状态管理区、与各所述参数元素对应的参数管理区和用于对各所述参数元素进行设置的控制管理区,其中,所述状态管理区中的各视图控件为只读控件,所述参数管理区中的各视图控件为可读写控件。
6.如权利要求5所述的方法,其特征在于,在根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面之后,所述方法还包括:
若接收到用户在所述单元管理区输入的单元选择指令,根据所述单元选择指令确定当前选中单元,在所述人机交互界面显示所述当前选中单元下的通道选择区、状态管理区、参数管理区和控制管理区;
若接收到用户在所述通道管理区输入的通道选择指令,根据所述通道选择指令确定当前选中通道,在所述人机交互界面显示所述当前选中通道下的状态管理区、参数管理区和控制管理区。
7.如权利要求4所述的方法,其特征在于,若所述单元下存在状态元素和参数元素均一致的多个第一通道,与各所述第一通道对应的第一通道配置节点的数量为一个,各所述第一通道是基于所述第一通道配置节点的属性Ids区分的。
8.如权利要求4所述的方法,其特征在于,所述状态配置节点包括所述状态元素、状态布局节点和状态组配置节点,所述状态布局节点用于描述所述状态元素的布局规则,所述状态组配置节点用于描述所述状态元素的分组规则。
9.如权利要求4所述的方法,其特征在于,所述参数配置节点包括所述参数元素、参数布局节点、参数组配置节点和约束条件配置节点,所述参数布局节点用于描述所述参数元素的布局规则,所述参数组配置节点用于描述所述参数元素的分组规则,所述约束条件配置节点用于描述各所述参数元素之间的约束关系。
10.一种人机交互界面的生成装置,其特征在于,所述装置包括:
第一生成模块,用于响应于用户输入的文件编辑指令生成待监控目标设备的设备配置文件;
缓存模块,用于根据所述设备配置文件生成结构化数据,并在数据缓存中创建与所述结构化数据对应的缓存数据;
视图模块,用于根据所述设备配置文件在预设可视化界面中渲染出多个视图控件并对各所述视图控件进行布局;
第二生成模块,用于建立各所述视图控件与所述缓存数据之间的映射关系,根据所述布局的结果和所述映射关系生成与所述目标设备对应的人机交互界面;
其中,所述设备配置文件定义了对所述目标设备的状态元素和参数元素进行渲染和布局的配置信息,所述状态元素用于实现状态监控功能,所述参数元素用于实现参数控制功能。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211140739.3A CN115220852A (zh) | 2022-09-20 | 2022-09-20 | 一种人机交互界面的生成方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211140739.3A CN115220852A (zh) | 2022-09-20 | 2022-09-20 | 一种人机交互界面的生成方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115220852A true CN115220852A (zh) | 2022-10-21 |
Family
ID=83617825
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211140739.3A Pending CN115220852A (zh) | 2022-09-20 | 2022-09-20 | 一种人机交互界面的生成方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115220852A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116028055A (zh) * | 2022-12-29 | 2023-04-28 | 深圳市万翼数字技术有限公司 | 一种目标对象状态控制方法、装置、电子设备及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101291253A (zh) * | 2008-06-06 | 2008-10-22 | 中兴通讯股份有限公司 | 一种网管客户端基于图形界面的人机命令交互方法 |
CN104111828A (zh) * | 2013-04-22 | 2014-10-22 | 易保网络技术(上海)有限公司 | 人机交互界面自动生成方法及系统 |
CN105335431A (zh) * | 2014-08-11 | 2016-02-17 | 青岛海尔智能家电科技有限公司 | 界面文件的处理方法及装置、控制消息的处理方法及装置 |
CN111813467A (zh) * | 2019-04-10 | 2020-10-23 | 阿里巴巴集团控股有限公司 | 一种界面刷新方法、装置及可读存储介质 |
-
2022
- 2022-09-20 CN CN202211140739.3A patent/CN115220852A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101291253A (zh) * | 2008-06-06 | 2008-10-22 | 中兴通讯股份有限公司 | 一种网管客户端基于图形界面的人机命令交互方法 |
CN104111828A (zh) * | 2013-04-22 | 2014-10-22 | 易保网络技术(上海)有限公司 | 人机交互界面自动生成方法及系统 |
CN105335431A (zh) * | 2014-08-11 | 2016-02-17 | 青岛海尔智能家电科技有限公司 | 界面文件的处理方法及装置、控制消息的处理方法及装置 |
CN111813467A (zh) * | 2019-04-10 | 2020-10-23 | 阿里巴巴集团控股有限公司 | 一种界面刷新方法、装置及可读存储介质 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116028055A (zh) * | 2022-12-29 | 2023-04-28 | 深圳市万翼数字技术有限公司 | 一种目标对象状态控制方法、装置、电子设备及存储介质 |
CN116028055B (zh) * | 2022-12-29 | 2024-04-26 | 深圳市万翼数字技术有限公司 | 一种目标对象状态控制方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107292003B (zh) | 一种电网厂站接线图自动生成方法 | |
CN100566357C (zh) | 通信设备批量配置管理方法及其装置 | |
CN103208046B (zh) | 基于交互式动态流程图的工作流引擎架构方法和系统 | |
US7734357B2 (en) | System for operating an installation by editing graphic objects | |
WO2014064819A1 (ja) | システム構築支援ツール及びシステム | |
CN103365262A (zh) | 用于确定现场装置之间的操作兼容性的设备和方法 | |
CN103077022B (zh) | 一种作业流程可视化的作业配置方法和装置 | |
CN111260936B (zh) | 交通信号机的配置方法及装置 | |
CN115220852A (zh) | 一种人机交互界面的生成方法和装置 | |
US10387005B2 (en) | Monitoring apparatus in electric power system | |
CN113721901A (zh) | 一种低代码的财务数据分析可视化引擎 | |
CN111095195A (zh) | 控制器、控制方法以及控制程序 | |
CN111095194A (zh) | 控制系统、控制器以及控制方法 | |
US12032358B2 (en) | SCADA web HMI system | |
CN103123660A (zh) | 一种对软硬件系统cad图形化建模的方法 | |
CN116774977A (zh) | 基于低代码的煤矿工业物联网开发平台的设计方法 | |
CN101556540A (zh) | 多种备份软件的统一管理方法和系统 | |
CN106415416A (zh) | 绘图软件 | |
CN112309313B (zh) | 模组控制器配置方法、装置及系统以及计算机可读存储介质 | |
CN115328462A (zh) | 一种基于Vue.js的可视化开发工具及使用方法 | |
CN105241011A (zh) | 空调群控系统开发装置和方法 | |
TWI803829B (zh) | 智慧建築整合管理系統 | |
CN101835175B (zh) | 一种实现网管配置的方法和工具 | |
CN107480329B (zh) | 一种智能变电站scd模型文件的增量导入方法 | |
CN106547528A (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20221021 |
|
RJ01 | Rejection of invention patent application after publication |