[发明专利]基于Html5的可视化展示页面自动发布方法及系统

权利要求书

1.一种基于Html5的可视化展示页面自动发布方法，其特征在于，包括：

获取由可视化设计器编辑生成的可视化画面ZIP文件流；

按照预设的转换规则，将所述可视化画面ZIP文件流中转换为Html5页面；

响应于浏览器请求所述Html5页面的信号，对所述Html5页面进行实例化，完成画面渲染展示和控件数据初始化；

基于设定的刷新间隔，对所述控件数据进行定时刷新，完成基于Html5的可视化展示页面自动发布；

所述Html5页面的生成过程包括：

遍历所述可视化画面ZIP文件流中的各个子文件；

当子文件为页面描述XML文件时，则获取该子文件中的所有节点，根据预设的转换规范将节点及节点的配置属性转换为JS脚本字符串；

创建Html5文档对象的head、body节点，并将所述JS脚本字符串作为body部分的script属性值，最后把生成的Html5文档对象写入到服务端画面目录，至此完成了Html5页面的转换；

当子文件为自定义页面js文件或Resource文件，则直接解压到服务端目录；

所述预设的转换规则是指将页面描述XML文件解析转义成Html5文档结构的规范定义，页面描述XML文件中每个组件配置属性部分通过JSON的XML工具类转换为JSONObject对象，组件元素标签部分则直接生成实例化JS脚本。

2.根据权利要求1所述的一种基于Html5的可视化展示页面自动发布方法，其特征在于：所述对所述Html5页面进行实例化，完成画面渲染展示和控件数据初始化，包括：

基于所述Html5页面，创建画面容器；

根据所述Html5页面中相关内容的JSON配置属性信息分别创建展现数据集、画面参数实例、画面图层实例、控件动画实例；所述画面参数实例通过属性DesignerValue赋值，设置画面参数改变事件OnPropertyChanged；所述画面图层实例关联Html5页面上的控件属性，添加图层显示和隐藏事件；所述控件动画实例在加载完成之后，调用动画事件；

根据控件JSON配置属性值，按照控件顺序依次创建页面控件对象，然后将对象添加到画面容器中，再调用控件的初始化方法，初始化控件内容；

页面和控件加载完成之后，开始请求画面数据，通过DataService请求数据，过滤页面上已经绑定了控件的数据集，然后组装请求参数templateReq，发送到后台服务请求数据，后台通过解析templateReq，获取数据集的配置属性，完成数据查询，并将结果返回JSON格式的数据；

接收到的JSON格式的数据，需要根据展现数据集Id匹配页面上控件绑定的展现数据集，然后给展现数据集的DataSet赋值；同一个数据集可能绑定了多个控件，需要获取到数据集绑定的集合BindObjects，然后通过BusinessBinding的Value值，分别将数据传递给控件，在BusinessBinding获取到值之后，需要对多条数据遍历并调用数据转换器，将JSON格式数据转换成控件需要的数据，最后调用控件的UpdateData方法，更新控件数据，完成画面渲染展示和控件数据初始化。