一种移动终端应用界面动态渲染方法和装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN108415702A(43)申请公布日2018.08.17(21)申请号201810059539.2(22)申请日2018.01.22(71)申请人北京奇艺世纪科技有限公司地址100080北京市海淀区北一街2号爱奇艺创新大厦10、11层(72)发明人熊浩(74)专利代理机构北京润泽恒知识产权代理有限公司11319代理人莎日娜(51)Int.Cl.G06F8/38(2018.01)权利要求书2页说明书9页附图6页(54)发明名称一种移动终端应用界面动态渲染方法和装置(57)摘要本申请实施例提供了一种移动终端应用界面动态渲染方法和装置，涉及互联网领域。所述方法包括：根据移动终端应用可视界面，获取服务器端对应所述可视界面的更新XML文件和预定义脚本基础库；根据预定义脚本基础库解析所述更新XML文件生成文档对象模型DOM树；依次遍历所述文档对象模型DOM树上的每个DOM节点；根据所述DOM节点的flex排版属性，通过native方式创建flex排版节点，并将对应的预设视图绑定至各所述flex排版节点；通过所述预定义脚本基础库解析所述DOM节点的常规属性；根据所述flex排版节点，以及所述DOM节点的常规属性的解析结果，渲染生成更新的可视界面。解决了现有技术中更新移动终端应用界面需要重新发版，开发成本较高的问题。CN108415702ACN108415702A权利要求书1/2页1.一种移动终端应用界面动态渲染方法，其特征在于，包括：根据移动终端应用可视界面，获取服务器端对应所述可视界面的更新XML文件和预定义脚本基础库；根据预定义脚本基础库解析所述更新XML文件，生成文档对象模型DOM树；依次遍历所述文档对象模型DOM树上的每个DOM节点；根据所述DOM节点的flex排版属性，通过native方式创建flex排版节点，并将对应的预设视图绑定至各所述flex排版节点；通过所述预定义脚本基础库解析所述DOM节点的常规属性；根据所述flex排版节点，以及所述DOM节点的常规属性的解析结果，渲染生成更新的可视界面。2.根据权利要求1所述的方法，其特征在于，所述DOM节点的常规属性包括：事件回调标识touch、pingback属性中的一项或多项。3.根据权利要求2所述的方法，其特征在于，在所述通过所述预定义脚本基础库解析所述DOM节点的常规属性的步骤之后，还包括：若解析到所述DOM节点的常规属性为item样式属性，则将所述item样式属性数据转换为对应所述移动终端系统平台的属性数据；其中，其中，所述item样式属性包括：像素、百分比、宽高比其中的一项或多项。4.根据权利要求2所述的方法，其特征在于，在所述通过所述预定义脚本基础库解析所述DOM节点的常规属性的步骤之后，还包括：若解析到所述DOM节点的常规属性为touch属性，则根据预定义脚本基础库获取对应所述touch属性的回调事件，并将所述回调事件绑定至所述DOM节点。5.根据权利要求2所述的方法，其特征在于，在所述通过所述预定义脚本基础库解析所述DOM节点的常规属性的步骤之后，还包括：若解析到所述DOM节点的常规属性为pingback属性，则根据预定义脚本基础库获取对应的pingback事件，并将所述pingback事件绑定至所述DOM节点。6.一种移动终端应用界面动态渲染装置，其特征在于，所述装置包括：文件获取模块，用于根据移动终端应用可视界面，获取服务器端对应所述可视界面的更新XML文件和预定义脚本基础库；解析模块，用于根据预定义脚本基础库解析所述更新XML文件，生成文档对象模型DOM树；属性解析模块，用于依次遍历所述文档对象模型DOM树上的每个DOM节点；排版模块，用于根据所述DOM节点的flex排版属性，通过native方式创建flex排版节点，并将对应的预设视图绑定至各所述flex排版节点；常规属性解析模块，用于通过所述预定义脚本基础库解析所述DOM节点的常规属性；更新模块，用于根据所述flex排版节点，以及所述DOM节点的常规属性的解析结果，渲染生成更新的可视界面。7.根据权利要求6所述的装置，其特征在于，所述DOM节点的常规属性包括：事件回调标识touch、pingback属性中的一项或多项。8.根据权利要求7所述的装置，其特征在于，还包括：2CN108415702A权利要求书2/2页item样式属性解析模块，用于若解析到所述DOM节点的常规属性为item样式属性，则将所述item样式属性数据转换为对应所述移动终端系统平台的属性数据；其中，所述item样式属性包括：像素、百分比、宽高比其中的一项或多项。9.根据权利要求7所述的装置，其特征在于，还包括：touch属性解析模块，用于若解析到所述DOM节点的