(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210929171.7 (22)申请日 2022.08.03 (71)申请人 北京奇艺世纪科技有限公司 地址 100080 北京市海淀区海淀北一 街2号 鸿城拓展大厦10、 1 1层 (72)发明人 杨春松　 (74)专利代理 机构 北京柏杉松知识产权代理事 务所(普通 合伙) 11413 专利代理师 孟维娜　马敬 (51)Int.Cl. G06F 9/451(2018.01) G06F 8/38(2018.01) (54)发明名称 一种用户界面 渲染方法及装置 (57)摘要 本发明实施例提供了一种用户界面渲染方 法及装置， 涉及计算机技术领域， 应用于客户端， 所述客户端集成有用于对用户界面模板和业务 数据进行合并的模板引擎， 具体实现方案为： 向 服务器发送针对用户界面的数据 请求； 接收所述 服务器发送的目标业务的目标用户界面模板和 目标业务数据， 其中， 所述目标业务为： 所述数据 请求所指示的业务； 调用所述模板引擎按照预设 的跨平台界面描述规则合并所述目标用户界面 模板和所述目标业务数据， 得到目标用户界面数 据； 对所述目标用户界面数据进行数据渲染， 得 到目标用户界面。 应用本发明实施例提供的方 案， 能够对用户界面进行动态渲染。 权利要求书2页 说明书13页 附图4页 CN 115357319 A 2022.11.18 CN 115357319 A 1.一种用户界面渲染方法， 其特征在于， 应用于客户端， 所述客户端集成有用于对用户 界面模板和业 务数据进行合并的模板引擎， 所述方法包括： 向服务器发送针对用户界面的数据请求； 接收所述服务器发送的目标业务的目标用户界面模板和目标业务数据， 其中， 所述目 标业务为： 所述数据请求所指示的业 务； 调用所述模板引擎按照预设的跨平台界面描述规则合并所述目标用户界面模板和所 述目标业 务数据， 得到目标用户界面数据； 对所述目标用户界面数据进行 数据渲染， 得到目标用户界面。 2.根据权利要求1所述的方法， 其特征在于， 在所述对所述目标用户界面数据进行数据 渲染， 得到目标用户界面之后， 还 包括： 响应于所述目标用户界面的更改事件， 从所述目标业务数据中， 确定所述更改事件所 指示的发生更改的目标界面元素对应的第一业务数据， 其中， 所述更改事件为： 响应于所述 目标用户界面被操作而引起的界面发生变化的事 件； 根据预先设定的所述目标界面元素对应的业务数据获得逻辑， 获得所述目标界面元素 对应的第二 业务数据； 将所述目标业务数据中的所述第 一业务数据替换为所述第 二业务数据， 得到第 三业务 数据； 调用所述模板引擎按照所述跨平台界面描述规则合并所述目标用户界面模板和所述 第三业务数据； 对合并后的数据进行 数据渲染， 得到新的用户界面。 3.根据权利要求2所述的方法， 其特征在于， 所述模板引擎中内嵌不同界面元素对应的 逻辑脚本， 所述逻辑脚本用于描述获得界面元 素对应的业 务数据的逻辑； 所述根据 预先设定的所述目标界面元素对应的业务数据获得逻辑， 获得所述目标界面 元素对应的第二 业务数据， 包括： 确定所述模板引擎中 内嵌的所述目标界面元 素对应的目标逻辑脚本； 运行所述目标逻辑脚本获得 所述目标界面元 素对应的第二 业务数据。 4.根据权利要求1 ‑3中任一项所述的方法， 其特 征在于， 所述模板引擎 为： 基于JavaScript语言实现的引擎； 所述用户界面模板为： 基于JavaScript语言实现的模板 。 5.一种用户界面 渲染方法， 其特 征在于， 应用于服 务器， 所述方法包括： 接收客户端发送的针对用户界面的数据请求； 确定所述数据请求所指示的目标业 务的目标用户界面模板和目标业 务数据； 向所述客户端发送所述目标用户界面模板和所述目标业务数据， 以使得所述客户端根 据所述目标用户界面模板和所述目标业 务数据， 渲染用户界面。 6.一种用户界面渲染装置， 其特征在于， 应用于客户端， 所述客户端集成有用于对用户 界面模板和业 务数据进行合并的模板引擎， 所述装置包括： 数据请求发送模块， 用于向服 务器发送针对用户界面的数据请求； 模板及数据接收模块， 用于接收所述服务器发送的目标业务的目标用户界面模板和目 标业务数据， 其中， 所述目标业 务为： 所述数据请求所指示的业 务；权　利　要　求　书 1/2 页 2 CN 115357319 A 2用户界面数据获得模块， 用于调用所述模板引擎按照预设的跨平台界面描述规则合并 所述目标用户界面模板和所述目标业 务数据， 得到目标用户界面数据； 第一数据渲染模块， 用于对所述目标用户界面数据进行 数据渲染， 得到目标用户界面。 7.根据权利要求6所述的装置， 其特 征在于， 所述装置还 包括： 第一业务数据确定模块， 用于所述第 一数据渲染模块对所述目标用户界面数据进行数 据渲染， 得到目标用户界面之后， 响应于所述目标用户界面的更改事件， 从所述目标业务数 据中， 确定所述更改事件所指示的发生更改的目标界面元素对应的第一业务数据， 其中， 所 述更改事 件为： 响应于所述目标用户界面被操作而引起的界面发生变化的事 件； 第二业务数据获得模块， 用于根据 预先设定的所述目标界面元素对应的业务数据获得 逻辑， 获得 所述目标界面元 素对应的第二 业务数据； 第三业务数据获得模块， 用于将所述目标业务数据中的所述第 一业务数据替换为所述 第二业务数据， 得到第三 业务数据； 模板及数据合并模块， 用于调用所述模板引擎按照所述跨平台界面描述规则合并所述 目标用户界面模板和所述第三 业务数据； 第二数据渲染模块， 用于对合并后的数据进行 数据渲染， 得到新的用户界面。 8.一种用户界面 渲染装置， 其特 征在于， 应用于服 务器， 所述装置包括： 数据请求接收模块， 用于 接收客户端发送的针对用户界面的数据请求； 模板及数据确定模块， 用于确定所述数据请求所指示的目标业务的目标用户界面模板 和目标业 务数据； 模板及数据发送模块， 用于向所述客户端发送所述目标用户界面模板和所述目标业务 数据， 以使得 所述客户端根据所述目标用户界面模板和所述目标业 务数据， 渲染用户界面。 9.一种电子设备， 其特征在于， 包括处理器、 通信接口、 存储器和通信总线， 其中， 处理 器， 通信接口， 存 储器通过通信总线完成相互间的通信； 存储器， 用于存放计算机程序； 处理器， 用于执行存储器上所存放的程序时， 实现权利要求1 ‑4或5任一所述的方法步 骤。 10.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质内存储有计算机 程序， 所述计算机程序被处 理器执行时实现权利要求1 ‑4或5任一所述的方法步骤。权　利　要　求　书 2/2 页 3 CN 115357319 A 3