本发明涉及页面动态布局方法领域，具体涉及一种EPG页面动态布局方法。
背景技术：
随着智能设备尤其是智能终端的出现，终端能够承载的内容得越来越丰富，需要展现的业务也越来越多，业务需要的更新迭代的频率也越来越快，对业务展现的效果要求越来越高。现有的EPG业务展示方法包括两种。其一为基于浏览器展现业务的方法，其包括以下步骤，浏览器通过网络向服务器拉取HTML，HTML解析器解析 HTML 文档，并将各标记逐个转化成DOM Tree上的DOM；同时HTML中这些带有视觉指令的样式信息将用于创建另一个树结构Render Tree，Render Tree 构建完毕之后，进入“布局”处理阶段，也就是为每个节点分配一个应出现在屏幕上的确切坐标；下一个阶段是渲染，渲染会遍历Render Tree，由用户界面后端层将每个节点绘制出来。其二为基于纯C/S客户端展现业务的方法，其包括以下步骤，XML布局解析器获取并解析App内XML布局文件，并将各标记逐个转化成View Tree上的View节点，同时XML中这些带有视觉指令的样式信息将用于创建另一个树结构Render Tree ，Render Tree 构建完毕之后，进入“布局”处理阶段，为每个节点分配一个应出现在屏幕上的确切坐标，下一个阶段是渲染，渲染会遍历Render Tree，由用户界面后端层将每个节点绘制出来。
采用上述第一种方法，其通过浏览器展现EPG页面的渲染效果比较差；且EPG页面存在复杂动画效果的情况下，页面动画会出现卡顿，导致用户体验差。采用上述第二种方法，其C/S类型的客户端xml布局文件是随着版本一起打包，如果需要更新客户端UI，就需要重新更新布局文件，并再次打包出版本，业务更新速度相对较慢，不能满足现有业务的快速上线要求。
技术实现要素：
本发明为了解决上述技术问题提供一种EPG动态布局方法。
本发明通过下述技术方案实现：
EPG动态布局方法，包括：
JS解析器获取并解析服务器的JavaScript文件；
Virtual DOM抽象DOM的具体实现方式，并根据客户端的具体平台类型将各标记逐个编译成对应的本地UI组件；
JS解析器将带有视觉指令的样式信息用于创建另一个树结构Render Tree；
为每个节点分配一个应出现在屏幕上的确切坐标；
渲染；
展示。
所述Virtual DOM根据客户端的具体平台类型将各标记逐个编译成对应的本地UI组件的方法为：如果是Android或IOS平台则编译成View，变成View Tree上的节点；如果是浏览器则编译成了DOM，变成DOM Tree的节点。
所述渲染的步骤包括遍历Render Tree，由用户界面后端层将每个节点绘制出来。
C/S客户端解析服务器页面布局JavaScript文件，根据客户端的具体平台编译成对应的本地UI组件，并渲染出布局页面，从而实现动态布局。并且服务器通过修改JavaScript文件能快速让客户端进行更新。
采用本发明的方法，其将JS文件里面的标记逐个编译成对应的本地UI组件，例如Android平台，这些标签将会编译成对应的View组件，而这些本地的UI组件的渲染速度会比浏览器的渲染速度快很多，且动画效果度会比浏览器的动画效果好很多。
JS文件即JavaScript文件可以直接部署到服务器，客户端去访问服务器下载JavaScript文件，解析新的JavaScript文件，生成ViewTree，渲染展示UI，通过更新服务器的JavaScript文件即可实现客户端UI的更新，不需要新打包版本实现更新。
各大应用商城，更新应用，需要重新打包App，上传到应用商城审核，更新需要非常长的时间，采用新的技术方案客户端更新变的UI，只需要更改服务器中的JavaScript文件就可，客户端下次启动会首先检查服务器JavaScript文件是否有更新，如果有更新就下载新的JavaScript文件，更新非常的便捷方便。
本发明与现有技术相比，至少具有如下的优点和有益效果：
本发明的方法，其C/S客户端解析服务器页面布局JavaScript文件，根据客户端的具体平台编译成对应的本地UI组件，并渲染出布局页面，从而实现动态布局，并且服务器通过修改JavaScript文件能快速让客户端进行更新。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚明白，下面结合实施例，对本发明作进一步的详细说明，本发明的示意性实施方式及其说明仅用于解释本发明，并不作为对本发明的限定。
实施例
本发明的方法不仅支持智能机顶盒，也支持非智能机顶盒。可更快的通过Internet对机顶盒进行业务更新UI，达到优秀的渲染效果，界面操作流畅同时能够给用户带来良好的用户体验。
EPG动态布局方法，包括：
JS解析器获取并解析服务器的JavaScript文件；
Virtual DOM抽象DOM的具体实现方式，并根据客户端的具体平台类型将各标记逐个编译成对应的本地UI组件，如果是Android或IOS平台则编译成View，变成View Tree上的节点；如果是浏览器则编译成了DOM，变成DOM Tree的节点；
JS解析器将带有视觉指令的样式信息用于创建另一个树结构Render Tree；
为每个节点分配一个应出现在屏幕上的确切坐标；
渲染，遍历Render Tree，由用户界面后端层将每个节点绘制出来；
展示。
以上所述的具体实施方式，对本发明的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本发明的具体实施方式而已，并不用于限定本发明的保护范围，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。