[发明专利]基于WEB端配置电视主场景并可视化渲染的系统

权利要求书

1.基于WEB端配置电视主场景并可视化渲染的系统，其特征在于，包括电视主场景应用、云端配置平台以及云端服务器端，其中：

电视主场景应用：电视主场景基于H5技术开发，有一个强大的数据处理模块，可以处理各种数据并且展示出对应UI效果；应用内置了所需样式的解析规则，给内部的数据和第三方的数据留下位置，直到拿到相关数据后再自由填充，所有数据均可实时管理，根据数据更改而自动显示；

云端配置平台：云端配置平台包含两个核心部分：

数据配置区域，用户使用电脑的浏览器访问，通过系统提供的数据配置控件，配置对应的数据内容；

数据可视化区域，电视主场景应用基于H5技术，能通过浏览器Iframe把此应用内嵌于此区域，再通过既定的数据交互方式，使得数据配置区域配置完数据后，和数据可视化区域联动并进行数据的实时渲染；用户在平台上配置完数据之后，数据先传输并存储到云端服务器端，再由云端服务器进行数据的下发，下一次，电视主场景便能看到所配置的数据内容。

云端服务器端：此处负责接收用户配置的数据储存到数据库中，同时负责对电视主场景数据进行下发，要正常的完成下发工作，接收的电视必须处于联网状态，如未联网，则依旧会显示主场景内置的数据。

2.如权利要求1所述的基于WEB端配置电视主场景并可视化渲染的系统，其特征在于，所述系统支持网络连接，云端服务器端和电视主页以及云端配置平台连接。

3.如权利要求1所述的基于WEB端配置电视主场景并可视化渲染的系统，其特征在于，所述电视端支持H5应用，浏览器端支持H5，css3，es5；

云端配置平台和电视端主场景的数据为既定的JSON格式；

数据可视化区通过iframe技术使得应用内嵌于云端配置平台得以实现。

4.一种基于WEB端配置电视主场景并可视化渲染的方法，其特征在于，包括以下步骤：

Step1：可视化配置数据

用户输入数据或者是选择了相应素材后，数据可视区便会做到相应的变化，实现所配即所得；

Step2：参数校验成功后转为配置文件；

首先检查用户输入，校验的方式是将用户配置的参数和数据可视区域内置预定义的参数以及一些有特定参数值的参数进行比对，校验成功后，将用户输入的数据按照参数转换引擎自动转换为JSON格式的数据；

Step3：发布配置数据；

转化后的配置文件通过网络接口，完成数据的发布；

Step4：云端服务器保存数据；

云端服务器是数据的枢纽，为电视主场景提供所需数据；

Step5：电视获取数据并渲染；

电视主场景应用通过内置的一系列解析规则，解析数据，完成UI的渲染。

5.如权利要求4所述的基于WEB端配置电视主场景并可视化渲染的系统，其特征在于，电视开机启动过程中，从云端服务器中获取距离当前时间最近的一次配置时间对应的可使用配置数据，业务层再通过其Diff算法比较当前数据与云端数据的差异，当比较到不同之后，虚拟DOM进行更新并向着真实DOM转化，此时UI重新绘制从而达到数据变化实时渲染。