一种页面生成方法、装置及系统制造方法及图纸

本申请提供了一种页面生成方法、装置及系统，方案包括：接收页面访问请求；根据所述页面访问请求，获取与页面访问请求相对应的页面的第一数据，所述第一数据为预先存储于本地的数据；在获取到第一数据后，根据第一数据对所述页面进行初次渲染；从服务器获取所述页面的第二数据；在获取到第二数据后，根据第二数据对所述页面进行二次渲染。本申请实施例中在获取到第一数据后即可根据第一数据进行页面渲染，不需要等待获取到所有数据后再生成页面呈现给用户，且由于第一数据为预先存储于本地的数据，从而可以快速的为用户提供根据第一数据渲染后的页面，解决了用户长时间等待的技术问题，提高了用户体验。

【技术实现步骤摘要】

本申请涉及互联网
，尤其涉及一种页面生成方法、装置及系统。
技术介绍
人们在浏览网页或应用程序(APP，Application)中的原生页(native page)时，由于所要浏览的页面中的各种数据可能需要向不同的服务器获取，在获取到所有数据之后才能生成页面。这种情况下，页面生成的耗时会比较长，从发出页面访问请求、获取各种数据、进行页面渲染到最终页面完整呈现这一整个过程中，用户一直处于等待状态，而长时间的等待可能会导致用户反感，甚至失去浏览兴趣。现有技术不足在于：在页面生成过程中，用户需要长时间的等待，导致用户体验不佳。
技术实现思路
本申请实施例提出了一种页面生成方法、装置及系统，以解决现有技术中在页面生成过程中用户需要长时间的等待导致用户体验不佳的技术问题。本申请实施例提供了一种页面生成方法，包括如下步骤：接收页面访问请求；根据所述页面访问请求，获取与所述页面访问请求相对应的页面的第一数据，所述第一数据为预先存储于本地的数据；在获取到第一数据后，根据所述第一数据对所述页面进行初次渲染；从服务器获取所述页面的第二数据；在获取到所述第二数据后，根据所述第二数据对所述页面进行二次渲染。本申请实施例提供了一种页面生成装置，包括：接收模块，用于接收页面访问请求；获取模块，用于根据所述页面访问请求，获取与所述页面访问请求相对应的页面的第一数据，所述第一数据为预先存储于本地的数据；渲染模块，用于在获取到第一数据后，根据所述第一数据对所述页面进行初次渲染；所述获取模块进一步用于从服务器获取所述页面的第二数据；所述渲染模块进一步用于在获取到所述第二数据后，根据所述第二数据对所述页面进行二次渲染。有益效果如下：本申请实施例所提供的页面生成方案，在接收到页面访问请求后，根据该页面访问请求获取与该页面访问请求对应的页面的第一数据，并在获取到第一数据后根据第一数据进行页面渲染，所述第一数据为预先存储于本地的数据。本申请实施例中在获取到第一数据后即可为用户呈现根据第一数据渲染后所生成的页面，不需要等待获取到所有数据后再生成页面呈现给用户。且第一数据为预先存储于本地的数据，因此，根据第一数据对页面进行渲染所需要的时间较少，几乎可以忽略不计，从而可以更快速地为用户提供根据第一数据渲染后所生成的页面，解决了用户长时间等待的技术问题，提高了用户体验。附图说明下面将参照附图描述本申请的具体实施例，其中：图1示出了本申请实施例中页面生成方法实施的流程示意图；图2示出了本申请实施例中下单页面生成流程示意图；图3示出了本申请实施例中页面生成装置的结构示意图；图4示出了本申请实施例中页面生成系统内的交互示意图。具体实施方式为了使本申请的技术方案及优点更加清楚明白，以下结合附图对本申请的示例性实施例进行进一步详细的说明，显然，所描述的实施例仅是本申请的一部分实施例，而不是所有实施例的穷举。并且在不冲突的情况下，本说明中的实施例及实施例中的特征可以互相结合。针对现有技术的不足，本申请实施例提出了一种页面生成方法、装置及系统，下面进行说明。图1示出了本申请实施例中页面生成方法实施的流程示意图，如图所示，页面生成方法可以包括如下步骤：步骤101、接收页面访问请求；步骤102、根据该页面访问请求，获取与该页面访问请求相对应的页面的第一数据，第一数据为预先存储于本地的数据；步骤103、在获取到第一数据后，根据第一数据对页面进行初次渲染；步骤104、从服务器获取所述页面的第二数据；步骤105、在获取到第二数据后，根据第二数据对所述页面进行二次渲染。其中，第一数据可以为在接收页面访问请求之前通过用户访问其他页面或者下载/终端间传输等方式预先存储在本地的数据，如图片、文字等信息。第二数据可以是除预先存储于本地的第一数据以外的其他数据。本申请实施例所提供的页面生成方法，在接收到页面访问请求后，根据该页面访问请求获取与该页面访问请求对应的页面的第一数据，并在获取到第一数据后根据第一数据进行页面渲染。所述第一数据为预先存储于本地的数据。本申请实施例中在获取到第一数据后即可为用户呈现根据第一数据渲染后所生成的页面，不需要等待获取到所有数据后再生成页面呈现给用户。且第一数据为预先存储于本地的数据，因此，根据第一数据对页面进行渲染所需要的时
间较少，几乎可以忽略不计，从而可以快速地为用户提供根据第一数据渲染后的页面，解决了用户长时间等待的技术问题，提高了用户体验。在本申请实施例中还进一步包括从服务器获取页面的第二数据，并在获取到第二数据后对页面进行二次渲染，从而确保页面数据的完整性。实施中，所述页面可以为商品下单页面；所述获取与页面访问请求相对应的页面的第一数据，可以具体包括：从商品详情页面或购物车页面获取商品下单页面的第一数据；其中，第一数据可以为：商品标识、商品颜色、商品尺寸、购买数量、商品图片、商家店铺信息等。随着网购热潮的不断增长，网上购物已成为人们日常生活的一部分。而在现有网购过程中，用户通常是先在购物网站挑选自己喜欢的商品，在商品的详情页面查看商品的具体内容，然后通过点击加入购物车再确认购买或者直接在商品详情页面点击购买等方式进入到下单页面。在本申请实施例中，利用用户浏览的商品详情页面或者购物车页面已经存在的商品信息，将这些信息透传到下单页面，从而实现对下单页面的预渲染。具体实施中，在用户发送当前页面访问请求之前，本地可能已经缓存了用户之前访问过的其他页面的数据，如：在cookies中存储有图片信息等。本申请实施例中获取第一数据可以是利用cookies方式，将本地cookies中的第一数据传输至当前页面，从而实现根据该第一数据对页面进行渲染的目的；还可以通过Session变量、Application变量等来实现将一个页面(源页面)中的数据传输到另一个页面(当前页面)的目的，也可以利用post方法、QueryString、Server.Transfer等方式来实现页面间传值。本领域技术人员可以根据实际需要选择相应的页面间透传数据的具体方式，本申请对此不作限制。采用本申请实施例所提供的页面生成方法，可以快速的为用户提供下单页面，以免用户一直等待而失去购物兴趣，给用户带来更好的购物体验。实施中，第二数据可以为商品库存信息。为了避免由于库存不足而导致下单失败，本申请实施例在获取下单页面的商品标识、商品颜色、商品尺寸、购买数量、商品图片、商家店铺等信息之外，还需要获取商品库存信息，并根据商品库存信息对下单页面进行二次渲染，比如，获取到的第二数据为库存不足，那么可以在下单页面提示用户“该宝贝已不能购买”等类似信息。本申请实施例通过向服务器请求商品库存信息并根据获取到的商品库存信息对页面进行二次渲染，避免出现库存不足却依然进行下单的情况，确保商品下单的有效性。实施中，获取与页面访问请求相对应的页面的第一数据和第二数据，可以具体包括：采用异步线程分别获取与页面访问请求相对应的页面的第一数据和第二数据。其中，异步线程可以指一个进程启动的多个不相关的线程。在具体实施中，可以通过线程池等方式来实现，本领域技术人员进行相应的开发即可，本申请对异步线程的具体实现方式不作限制。现有技术中页面生成过程为同步等待方式，也即，接收到页面访问请求后向A服务器获取A数本文档来自技高网...

