[发明专利]页面渲染系统、页面渲染方法及页面渲染装置

说明书

本发明公开了一种页面渲染系统、页面渲染方法、页面渲染装置以及计算机可读存储介质，涉及物联网技术领域。其中的页面渲染系统位于应用侧，包括：通信模块，用于接收智能设备发送的数据包，数据包中包括智能设备的设备标识、设备类型及数据信息；数据模块，用于根据设备标识为每个智能设备生成各自的虚拟设备容器，以存储每个智能设备各自的数据信息；视图引擎，用于利用虚拟设备容器中的数据信息，对具有不同设备标识的智能设备同时进行页面渲染；逻辑引擎，用于利用虚拟设备容器中的数据信息，对具有不同设备标识的智能设备进行独立的逻辑运算控制。本发明能够在应用中的同一个界面内实现对多个智能设备同时进行页面渲染。

技术领域

本发明涉及物联网技术领域，特别涉及一种页面渲染系统、页面渲染方法、页面渲染装置以及计算机可读存储介质。

背景技术

传统的页面渲染技术，是浏览器将HTML(HyperText Markup Language，超文本标记语言)代码根据CSS(Cascading Style Sheets，层叠样式表)定义的规则显示在浏览器窗口中的过程。

目前，HTML5(HyperText Markup Language 5，第五代超文本标记语言)架构下的设备页面渲染技术当中，一个HTML5内核仅能渲染一个设备页面，无法在应用中的同一个界面内同时渲染多个设备页面。

发明内容

发明人研究发现，HTML5架构下的设备页面渲染技术当中，如果同时渲染多个设备页面，由于设备变量可能重名，容易出现逻辑混乱的问题。而如果采用多个HTML5内核渲染多个设备页面，则渲染效率较低，容易出现页面加载失败的情况。因此需要采用一种新的页面渲染技术，在应用中实现对多个智能设备同时进行页面渲染。

本发明解决的一个技术问题是，如何在应用中的同一个界面内实现对多个智能设备同时进行页面渲染。

根据本发明实施例的一个方面，提供了一种页面渲染装置，页面渲染系统位于应用侧，包括：通信模块，用于接收智能设备发送的数据包，数据包中包括智能设备的设备标识、设备类型及数据信息；数据模块，用于根据设备标识为每个智能设备生成各自的虚拟设备容器，以存储每个智能设备各自的数据信息；视图引擎，用于利用虚拟设备容器中具有不同设备标识的智能设备各自的数据信息，对具有不同设备标识的智能设备同时进行页面渲染；逻辑引擎，用于利用虚拟设备容器中具有不同设备标识的智能设备各自的数据信息，对具有不同设备标识的智能设备进行独立的逻辑运算控制。

在一些实施例中，数据模块用于：根据设备标识以及设备类型，为每个智能设备生成各自的虚拟设备容器，以存储每个智能设备各自的数据信息；视图引擎用于：利用虚拟设备容器中具有不同设备标识、相同设备类型的智能设备各自的数据信息，对具有不同设备标识、相同设备类型的智能设备同时进行页面渲染。

在一些实施例中，数据模块基于可扩展标记语言XML或JavaScript对象标记语言JSON生成虚拟设备容器。

在一些实施例中，视图引擎基于XML或JSON编写。

在一些实施例中，逻辑引擎基于XML或JSON编写。

根据本发明实施例的另一个方面，提供了一种页面渲染方法，包括：通信模块接收智能设备发送的数据包，数据包中包括智能设备的设备标识、设备类型及数据信息；数据模块根据设备标识为每个智能设备生成各自的虚拟设备容器，以存储每个智能设备各自的数据信息；视图引擎利用虚拟设备容器中具有不同设备标识的智能设备各自的数据信息，对具有不同设备标识的智能设备同时进行页面渲染；逻辑引擎利用虚拟设备容器中具有不同设备标识的智能设备各自的数据信息，对具有不同设备标识的智能设备进行独立的逻辑运算控制。