界面显示方法、装置、设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112114807A(43)申请公布日2020.12.22(21)申请号202011041558.6(22)申请日2020.09.28(71)申请人腾讯科技（深圳）有限公司地址518057广东省深圳市南山区高新区科技中一路腾讯大厦35层(72)发明人林锦涛邱良雄曾庆宇李相如张晓文蒋应行刘宜鑫吴桂盛何鑫梁沁张裕钦周宇胡玮李煜彬(74)专利代理机构北京三高永信知识产权代理有限责任公司11138代理人徐立(51)Int.Cl.G06F8/38(2018.01)G06F9/451(2018.01)权利要求书3页说明书16页附图12页(54)发明名称界面显示方法、装置、设备及存储介质(57)摘要本申请公开了一种界面显示方法、装置、设备及存储介质，属于计算机技术领域。所述方法包括：获取待显示界面的原始配置文件；将原始配置文件的代码格式转换为统一指定格式，得到中间配置文件；解析中间配置文件的数据结构与语法结构；基于数据结构与语法结构，生成转换后配置文件；根据转换后配置文件对待显示界面进行渲染显示。本申请实施例提供的技术方案中，通过将待显示界面的原始配置文件中的代码进行转换处理，得到统一格式下描述界面的中间配置文件，基于中间配置文件的数据关系与语法关系生成转换后配置文件，进而对转换后配置文件进行渲染，得到渲染画面，提高打开移动端界面的执行效率，避免在界面切换时出现白屏现象。CN112114807ACN112114807A权利要求书1/3页1.一种界面显示方法，其特征在于，所述方法包括：获取待显示界面的原始配置文件；将所述原始配置文件的代码格式转换为统一指定格式，得到中间配置文件；解析所述中间配置文件的数据结构与语法结构，所述数据结构用于反映所述中间配置文件中各对象之间的数理关系，所述语法结构用于反映所述中间配置文件中各对象之间的逻辑关系；基于所述数据结构与所述语法结构，生成转换后配置文件；根据所述转换后配置文件对所述待显示界面进行渲染显示。2.根据权利要求1所述的方法，其特征在于，所述将所述原始配置文件的代码格式转换为统一指定格式，得到中间配置文件，包括：获取所述原始配置文件的文件结构，所述文件结构包括模板部分、脚本部分以及样式部分；在所述模板部分中存在模板内容的情况下，将所述模板内容的代码格式转换为所述统一指定格式，得到初始配置文档；在所述脚本部分中存在脚本内容的情况下，获取脚本信息；在所述样式部分中存在样式内容的情况下，获取样式信息；根据所述脚本信息、所述样式信息以及所述初始配置文档，得到所述中间配置文件，所述中间配置文件包括虚拟文档对象模型。3.根据权利要求2所述的方法，其特征在于，所述模板内容中包括至少一个元素，所述元素是指所述待显示界面中的显示对象在所述原始配置文件中的表现形式，所述初始配置文档包括各元素之间的结构关系，所述脚本信息包括所述各元素的属性信息以及所述各元素之间的数理关系，所述样式信息包括所述元素的显示样式；所述根据所述脚本信息、所述样式信息以及所述初始配置文档，得到所述中间配置文件，包括：基于所述各元素的属性信息、所述各元素之间的结构关系与所述各元素之间的数理关系，生成所述中间配置文件。4.根据权利要求2所述的方法，其特征在于，所述将所述模板内容的代码格式转换为所述统一指定格式，得到初始配置文档，包括：获取所述模板内容中的元素，所述元素是指所述待显示界面中的显示对象在所述原始配置文件中的表现形式；基于所述模板内容中各元素之间的语法关系，生成抽象语法树，所述抽象语法树的树节点与所述元素之间具有对应关系；基于所述抽象语法树，生成所述统一指定格式的所述初始配置文档，所述统一指定格式包括统一数据格式，所述统一数据格式包括JSON格式。5.根据权利要求4所述的方法，其特征在于，所述统一指定格式包括统一样式格式，所述根据所述脚本信息、所述样式信息以及所述初始配置文档，得到所述中间配置文件，包括：将所述元素的显示样式转换为所述统一样式格式，得到所述元素的统一显示样式；按照所述抽象语法树的树节点与所述元素之间的对应关系，将所述元素的属性信息和2CN112114807A权利要求书2/3页所述统一显示样式赋至所述初始配置文档中，生成所述中间配置文件，所述中间配置文件包括JS对象。6.根据权利要求1所述的方法，其特征在于，所述语法结构包括表达式，所述表达式用于确定与所述中间配置文件中JS对象对应的变量的值；所述基于所述数据结构与所述语法结构，生成转换后配置文件，包括：基于所述数据结构，生成文档对象模型DOM树，所述DOM树用于表示所述JS对象的结构关系，所述DOM树的节点用于表征所述JS对象；根据所述表达式，对所述DOM树进行序列化处理，得到所述转换后配置文件。7