CN108491195A - 设备控制页面生成方法与系统 - Google Patents

Abstract

本发明提供一种设备控制页面生成方法及系统，其中，该方法包括：从设备属性配置系统获取与设备模型文档对应的属性配置信息，并保存属性配置信息中的配置数据；从页面生成系统获取与业务需求对应的组件配置信息；绑定组件配置信息指向的组件与配置数据，根据多个绑定结果拼装生成设备控制页面。本发明能够提升设备控制页面的开发效率。

Description

设备控制页面生成方法与系统

技术领域

本发明涉及物联网领域，尤其涉及一种设备控制页面生成方法与系统。

背景技术

设备控制页面是一种与物联网智能设备进行交互的HTML5页面，该页面在目前的开发流程中，首先需要编写HTML文件来生成页面基本结构，包含页面布局、显示参数和部分控制功能等。其次还需要编写JavaScript代码来处理页面交互的逻辑，包含显示参数值的实时更新和控制功能的命名下发等。整个开发过程较为繁琐，代码耦合性比较强。这样的开发流程开发效率较低、后期维护成本比较高。

上述智能设备控制页面的开发方法中，需要编写大量的JavaScript代码来处理页面交互的逻辑。通常情况下，页面交互逻辑比较复杂，在没有相关规范的情况下，开发效率难以保证，而且后期维护比较困难。物联技术是当前时代最热门的技术之一，也是信息化时代重要的发展阶段。越来越多的智能设备需要开发对应的控制页面，这就需要有一种快速和规范的开发方法。

发明内容

本发明旨在解决上面描述的问题。本发明的一个目的是提供一种提高开发效率的设备控制页面生成方法与系统。

根据本发明的第一方面，一种设备控制页面生成方法，包括：从设备属性配置系统获取与设备模型文档对应的属性配置信息，并保存属性配置信息中的配置数据；从页面生成系统获取与业务需求对应的组件配置信息；绑定组件配置信息指向的组件与配置数据，根据多个绑定结果拼装生成设备控制页面。

进一步地，属性配置信息包括：设备属性配置信息、属性互斥关系配置信息和组命令配置信息中的至少一种。

进一步地，组件配置信息包括：页面布局配置信息、显示参数选择信息和控制单元配置信息中的至少一种。

进一步地，设备属性配置系统采用开源技术框架vue和nodejs开发而成；页面生成系统采用开源样式组件库mint-UI开发而成。

进一步地，设备模型文档为物联网智能设备的模型文档。

根据本发明的第二方面，一种设备控制页面生成系统，包括：第一获取模块，用于从设备属性配置系统获取与设备模型文档对应的属性配置信息，并保存属性配置信息中的配置数据；第二获取模块，用于从页面生成系统获取与业务需求对应的组件配置信息，绑定模块，用于绑定组件配置信息指向的组件与配置数据，根据多个绑定的结果拼装生成设备控制页面。

进一步地，属性配置信息包括：设备属性配置信息、属性互斥关系配置信息和组命令配置信息中的至少一种；或/和，

组件配置信息包括：页面布局配置信息、显示参数选择信息和控制单元配置信息中的至少一种。

进一步地，设备属性配置系统采用开源技术框架vue和nodejs开发而成；页面生成系统采用开源样式组件库mint-UI开发而成；或/和，

设备模型文档为物联网智能设备的模型文档。

根据本发明的第三方面，一种计算机可读存储介质，存储介质上存储

有计算机程序，程序被处理器执行时实现上述任意一项方法的步骤。

根据本发明的第四方面，一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，程序被处理器执行时实现上述任意一项方法的步骤。

本发明各实施例通过从设备属性配置系统获取与设备模型文档对应的属性配置信息，并从页面生成系统获取与业务需求对应的组件配置信息，并绑定所述组件配置信息指向的组件与所述配置数据，即可根据多个绑定结果拼装生成设备控制页面，由此就可以完成设备控制页面的开发，从而提供了一种更加快速、规范的开发方法，提升开发效率。

参照附图来阅读对于示例性实施例的以下描述，本发明的其他特性特征和优点将变得清晰。

附图说明

