一种EPG可视化页面的生成方法技术

本发明专利技术涉及一种EPG可视化页面的生成方法，包括一个绘图界面，绘图界面内设有绘图区域，绘图区域一侧设有若干个按钮，按钮分别对应一个预设的控件，包括以下步骤：绘制页面内容，生成页面描述文件；设置控件数据，生成数据描述文件；发布页面描述文件和数据描述文件至服务器；服务器解析成网页展示至机顶盒。本发明专利技术绘设置了绘制界面，将控件通过鼠标的点击和拖曳到绘图区域，生成页面描述文件和数据描述文件，服务器通过解析引擎解析成EPG页面展示到机顶盒上，编辑和操作方法简单易行，便于非专用技术人员掌握，降低了生成EPG页面的技术难度和对技术人员的专业技术要求，提高了页面生成的效率，降低了开发和维护的成本。

【技术实现步骤摘要】
一种EPG可视化页面的生成方法
本专利技术涉及交互式网络电视
，尤其涉及一种EPG可视化页面的生成方法。
技术介绍
IPTV即交互式网络电视，是一种利用宽带网，集互联网、多媒体、通讯等技术于一体，向家庭用户提供包括数字电视在内的多种交互式服务的崭新技术。它能够很好地适应当今网络飞速发展的趋势，充分有效地利用网络资源。随着网络技术的发展和应用，成百上千兆的网络带宽已随处可见，用户通过电视机顶盒来观看网络电视已成为现实。IPTVEPG实际上就是IPTV的一个门户系统。EPG系统的界面与Web页面类似，在EPG界面上提供各类菜单、按钮、链接等可供用户选择节目时直接点击的组件。现有的EPG界面生成的方式一般是通过人工编写代码，部署到后台服务器，在智能电视IPTV机顶盒上审核EPG页面，并同时进行EPG适配测试。这种方式具有以下弊端：网页的代码编辑、后台服务器的部署、EPG机顶盒的适配测试、EPG页面更新维护和对多种机顶盒的页面适配等多个步骤都需要专业的技术人员参与，不仅对技术人员的专业技术要求高，且需要占用大量的人力资源；且专业技术人员对EPG机顶盒逐个适配测试即更新维护、以及对机顶盒进行页面适配，效率低且成本高。
技术实现思路
本专利技术所要解决的技术问题是提供一种EPG可视化页面的生成方法，页面编辑简单便捷，便于非专业技术人员操作。为解决上述技术问题，本专利技术的技术方案是：一种EPG可视化页面的生成方法，包括一个绘图界面，所述绘图界面内设有绘图区域，所述绘图区域一侧设有若干个按钮，所述按钮分别对应一个预设的控件，所述方法包括以下步骤：步骤1：选择控件，绘制页面内容，生成页面描述文件ui.json；步骤2：设置控件数据或用自定义表达式引用“数据源控件”中的远程数据，生成数据描述文件data.json；步骤3：发布页面描述文件和数据描述文件至服务器；步骤4：服务器通过解析引擎将所述页面描述文件和数据描述文件解析成网页展示至机顶盒。作为优选的技术方案，所述页面描述文件格式是：{页面属性名称:页面属性内容，...,控件:[{控件属性名称:控件属性内容},...]}。作为优选的技术方案，步骤1中绘制页面内容的方法具体包括以下步骤：步骤1-1：点击控件按钮，选择控件；步骤1-2：在绘图区域按下鼠标，记录起始坐标；步骤1-3：在绘图区域松开鼠标，记录结束坐标；步骤1-4：判断起始坐标是否等于结束坐标，若等于，执行步骤1-5；若不等于执行步骤1-6；步骤1-5：以起始位置坐标为控件左上角原点，生成宽度和高度默认的矩形控件；步骤1-6：以起始坐标为起点，以结束坐标为终点，使用实线生成矩形控件。作为优选的技术方案，步骤1中还包括以下步骤：在鼠标移动时，以鼠标的当前坐标为结束坐标，用虚线生成一个矩形，所述矩形的宽度和高度显示将要生成的控件宽度和高度。作为优选的技术方案，所述数据描述文件的格式是：{控件编号:{控件数据名称:控件数据内容},...}。作为优选的技术方案，所述自定义表达式的格式是:${ds[‘dsId’].data.name}，其中，‘${’为表达式开始，‘}’为表达式结束，ds为数据源集合，[‘dsId’]表示通过数据源ID‘dsId’获取指定数据源，data为数据源动态数据，name为动态数据中的key值。作为优选的技术方案，在步骤3中，所述页面描述文件和数据描述文件的发布地址是：解析引擎跟目录/项目编码/页面编码/ui.json,data.json。作为优选的技术方案，步骤4具体包括以下步骤：步骤4-1：访问解析引擎入口地址，传入epg参数，所述epg参数包括项目代码和页面代码；步骤4-2：根据项目代码和页面代码，定位所述页面描述文件和数据描述文件的位置；步骤4-3：加载页面描述文件，根据页面描述文件中数据源控件的定义，通过ajax或jsonp方式获取远程数据，存入浏览器内存中；步骤4-4：根据页面描述文件中的控件定义，动态创建HTML元素，并自动适配机顶盒；步骤4-5：加载数据描述文件，解析自定义表达式，获取步骤4-3存入到浏览器内存中的数据，并设置到步骤4-4对应的HTML元素中；步骤4-6：将页面展示到机顶盒。由于采用了上述技术方案，本专利技术的有益效果是：本专利技术绘设置了绘制界面，将控件通过鼠标的点击和拖曳绘制到绘图区域，生成页面描述文件和数据描述文件，服务器通过解析引擎自动解析成EPG页面展示到机顶盒上，编辑和操作方法简单易行，便于非专用技术人员掌握，降低了生成EPG页面的技术难度和对技术人员的专业技术要求，便于EPG页面的编辑、适配、测试和更新，提高了EPG页面生成的效率，降低了开发和维护的成本。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例的流程图；图2是本专利技术实施例步骤1中绘制页面内容的方法的流程图；图3是本专利技术实施例步骤4的流程图。具体实施方式如图1所示，一种EPG可视化页面的生成方法，包括一个绘图界面，绘图界面内设有绘图区域，绘图区域一侧设有若干个按钮，按钮分别对应一个预设的控件，本方法包括以下步骤：步骤1：选择控件，绘制页面内容，生成页面描述文件ui.json，页面描述文件格式是：{页面属性名称:页面属性内容，...,控件:[{控件属性名称:控件属性内容},...]}。步骤2：设置控件数据或用自定义表达式引用“数据源控件”中的远程数据，生成数据描述文件data.json，数据描述文件的格式是：{控件编号:{控件数据名称:控件数据内容},...}；自定义表达式的格式是:${ds[‘dsId’].data.name}，其中，‘${’为表达式开始，‘}’为表达式结束，ds为数据源集合，[‘dsId’]表示通过数据源ID‘dsId’获取指定数据源，data为数据源动态数据，name为动态数据中的key值。步骤3：发布页面描述文件和数据描述文件至服务器，页面描述文件和数据描述文件的发布地址是：解析引擎跟目录/项目编码/页面编码/ui.json,data.json，步骤4：服务器通过解析引擎将页面描述文件和数据描述文件解析成网页展示至机顶盒。优选的，步骤1中绘制页面内容的方法具体包括以下步骤：步骤1-1：点击控件按钮，选择控件；步骤1-2：在绘图区域按下鼠标，记录起始坐标；步骤1-3：在绘图区域松开鼠标，记录结束坐标；步骤1-4：判断起始坐标是否等于结束坐标，若等于，执行步骤1-5；若不等于执行步骤1-6；步骤1-5：以起始位置坐标为控件左上角原点，生成宽度和高度默认的矩形控件；步骤1-6：以起始坐标为起点，以结束坐标为终点，使用实线生成矩形控件。优选的，步骤1中还包括以下步骤：在鼠标移动时，以鼠标的当前坐标为结束坐标，用虚线生成一个矩形，矩形的宽度和高度显示将要生成的控件宽度和高度。步骤1中包含了两种绘制方式，一种是在绘图区域内绘制任意大小的控件，另一种是在绘制区域内点击绘制默认大小的控件。在绘图区域内绘制任意大小的控件：用户使用鼠标在绘图区按下时，记录起始位置坐本文档来自技高网...

