[发明专利]基于SVG的Web组态画面存储与展示系统和方法及介质

权利要求书

1.一种基于SVG的Web组态画面存储与展示系统，其特征在于，包括画面设计器模块、后台服务模块、画面运行态模块；

画面设计器模块：通过拖拽配置的方式搭建监控画面，将监控画面对应的画面元素内容生成XML格式文件，所述XML格式文件中记录画面元素的属性值，生成画面脚本，将XML格式文件、画面脚本保存并发送至后台服务；

后台服务模块：接收XML格式文件、画面脚本，将XML格式文件、画面脚本转换为能够在浏览器中运行的HTML页面；

画面运行态模块：加载监控画面，在浏览器中渲染画面元素，向后台服务进行监控画面的注册、监控画面的数据刷新，响应用户交互事件，根据数据刷新得到的属性值对画面元素进行刷新；

对所述属性值绑定点值，所述数据刷新是根据当前属性值对应的点值，在监控画面中查询得到与所述点值绑定的属性值，根据所述点值对所述当前属性值进行更新，进而对画面元素进行更新。

2.根据权利要求1所述的基于SVG的Web组态画面存储与展示系统，其特征在于，所述XML格式文件、画面脚本分别单独存储，画面脚本存储在浏览器的localStorage中；所述画面脚本是Javascript脚本。

3.根据权利要求1所述的基于SVG的Web组态画面存储与展示系统，其特征在于，所述后台服务遍历XML格式文件的画面元素和属性值，并逐一转换为SVG组态表示。

4.根据权利要求1所述的基于SVG的Web组态画面存储与展示系统，其特征在于，所述后台服务遍历XML格式文件的画面元素和属性值，并逐一转换为SVG组态表示。

5.一种基于SVG的Web组态画面存储与展示方法，其特征在于，包括画面设计器步骤、后台服务步骤、画面运行态步骤；

画面设计器步骤：通过拖拽配置的方式搭建监控画面，将监控画面对应的画面元素内容生成XML格式文件，所述XML格式文件中记录画面元素的属性值，生成画面脚本，将XML格式文件、画面脚本保存并发送至后台服务；

后台服务步骤：接收XML格式文件、画面脚本，将XML格式文件、画面脚本转换为能够在浏览器中运行的HTML页面；

画面运行态步骤：加载监控画面，在浏览器中渲染画面元素，向后台服务进行监控画面的注册、监控画面的数据刷新，响应用户交互事件，根据数据刷新得到的属性值对画面元素进行刷新；

对所述属性值绑定点值，所述数据刷新是根据当前属性值对应的点值，在监控画面中查询得到与所述点值绑定的属性值，根据所述点值对所述当前属性值进行更新，进而对画面元素进行更新。

6.根据权利要求5所述的基于SVG的Web组态画面存储与展示方法，其特征在于，所述XML格式文件、画面脚本分别单独存储，画面脚本存储在浏览器的localStorage中；所述画面脚本是Javascript脚本。

7.根据权利要求5所述的基于SVG的Web组态画面存储与展示方法，其特征在于，所述XML格式文件主要包括画面整体配置、画面元素及属性值配置、用户事件脚本配置、图片数据嵌入配置中的任一种或任多种。

8.根据权利要求5所述的基于SVG的Web组态画面存储与展示方法，其特征在于，所述后台服务遍历XML格式文件的画面元素和属性值，并逐一转换为SVG组态表示。

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