并入到说明书中并且构成说明书的一部分的附图示出了本发明的实施例，并且与描述一起用于解释本发明的原理。在这些附图中，类似的附图标记用于表示类似的要素。下面描述中的附图是本发明的一些实施例，而不是全部实施例。对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，可以根据这些附图获得其他的附图。

图1示例性地示出了本发明第一实施例设备控制页面生成方法的流程示意图；

图2示例性地示出了本发明第二实施例设备控制页面生成方法的流程示意图；

图3示例性地示出了本发明实施例设备控制页面生成系统的结构框图；

图4示例性地示出了本发明实施例设备控制页面生成系统的网络架构示意图；

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。

以下各实施例中设备以物联网智能设备为例进行解释说明，不应做限定性解释。

实施例一：

如图1所示，本发明第一实施例设备控制页面生成方法具体包括：

首先，从设备属性配置系统获取与设备模型文档对应的属性配置信息，并保存所述属性配置信息中的配置数据；

其次，从页面生成系统获取与业务需求对应的组件配置信息；

再次，绑定所述组件配置信息指向的组件与所述配置数据，根据多个绑定结果拼装生成设备控制页面。

本发明实施例通过从设备属性配置系统获取与设备模型文档对应的属性配置信息，并从页面生成系统获取与业务需求对应的组件配置信息，并绑定所述组件配置信息指向的组件与所述配置数据，即可根据多个绑定结果拼装生成设备控制页面，由此就可以完成设备控制页面的开发，从而提供了一种更加快速、规范的开发方法，提升开发效率。

实施例二

如图2所示，本发明第二实施例设备控制页面生成方法具体包括：

步骤201，从设备属性配置系统获取与设备模型文档对应的属性配置信息，以实现根据模型文档配置属性；

步骤202，将设备属性配置系统保存属性配置信息中的配置数据保存至数据库；

步骤203，通过拖曳选取，从页面生成系统获取收与业务需求对应的组件配置信息(公用组件)；

步骤204，绑定组件配置信息指向的组件与配置数据；重复步骤203与204可以生成多个绑定的结果；

步骤205，根据多个绑定结果拼装生成设备控制页面。

其中，属性配置信息可以包括：设备属性配置信息、属性互斥关系配置信息和组命令配置信息中的至少一种。

组件配置信息可以包括：页面布局配置信息、显示参数选择信息和控制单元配置信息中的至少一种。

设备属性配置系统可以采用开源技术框架vue和nodejs开发而成；页面生成系统采用开源样式组件库mint-UI开发而成。

设备模型文档可以为物联网智能设备的模型文档。

通过本实施例可以将开关机、模式选择等属性配置到设备属性配置系统里面，而不是直接写在代码里面，方便维护和管理。另一方面，通过拖拽等操作的页面生成系统相关技术已经比较成熟，针对设备控制页面的具体业务，归纳所有使用到的功能组件，绑定已配置好的属性参数。由此便可实现可视化的页面生成系统。

本实施例中设备属性配置系统提供设备属性配置、属性互斥关系配置和组命令配置，配置数据统一存储，方便管理和后期维护。页面生成系统主要采用拖拽的交互方式完成页面制作，整个过程主要包括页面布局、显示参数选择、控制单元等组件的配置。这两个系统是相互配合的，后者需要绑定前者配置生成的属性。

本实施例包含设备属性配置系统和页面生成系统，只需线上配置和拖拽操作就可以完成设备控制页面的开发，从而提供了一种更加快速、规范的开发方法。

实施例三：

如图3所示，本实施例提供一种设备控制页面生成系统，图1及图2所示方法的解释说明可以适用于本实施例，该方法包括：

第一获取模块，用于从设备属性配置系统获取与设备模型文档对应的属性配置信息，并保存属性配置信息中的配置数据；

第二获取模块，用于从页面生成系统获取与业务需求对应的组件配置信息；

绑定模块，用于绑定组件配置信息指向的组件与配置数据；以及根据多个绑定结果拼装生成设备控制页面。

其中，属性配置信息可以包括：设备属性配置信息、属性互斥关系配置信息和组命令配置信息中的至少一种。

组件配置信息可以包括：页面布局配置信息、显示参数选择信息和控制单元配置信息中的至少一种。

设备属性配置系统可以采用开源技术框架vue和nodejs开发而成；页面生成系统采用开源样式组件库mint-UI开发而成。