【技术保护点】
一种页面生成方法，其特征在于，包括如下步骤：接收页面访问请求；根据所述页面访问请求，获取与所述页面访问请求相对应的页面的第一数据，所述第一数据为预先存储于本地的数据；在获取到第一数据后，根据所述第一数据对所述页面进行初次渲染；从服务器获取所述页面的第二数据；在获取到所述第二数据后，根据所述第二数据对所述页面进行二次渲染。

【技术特征摘要】
1.一种页面生成方法，其特征在于，包括如下步骤：接收页面访问请求；根据所述页面访问请求，获取与所述页面访问请求相对应的页面的第一数据，所述第一数据为预先存储于本地的数据；在获取到第一数据后，根据所述第一数据对所述页面进行初次渲染；从服务器获取所述页面的第二数据；在获取到所述第二数据后，根据所述第二数据对所述页面进行二次渲染。2.如权利要求1所述的方法，其特征在于，所述页面为商品下单页面；所述获取与页面访问请求相对应的页面的第一数据，具体包括：从商品详情页面或购物车页面获取所述商品下单页面的第一数据；其中，所述第一数据至少包括以下一种：商品标识、商品颜色、商品尺寸、购买数量、商品图片、商家店铺信息。3.如权利要求2所述的方法，其特征在于，第二数据为商品库存信息。4.如权利要求1所述的方法，其特征在于，所述获取第一数据和第二数据，具体包括：采用异步线程分别获取与所述页面访问请求相对应的页面的第一数据和第二数据。5.一种页面生成装置，其特征在于，包括：接收模块，用于接收页面访问请求；获取模块...

【专利技术属性】
技术研发人员：孙楠，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY