[发明专利]一种EPG可视化页面的生成方法

权利要求书

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中还包括以下步骤：在鼠标移动时，以鼠标的当前坐标为结束坐标，用虚线生成一个矩形，所述矩形的宽度和高度显示将要生成的控件宽度和高度。

5.如权利要求1所述的一种EPG可视化页面的生成方法，其特征在于：所述数据描述文件的格式是：{控件编号:{控件数据名称:控件数据内容},...}。

6.如权利要求1所述的一种EPG可视化页面的生成方法，其特征在于：所述自定义表达式的格式是: ${ds[‘dsId’].data.name}，其中，‘${’为表达式开始，‘}’为表达式结束，ds为数据源集合，[‘dsId’]表示通过数据源ID ‘dsId’获取指定数据源，data为数据源动态数据，name为动态数据中的key值。

7.如权利要求1所述的一种EPG可视化页面生成方法，其特征在于：在步骤3中，所述页面描述文件和数据描述文件的发布地址是：解析引擎跟目录/项目编码/页面编码/ui.json,data.json。

8.如权利要求1所述的一种EPG可视化页面的生成方法，其特征在于：步骤4具体包括以下步骤：

步骤4-1：访问解析引擎入口地址，传入epg参数，所述epg参数包括项目代码和页面代码；

步骤4-2：根据项目代码和页面代码，定位所述页面描述文件和数据描述文件的位置；

步骤4-3：加载页面描述文件，根据页面描述文件中数据源控件的定义，通过ajax或jsonp方式获取远程数据，存入浏览器内存中；

步骤4-4：根据页面描述文件中的控件定义，动态创建HTML元素，并自动适配机顶盒；

步骤4-5：加载数据描述文件，解析自定义表达式，获取步骤4-3 存入到浏览器内存中的数据，并设置到步骤4-4 对应的HTML元素中；

步骤4-6：将页面展示到机顶盒。