[发明专利]一种页面显示方法和装置

说明书

本申请提供一种页面显示方法和装置，该方法包括：接收来自业务模块的渲染请求，所述渲染请求携带业务数据和渲染库类型；确定与所述渲染库类型对应的渲染库、与所述渲染请求对应的模板文件；将所述业务数据和所述模板文件发送给所述渲染库，以使所述渲染库根据所述业务数据和所述模板文件渲染出与所述渲染请求对应的视图；接收来自所述渲染库的视图，将所述视图发送给所述业务模块进行显示。通过本申请的技术方案，业务模块不需要关心渲染库的接入、升级，不需要将渲染库的信息配置到业务模块的代码中，若业务模块对应的渲染库发生变化，也不需要对业务模块的代码进行修改，避免工作量较大，需要重新编写大量代码等问题，大大减少人工成本。

技术领域

本申请涉及互联网技术领域，尤其涉及一种页面显示方法和装置。

背景技术

随着技术的进步，移动互联网技术也高速发展，越来越多的用户在移动终端安装大量应用(APP)，每个APP可以配置多个业务模块。例如，某购物类的APP，可以有下单模块、购物车模块、搜索模块、订单模块等业务模块，当用户点击该APP的购物车菜单时，购物车模块就可以从服务器获取到业务数据，并利用这些业务数据显示购物车页面；当用户点击该APP的搜索菜单时，搜索模块就可以从服务器获取到业务数据，并利用这些业务数据显示搜索页面。

为了实现页面的显示，可以为APP配置渲染库，业务模块在得到业务数据后，将业务数据提供给渲染库，由渲染库利用该业务数据渲染出页面，并显示该页面。由于渲染库的类型越来越多，如ReactNative、Weex、鸟巢等，为了给用户更好的体验，可以为APP配置多个渲染库，不同业务模块可以对应相同或不同的渲染库，如购物车模块对应ReactNative、搜索模块对应Weex。基于此，购物车模块在获取到业务数据后，将业务数据提供给ReactNative，ReactNative利用该业务数据渲染出页面，并显示该页面；搜索模块在获取到业务数据后，将业务数据提供给Weex，Weex利用该业务数据渲染出页面，并显示该页面。

在上述方式下，需要将渲染库的信息配置到业务模块的代码中，这样，业务模块可以知道自身与哪个渲染库关联，继而将业务数据提供给该渲染库。但是，若业务模块对应的渲染库变化，如购物车模块对应的渲染库从ReactNative变更为Weex，则需要对业务模块的代码进行修改，工作量较大，需要重新编写大量代码。当多个业务模块对应的渲染库均发生变化时，则工作量会成倍增加。

发明内容

本申请提供一种页面显示方法，所述方法应用于客户端的动态组件渲染模块，所述客户端还包括业务模块和渲染库，所述方法包括：

接收来自业务模块的渲染请求，所述渲染请求携带业务数据和渲染库类型；

确定与所述渲染库类型对应的渲染库、与所述渲染请求对应的模板文件；

将所述业务数据和所述模板文件发送给所述渲染库，以使所述渲染库根据所述业务数据和所述模板文件渲染出与所述渲染请求对应的视图；

接收来自所述渲染库的视图，将所述视图发送给所述业务模块进行显示。

本申请提供一种页面显示方法，应用于客户端，所述方法包括：

在接收到访问请求时，从服务器获取与所述访问请求对应的业务数据；

确定与所述访问请求对应的渲染库类型，并确定与所述渲染库类型对应的渲染库，并确定与所述访问请求对应的模板文件；

基于所述渲染库，根据所述业务数据以及所述模板文件渲染出与所述访问请求对应的视图，并显示与所述视图匹配的页面。

本申请提供一种页面显示装置，应用于客户端，所述页面显示装置包括动态组件渲染模块、业务模块和渲染库，其中：

所述业务模块，用于获取业务数据和渲染库类型，并向所述动态组件渲染模块发送渲染请求，所述渲染请求携带所述业务数据和所述渲染库类型；