设备模型文档可以为物联网智能设备的模型文档。

本实施例主要包含设备属性配置系统和可视化页面生成系统。其中设备属性配置系统采用开源技术框架vue和nodejs开发而成，运行在本机服务器上，供开发人员在线配置，后台通过接口将配置数据保存到数据库。属性配置系统采用开源样式组件库mint-UI开发，同样运行在本机服务器上，提供在线访问服务。

实施例四：

图4示例性地示出了本发明实施例设备控制页面生成系统的网络架构示意图，图1-图3所示实施例的解释说明都可以适用本实施例，如图4所示，其从系统架构展示了本发明的核心，其具体包括：基础设施层、数据层、服务层和系统层，其中，基础设施层主要是对应支持各种操作系统，如Windows、Mac OS、Linux；数据层主要是提供数据库支持，如构建配置数据库及Mongo数据库，以将设备属性配置系统保存属性配置信息中的配置数据保存至数据库；服务层主要是提供各种服务，具体如与系统层的设备属性配置系统对应的属性配置服务，以及与系统层的页面生成系统对应的页面生成系统。

本实施例从网络架构的角度提供了设备控制页面生成系统的构成，通过此构架可以尽量减少人为编写代码的工作，通过简单可见的操作便可快速生成设备控制页面，提升设备控制页面的开发效率，降低了开发门槛和后期维护成本。

本发明还提供一种计算机可读存储介质，存储介质上存储有计算机程序，程序被处理器执行时实现上述方法的步骤。

本发明还提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行程序时实现上述方法的步骤。由于该计算机可读存储介质及计算机设备具有设备控制页面生成系统及方法相应的技术效果，在此不再赘述。

上面描述的内容可以单独地或者以各种方式组合起来实施，而这些变型方式都在本发明的保护范围之内。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制。尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种设备控制页面生成方法，其特征在于，所述方法包括：

从设备属性配置系统获取与设备模型文档对应的属性配置信息，并保存所述属性配置信息中的配置数据；

从页面生成系统获取与业务需求对应的组件配置信息；

绑定所述组件配置信息指向的组件与所述配置数据，根据多个绑定结果拼装生成设备控制页面。

2.如权利要求1所述的设备控制页面生成方法，其特征在于，所述属性配置信息包括：设备属性配置信息、属性互斥关系配置信息和组命令配置信息中的至少一种。

3.如权利要求1或2所述的设备控制页面生成方法，其特征在于，所述组件配置信息包括：页面布局配置信息、显示参数选择信息和控制单元配置信息中的至少一种。

4.如权利要求3所述的设备控制页面生成方法，其特征在于，所述设备属性配置系统采用开源技术框架vue和nodejs开发而成；所述页面生成系统采用开源样式组件库mint-UI开发而成。

5.如权利要求4所述的设备控制页面生成方法，其特征在于，所述设备模型文档为物联网智能设备的模型文档。

6.一种设备控制页面生成系统，其特征在于，包括：

第一获取模块，用于从设备属性配置系统获取与设备模型文档对应的属性配置信息，并保存所述属性配置信息中的配置数据；

第二获取模块，用于从页面生成系统获取与业务需求对应的组件配置信息；

绑定模块，用于绑定所述组件配置信息指向的组件与所述配置数据，根据多个绑定结果拼装生成设备控制页面。

7.如权利要求6所述的设备控制页面生成系统，其特征在于，所述属性配置信息包括：设备属性配置信息、属性互斥关系配置信息和组命令配置信息中的至少一种；或/和，

所述组件配置信息包括：页面布局配置信息、显示参数选择信息和控制单元配置信息中的至少一种。

8.如权利要求7所述的设备控制页面生成系统，其特征在于，所述设备属性配置系统采用开源技术框架vue和nodejs开发而成；所述页面生成系统采用开源样式组件库mint-UI开发而成；或/和，

所述设备模型文档为物联网智能设备的模型文档。

9.一种计算机可读存储介质，所述存储介质上存储有计算机程序，所述程序被处理器执行时实现权利要求1至5中任意一项所述方法的步骤。

10.一种计算机设备，其特征在于，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述程序时实现权利要求1至5中任意一项所述方法的步骤。