[发明专利]一种EPG可视化页面的动态编排方法

说明书

本发明提供一种EPG可视化页面的动态编排方法，使用前端VUE新型技术，在不修改静态模板代码的情况下使其动态化、可编辑化，具有低门槛、简单实用、快速录入模板数据等优势；将原有的模板数据转化为JSON格式的数据，实现了可动态替换页面数据，可视化操作自动生成模板数据，具有高度的灵活性；将模板下发到就近的CDN节点，降低了图片等大文件的流量带宽。

技术领域

本发明属于可视化技术应用技术领域，尤其是涉及一种EPG可视化页面的动态编排方法。

背景技术

IPTV即交互式网络电视，是一种利用宽带网，集互联网、多媒体、通讯等技术于一体，向家庭用户提供包括数字电视在内的多种交互式服务的崭新技术。它能够很好地适应当今网络飞速发展的趋势，充分有效地利用网络资源。随着网络技术的发展和应用，成百上千兆的网络带宽已随处可见，用户通过电视机顶盒来观看IPTV已成为现实。

传统的EPG页面开发属于专业性很强的软件开发工作，EPG开发人员利用开发工具进行EPG页面、样式表、JavaScript代码、JSP代码进行开发，由测试人员进行测试验证，开发周期长，测试问题和反复多，无法进行可视化预览和配置，也不能直观看到修改的代码对EPG展现的影响。而且这样的开发模式属于手工作坊式的开发，在代码上传、测试、修改、发布等环节都需要依赖开发人员和测试人员手工操作，容易出现问题，造成现网故障等。

发明内容

本发明旨在解决上述技术问题，提供一种EPG可视化页面的动态编排方法。

为了达到上述目的，本发明采用如下技术方案：

一种EPG可视化页面的动态编排方法，包括：

S1：采用Vue.js框架，选择静态的EPG页面，设置EPG页面的可编辑区域，引入可视化编排组件代码；

S2：将加入代码后的EPG页面上传至“目录A”，该“目录A”可以通过机顶盒浏览器以http协议访问；

S3：新建一个EPG模板，将目录A的路径添加到模板信息中；

S4：选择步骤S3的生成的EPG模板，并进行可视化编排，具体编排实现逻辑如下：

对EPG模板中的推荐位进行逻辑编号，此编号将与盒端展示的EPG页面推荐位一一对应；

对EPG模板中的推荐位进行内容的输入与绑定，系统将输入的内容保存在js变量中；

系统将推荐位中的图片上传至“目录B”，并返回图片的相对路径，存储在js变量中，最终整体数据以JSON格式保存到文件中；

S5：模板自动检查，在进入下发流程之前，系统检测模板的所有修改过的推荐位，并进行标识；

S5：模板下发，下发流程如下：

S51：系统对“目录A”和“目录B”中的文件进行打包；

S52：将A中打包文件上传至FTP服务器并获取该文件在FTP服务器中可访问的路径，其中FTP服务器指是在互联网上提供文件存储和访问服务的计算机，它们依照FTP协议提供服务，FTP是File Transfer Protocol文件传输协议；

S53：系统生成C1工单并将工单上传至FTP服务器，之后获取工单在FTP服务器中的路径，其中工单包含B中FTP文件路径，C1工单是符合C1协议的报文，C1协议指电信IPTV2.0规范中的接口协议；

S54：系统执行C1协议,将C1工单下发至下游EPG容器，下游EPG容器获取工单，同时去FTP服务器获取进过打包的文件，并将文件解压至EPG容器服务器中；

S55：EPG页面将通过模板code加载容器中的对应JSON文件和图片，并将JSON文件中的数据加载和渲染到页面上，供用户观看。