本发明涉及无限加载瀑布流页面技术领域，具体来说，涉及一种可视化编排无限加载瀑布流页面的系统和方法。
背景技术：
epg（电子节目指南）在美、欧等数字电视发展较早的国家已得到了广泛的应用，成为数字电视的基本业务之一。据统计，在数字电视的各类业务中，epg的点击率最高，并逐渐成为数字电视中一个发展迅速的行业，出现了如nds集团，美国tvguide等一批专业的epg开发的制作公司。实际上，epg已成为数字电视的重要标志，是观众进入数字电视和iptv的门户。
传统的iptv（交互式网络电视）业务，由于页面不支持下拉加载导致展示内容有限，从而造成供用户选择的优质内容较少；翻页展示，导致操作层级较多，造成用户体验感差；同时交互动画效果单一，不够吸引用户眼球。
我国iptv目前还处于起步阶段，部分电视台、运营商和机顶盒生产厂商开发的epg，只适用于某一款机顶盒，缺乏广泛的适用性和定制性，在实际应用中，每次更改epg布局、或需要增加新epg，都需要修改epg代码或重新开发，造成大量重复性劳动。
技术实现要素：
针对相关技术中的上述技术问题，本发明提出一种可视化编排无限加载瀑布流页面的系统和方法，能够克服现有技术的上述不足。
为实现上述技术目的，本发明的技术方案是这样实现的：
一种可视化编排无限加载瀑布流页面的系统，其特征在于，包括后台管理模块、数据库模块、静态文件服务模块、电子节目指南模块四个模块；
所述后台管理模块用来对系统的数据进行管理，所述后台管理模块与所述数据库模块之间进行数据交互；
所述数据库模块用于对系统当中的数据进行储存和处理，所述数据库模块只与所述后台管理模块进行数据交互；
所述静态文件服务模块用于将数据静态化，并请求静态数据文件，将静态数据传送给所述后台管理模块；
所述电子节目指南模块为服务端，用于展示瀑布流页面，并控制内容上线和下线，所述电子节目指南模块只向所述静态文件服务模块传递数据。
进一步的，所述后台管理模块包括数据静态化事件和可视化编辑事件。
进一步的，所述电子节目指南模块包含瀑布流对象、模板对象、事件对象、元素对象、触发器对象、键盘事件对象。
本发明还公开了一种可视化编排无限加载瀑布流页面的方法，包括如下步骤：
s1：使用电子节目指南模块与后台管理模块共同约定瀑布流数据格式及规则；
s2：后台管理模块通过可视化编辑并保存数据，生成对应瀑布流静态数据文件；
s3：电子节目指南模块请求静态数据文件，从服务端获取瀑布流json数据并逐步拆解模板向下传递生成模板对象，同时，利用观察者模式创建触发对象，并向观察者注册监听瀑布流加载事件；
s4：构建模板对象，并向观察者注册监听模板加载事件；
s5：构建模板锚点对象，并按顺序将锚点对象插入到瀑布流主体对象当中，同时向观察者发送事件完成；
s6：当事件全部命中时，触发回调方法。
进一步的，对于步骤s3，电子节目指南模块通过ajax请求静态数据文件。
进一步的，对于步骤s6，事件命中时，事件处理方法如下：
s61：初始化瀑布流，展示瀑布流开始部分或特定某个模板区域；
s62：初始化完成后向键盘事件对象注册键盘事件以及与瀑布流事件触发关系；
s63：键盘事件处理模块将事件分发给瀑布流对象；
s64：瀑布流对象取得当前焦点所在模板对象，将事件分发给对应模板对象；
s65：模板对象根据属性判断是否需要特殊处理，不需要则直接处理，需要则继续向下分发给对应元素对象；
s66：元素对象处理特殊元素事件；
s67：当事件为上移动焦点时，触发模板内容填充销毁方法及图片懒加载方法；当事件为下移动焦点时，触发模板内容填充销毁方法及图片懒加载方法，如达到下边临界值，触发自动生成内容无下限填充方法。
进一步的，所述电子节目指南模块加载瀑布流的依赖组件包括播放器代理组件、过时补充组件、初始组件、历史记录组件、工具组件。
本发明的有益效果：本发明通过以瀑布流页面为展现形式，能够可视化编排并供终端无限加载的全新互动式的个性化需求体验的技术；提供了一个将播控安全放在首位，充分考虑到省级iptv运营需求的完善的门户可视化运营管理平台，使广电对于iptv业务的展现形式更加多样化，做到了为广大用户提供当下主流产品形态，满足大众需求并不断完善用户体验；同时平台提高了广电编辑对epg页面前端展示的控制力，可让编辑人员直接参与到终端展示的实现中，所见即所得；最大程度减少了研发人员的参与环节，提高了工作效率，从而极大程度的提高了广电对iptv平台的管控能力。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是根据本发明实施例所述的一种可视化编排无限加载瀑布流页面的系统和方法的系统模块图；
图2是根据本发明实施例所述的一种可视化编排无限加载瀑布流页面的系统和方法的电子节目指南模块的流程图；
图3是根据本发明实施例所述的一种可视化编排无限加载瀑布流页面的系统和方法的瀑布流展示时序图；
图4是根据本发明实施例所述的一种可视化编排无限加载瀑布流页面的系统和方法的事件处理时序图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本发明保护的范围。
如图2所示，根据本发明实施例所述的一种可视化编排无限加载瀑布流页面的系统，其特征在于，包括后台管理模块、数据库模块、静态文件服务模块、电子节目指南模块四个模块；
所述后台管理模块用来对系统的数据进行管理，所述后台管理模块与所述数据库模块之间进行数据交互；
所述数据库模块用于对系统当中的数据进行储存和处理，所述数据库模块只与所述后台管理模块进行数据交互；
所述静态文件服务模块用于将数据静态化，并请求静态数据文件，将静态数据传送给所述后台管理模块；
所述电子节目指南模块为服务端，用于展示瀑布流页面，并控制内容上线和下线，所述电子节目指南模块只向所述静态文件服务模块传递数据。
在一具体实施例中，后台管理模块包括数据静态化事件和可视化编辑事件。
在一具体实施例中，电子节目指南模块包含瀑布流对象、模板对象、事件对象、元素对象、触发器对象、键盘事件对象。
如图1和图3所示，本发明还公开了一种可视化编排无限加载瀑布流页面的方法，包括如下步骤：
s1：使用电子节目指南模块与后台管理模块共同约定瀑布流数据格式及规则；
s2：后台管理模块通过可视化编辑并保存数据，生成对应瀑布流静态数据文件；
s3：电子节目指南模块请求静态数据文件，从服务端获取瀑布流json数据并逐步拆解模板向下传递生成模板对象，同时，利用观察者模式创建触发对象，并向观察者注册监听瀑布流加载事件；
s4：构建模板对象，并向观察者注册监听模板加载事件；
s5：构建模板锚点对象，并按顺序将锚点对象插入到瀑布流主体对象当中，同时向观察者发送事件完成；
s6：当事件全部命中时，触发回调方法。
在一具体实施例中，电子节目指南模块通过ajax请求静态数据文件。
如图4所示，在一具体实施例中，对于步骤s6，事件命中时，事件处理方法如下：
s61：初始化瀑布流，展示瀑布流开始部分或特定某个模板区域；
s62：初始化完成后向键盘事件对象注册键盘事件以及与瀑布流事件触发关系；
s63：键盘事件处理模块将事件分发给瀑布流对象；
s64：瀑布流对象取得当前焦点所在模板对象，将事件分发给对应模板对象；
s65：模板对象根据属性判断是否需要特殊处理，不需要则直接处理，需要则继续向下分发给对应元素对象；
s66：元素对象处理特殊元素事件；
s67：当事件为上移动焦点时，触发模板内容填充销毁方法及图片懒加载方法；当事件为下移动焦点时，触发模板内容填充销毁方法及图片懒加载方法，如达到下边临界值，触发自动生成内容无下限填充方法。
在一具体实施例中，电子节目指南模块加载瀑布流的依赖组件包括播放器代理组件、过时补充组件、初始组件、历史记录组件、工具组件。
为了方便理解本发明的上述技术方案，以下通过具体使用方式上对本发明的上述技术方案进行详细说明。
在具体使用时，根据本发明所述的一种可视化编排无限加载瀑布流页面的系统，包括后台管理模块、数据库模块、静态文件服务模块、电子节目指南模块四个模块，后台管理模块用来对系统的数据进行管理；数据库模块用于对系统当中的数据进行储存和处理；静态文件服务模块用于将数据静态化，并请求静态数据文件，将静态数据传送给所述后台管理模块；电子节目指南模块用于展示瀑布流页面，并控制内容上线和下线。基于上述系统的方法在于，电子节目指南模块与后台管理模块约定瀑布流数据格式及规则，后台管理模块通过可视化编辑并保存数据，生成对应瀑布流静态数据文件。当机顶盒盒端展示电子节目指南时，电子节目指南通过ajax请求静态数据文件，获取json数据并逐步拆解模板向下传递生成模板对象，同时，利用观察者模式创建触发对象，并向其注册监听事件。当模板对象生成的同时，也生成一个锚点对象，并按顺序插入到瀑布流主体对象当中，并向观察者发送事件完成。当事件全部命中时，触发回调方法，首先初始化瀑布流，展示瀑布流开始部分或特定某个模板区域，然后模板展示时会触发图片懒加载机制延迟加载图片，并且启动预加载机制，为当前焦点位置前后预加载多个模板，最终初始化完成后向键盘事件对象keyboardfunction注册键盘事件，以及与瀑布流事件触发关系。当焦点上下移动时预加载机制同步执行，当事件为上移动焦点时，触发模板内容填充销毁方法及图片懒加载方法；当事件为下移动焦点时，触发模板内容填充销毁方法及图片懒加载方法，如达到下边临界值，触发自动生成内容无下限填充方法，完成无限加载瀑布流页面。本发明通过电子节目指南模块与后台管理模块约定瀑布流数据格式及模板解析规则，只需使用后台管理模块修改模板数据及推荐为内容，便可改变瀑布流模板布局，并且在机顶盒盒子性能允许范围内可随意增加模板数量。
综上所述，本发明通过以瀑布流页面为展现形式，能够可视化编排并供终端无限加载的全新互动式的个性化需求体验的技术；提供了一个将播控安全放在首位，充分考虑到省级iptv运营需求的完善的门户可视化运营管理平台，使广电对于iptv业务的展现形式更加多样化，做到了为广大用户提供当下主流产品形态，满足大众需求并不断完善用户体验；同时平台提高了广电编辑对epg页面前端展示的控制力，可让编辑人员直接参与到终端展示的实现中，所见即所得；最大程度减少了研发人员的参与环节，提高了工作效率，从而极大程度的提高了广电对iptv平台的管控能力。
以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
1.一种可视化编排无限加载瀑布流页面的系统，其特征在于，包括后台管理模块、数据库模块、静态文件服务模块、电子节目指南模块四个模块；
所述后台管理模块用来对系统的数据进行管理，所述后台管理模块与所述数据库模块之间进行数据交互；
所述数据库模块用于对系统当中的数据进行储存和处理，所述数据库模块只与所述后台管理模块进行数据交互；
所述静态文件服务模块用于将数据静态化，并请求静态数据文件，将静态数据传送给所述后台管理模块；
所述电子节目指南模块为服务端，用于展示瀑布流页面，并控制内容上线和下线，所述电子节目指南模块只向所述静态文件服务模块传递数据。
2.根据权利要求1所述的一种可视化编排无限加载瀑布流页面的系统，其特征在于，所述后台管理模块包括数据静态化事件和可视化编辑事件。
3.根据权利要求1所述的一种可视化编排无限加载瀑布流页面的系统，其特征在于，所述电子节目指南模块包含瀑布流对象、模板对象、事件对象、元素对象、触发器对象、键盘事件对象。
4.一种可视化编排无限加载瀑布流页面的方法，其特征在于，包括如下步骤：
s1：使用电子节目指南模块与后台管理模块共同约定瀑布流数据格式及规则；
s2：后台管理模块通过可视化编辑并保存数据，生成对应瀑布流静态数据文件；
s3：电子节目指南模块请求静态数据文件，从服务端获取瀑布流json数据并逐步拆解模板向下传递生成模板对象，同时，利用观察者模式创建触发对象，并向观察者注册监听瀑布流加载事件；
s4：构建模板对象，并向观察者注册监听模板加载事件；
s5：构建模板锚点对象，并按顺序将锚点对象插入到瀑布流主体对象当中，同时向观察者发送事件完成；
s6：当事件全部命中时，触发回调方法。
5.根据权利要求4所述的一种可视化编排无限加载瀑布流页面的方法，其特征在于，对于步骤s3，电子节目指南模块通过ajax请求静态数据文件。
6.根据权利要求4所述的一种可视化编排无限加载瀑布流页面的方法，其特征在于，对于步骤s6，事件命中时，事件处理方法如下：
s61：初始化瀑布流，展示瀑布流开始部分或特定某个模板区域；
s62：初始化完成后向键盘事件对象注册键盘事件以及与瀑布流事件触发关系；
s63：键盘事件处理模块将事件分发给瀑布流对象；
s64：瀑布流对象取得当前焦点所在模板对象，将事件分发给对应模板对象；
s65：模板对象根据属性判断是否需要特殊处理，不需要则直接处理，需要则继续向下分发给对应元素对象；
s66：元素对象处理特殊元素事件；
s67：当事件为上移动焦点时，触发模板内容填充销毁方法及图片懒加载方法；当事件为下移动焦点时，触发模板内容填充销毁方法及图片懒加载方法，如达到下边临界值，触发自动生成内容无下限填充方法。
7.根据权利要求4所述的一种可视化编排无限加载瀑布流页面的方法，其特征在于，所述电子节目指南模块加载瀑布流的依赖组件包括播放器代理组件、过时补充组件、初始组件、历史记录组件、工具组件。
技术总结