【技术保护点】
1.一种EPG可视化页面的生成方法，其特征在于，包括一个绘图界面，所述绘图界面内设有绘图区域，所述绘图区域一侧设有若干个按钮，所述按钮分别对应一个预设的控件，所述方法包括以下步骤：步骤1：选择控件，绘制页面内容，生成页面描述文件ui.json；步骤2：设置控件数据或用自定义表达式引用“数据源控件”中的远程数据，生成数据描述文件data.json；步骤3：发布页面描述文件和数据描述文件至服务器；步骤4：服务器通过解析引擎将所述页面描述文件和数据描述文件解析成网页展示至机顶盒。

【技术特征摘要】
1.一种EPG可视化页面的生成方法，其特征在于，包括一个绘图界面，所述绘图界面内设有绘图区域，所述绘图区域一侧设有若干个按钮，所述按钮分别对应一个预设的控件，所述方法包括以下步骤：步骤1：选择控件，绘制页面内容，生成页面描述文件ui.json；步骤2：设置控件数据或用自定义表达式引用“数据源控件”中的远程数据，生成数据描述文件data.json；步骤3：发布页面描述文件和数据描述文件至服务器；步骤4：服务器通过解析引擎将所述页面描述文件和数据描述文件解析成网页展示至机顶盒。2.如权利要求1所述的一种EPG可视化页面的生成方法，其特征在于：所述页面描述文件格式是：{页面属性名称:页面属性内容，...,控件:[{控件属性名称:控件属性内容},...]}。3.如权利要求1所述的一种EPG可视化页面的生成方法，其特征在于：步骤1中绘制页面内容的方法具体包括以下步骤：步骤1-1：点击控件按钮，选择控件；步骤1-2：在绘图区域按下鼠标，记录起始坐标；步骤1-3：在绘图区域松开鼠标，记录结束坐标；步骤1-4：判断起始坐标是否等于结束坐标，若等于，执行步骤1-5；若不等于执行步骤1-6；步骤1-5：以起始位置坐标为控件左上角原点，生成宽度和高度默认的矩形控件；步骤1-6：以起始坐标为起点，以结束坐标为终点，使用实线生成矩形控件。4.如权利要求3所述的一种EPG可视化页面的生成方法，其特征在于：步骤1中还包括以下步骤：在鼠标移动时，以鼠标的当前坐标为结束坐标，用虚线生成一个矩形，所述矩形的宽度和高度显示将要...

【专利技术属性】
技术研发人员：鲁豪锋，邵华，
申请(专利权)人：上海百事灵多媒体科技有限公司，
类型：发明
国别省市：上海,31