1.本说明书涉及软件开发技术领域，尤其涉及一种页面开发、页面渲染方法和装置。
背景技术：2.不同的页面可渲染不同的内容，例如，页面1可渲染酒店相关内容，页面2可渲染景区相关内容，页面3可渲染商场相关内容等。目前，渲染不同内容的不同页面往往由相应的开发人员独立开发，在开发过程中各开发人员均需要关注页面请求等逻辑，开发成本较高、开发效率低下。
技术实现要素：3.有鉴于此，本说明书提供一种页面开发、页面渲染方法和装置。
4.具体地，本说明书是通过如下技术方案实现的：
5.一种页面开发方法，包括：
6.响应于对目标页面渲染内容的访问信息配置操作，基于所述访问信息向对应的服务器发送数据获取请求；
7.接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；
8.在所述目标页面中注册所述组件，并基于所述区域、所述组件和所述内容渲染目标页面，以展示目标页面的开发效果。
9.可选的，还包括：
10.为目标页面提供渲染器设置选项；
11.响应于针对目标渲染器的选择，保存所述目标页面与所述目标渲染器之间的对应关系；
12.所述基于所述区域、所述组件和所述内容渲染目标页面，包括：
13.采用所述目标渲染器，基于所述区域、所述组件和所述内容渲染目标页面。
14.可选的，所述响应数据中还携带有响应状态码，所述在所述目标页面中注册所述组件，包括：
15.在所述响应状态码代表响应正常时，在所述目标页面中注册所述组件。
16.可选的，还包括：
17.在所述响应状态码代表响应异常时，展示提供有刷新控件的预设错误页面；
18.响应于所述刷新控件被触发，重新基于所述访问信息向对应的服务器发送数据获取请求。
19.可选的，还包括：
20.响应于针对目标页面的刷新请求，重新基于所述访问信息向对应的服务器发送数据获取请求，以对所述目标页面中已注册组件进行更新。
21.可选的，所述基于所述区域、所述组件和所述内容渲染目标页面，包括：
22.在所述响应数据中携带的组件为内置组件标识的情况下，获取目标页面中预先保存的所述内置组件标识对应的内置组件，并基于所述区域、获取到的所述内置组件和所述内容渲染目标页面。
23.可选的，还包括：
24.在所述响应数据中携带有内置组件标识和所述内置组件标识对应的组件的情况下，根据所述内置组件标识在所述目标页面中注册所述响应数据中携带的所述对应的组件，以实现对内置组件的修改。
25.一种页面渲染方法，包括：
26.响应于用户针对目标页面发送的渲染请求，基于所述目标页面中已配置的渲染内容的访问信息向对应的服务器发送数据获取请求；
27.接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；
28.判断所述响应数据中的所述组件是否已在目标页面中注册；
29.在所述组件已在目标页面中注册的情况下，基于所述区域、所述组件和所述内容渲染目标页面；其中，所述目标页面采用前述页面开发方法开发。
30.一种页面开发装置，包括：
31.信息配置单元，响应于对目标页面渲染内容的访问信息配置操作，基于所述访问信息向对应的服务器发送数据获取请求；
32.响应接收单元，接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；
33.注册渲染单元，在所述目标页面中注册所述组件，并基于所述区域、所述组件和所述内容渲染目标页面，以展示目标页面的开发效果。
34.一种页面渲染装置，包括：
35.请求发送单元，响应于用户针对目标页面发送的渲染请求，基于所述目标页面中已配置的渲染内容的访问信息向对应的服务器发送数据获取请求；
36.数据接收单元，接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；
37.注册判断单元，判断所述响应数据中的所述组件是否已在目标页面中注册；
38.页面渲染单元，在所述组件已在目标页面中注册的情况下，基于所述区域、所述组件和所述内容渲染目标页面；其中，所述目标页面采用前述页面开发方法开发。
39.一种电子设备，包括：
40.处理器；
41.用于存储处理器可执行指令的存储器；
42.其中，所述处理器通过运行所述可执行指令以实现如前述方法。
43.一种计算机可读存储介质，其上存储有计算机指令，该指令被处理器执行时实现如前述方法的步骤。
44.一种计算机程序产品，所述计算机程序产品被处理器执行时，实现如前述方法。
45.采用上述实施方式，在页面开发时，开发人员在目标页面中配置页面内容的访问信息后，可自动根据该访问信息向对应的服务器发送数据获取请求，并根据服务器返回的
响应数据进行目标页面组件的注册，以及目标页面的渲染。
46.采用本说明书提供的页面开发方法，在页面开发的过程中，开发人员可专注于页面组件的开发，通过配置访问信息即可实现响应数据的获取和组件的注册，整个开发过程中无需关注页面请求等逻辑，进而降低开发成本，提高开发效率。
附图说明
47.图1是本说明书一示例性实施例示出的一种页面开发方法的流程示意图。
48.图2是本说明书一示例性实施例示出的一种卡片列表渲染器的渲染示例。
49.图3是本说明书一示例性实施例示出的一种半图半表渲染器的渲染示例。
50.图4是本说明书一示例性实施例示出的另一种页面开发方法的流程示意图。
51.图5是本说明书一示例性实施例示出的一种页面渲染方法的流程示意图。
52.图6是本说明书一示例性实施例示出的一种页面开发装置所在电子设备的一种硬件结构图。
53.图7是本说明书一示例性实施例示出的一种页面开发装置的框图。
54.图8是本说明书一示例性实施例示出的一种页面渲染装置的框图。
具体实施方式
55.这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本说明书相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本说明书的一些方面相一致的装置和方法的例子。
56.在本说明书使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本说明书。在本说明书和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
57.应当理解，尽管在本说明书可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本说明书范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在
……
时”或“当
……
时”或“响应于确定”。
58.不同的页面可渲染不同的内容，例如，页面1可渲染酒店相关内容，页面2可渲染景区相关内容，页面3可渲染商场相关内容等。目前，渲染不同内容的不同页面往往由相应的开发人员独立开发，对于各方开发人员而言，在开发过程中都需要关注页面请求、错误、刷新等各种逻辑，开发成本较高、开发效率低下。
59.本说明书提供一种页面开发方法，各页面内容的开发人员在开发过程中仅关注页面内容相关的组件即可，降低了开发成本，提高了开发效率。
60.图1是本说明书一示例性实施例示出的一种页面开发方法的流程示意图。
61.请参考图1，所述页面开发方法应用于开发人员对前端页面的开发过程中，可包括以下步骤：
62.步骤102，响应于对目标页面渲染内容的访问信息配置操作，基于所述访问信息向对应的服务器发送数据获取请求。
63.在本说明书中，所述目标页面是开发人员要开发的前端页面，通常为移动端页面。
64.在本说明书中，在开发目标页面时，开发人员可先通过目标页面提供的指定方法对目标页面进行配置，例如配置目标页面渲染内容对应的访问信息，在配置完毕后，可基于所述访问信息向对应的服务器发送数据获取请求。
65.其中，所述渲染内容为目标页面展示的内容，例如前述酒店相关内容、景区相关内容等；所述访问信息是提供所述渲染内容的服务器的访问信息，可包括url(uniform resource locator，统一资源定位符)、请求类型(例如get、post等)。
66.步骤104，接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容。
67.基于前述步骤102，所述访问内容对应的服务器在接收到所述数据获取请求后，可将渲染目标页面所需的区域、各区域中的组件以及各组件的内容等响应数据返回给目标页面，所述响应数据符合vo(view object，视图对象)规范。
68.其中，所述区域通常包括header(头部区域)、contents(中间内容区域)、footer(尾部区域)、挂件区域等，所述组件通常包括组件自身和其组件标识，所述组件的内容可包括：图片、文本等。
69.例如，所述响应数据可以为header对应组件1，组件1的内容是图片a，相应的含义为目标页面的头部区域具有1个组件，即组件1，组件1中填充的内容为图片a。
70.步骤106，在所述目标页面中注册所述组件，并基于所述区域、所述组件和所述内容渲染目标页面，以展示目标页面的开发效果。
71.基于前述步骤104，在接收到所述响应数据后，可将所述响应数据中的组件注册到目标页面中。
72.在本说明书中，可通过在目标页面中保存所述区域和所述组件以实现所述区域和所述组件的注册。
[0073][0074]
表1
[0075]
假设，所述响应数据代表目标页面中头部区域仅具有1个组件，为组件1，组件1的标识为12425，中间内容区域具有4个组件，分别为组件2、组件3、组件4和组件5，组件2的标识为25497，组件3的标识为35696，组件4的标识为49735，组件5的标识为54328，尾部区域仅包括一个组件6，标识为62575，则目标页面可通过保存表1所示的映射关系，以实现组件的
注册。当然，表1仅为示例性说明，在实际应用中，也可不组织这样的表格，或者不保存区域信息，仅保存组件和组件标识。
[0076]
在本说明书中，在注册组件的基础上，还可根据响应数据对目标页面进行渲染，进而将目标页面的开发效果展示给开发人员，以供开发人员检查调整。
[0077]
由以上描述可以看出，本说明书在页面开发时，开发人员在目标页面中配置页面内容的访问信息后，可自动根据该访问信息向对应的服务器发送数据获取请求，并根据服务器返回的响应数据进行目标页面组件的注册，以及目标页面的渲染。
[0078]
采用本说明书提供的页面开发方法，在页面开发的过程中，开发人员可专注于页面组件的开发，通过配置访问信息即可实现响应数据的获取和组件的注册，整个开发过程中无需关注页面请求等逻辑，进而降低开发成本，提高开发效率。
[0079]
可选的，在本说明书另一个实施例中，目标页面中可预先设置多种渲染器，在页面开发时，开发人员可根据页面内容选择其需要使用的渲染器。较为简单的，可在页面开发的过程中提供渲染器设置选项，开发人员可选择其需要使用的目标渲染器，进而可保存目标页面和目标渲染器之间的对应关系，后续在接收到服务器返回的响应数据后，可采用目标渲染器进行目标页面的渲染。
[0080]
举例来说，假设预先设置的渲染器有两种：卡片列表渲染器和半图半表渲染器。其中，卡片列表渲染器为列表形式，半图半表渲染器为一半图像、一半列表的形式。
[0081]
请参考图2，当目标页面用于显示酒店列表或景区列表时，开发人员可选择卡片列表渲染器作为目标渲染器，渲染效果是以列表的形式显示每一项。请参考图3，当目标页面用于显示导航路线时，开发人员可选择半图半表渲染器，渲染效果是页面中一部分区域显示地图，另一部分区域以列表的形式显示可达路线。
[0082]
当然，在实际应用中，还可根据应用场景提供其他不同的渲染器，本说明书对此不作特殊限制。
[0083]
本说明书可在页面中预设多种类型的渲染器给开发人员，开发人员可根据实际场景选择需要使用的渲染器，无需开发人员自行开发设置，降低了开发成本，提高了开发效率。
[0084]
可选的，在本说明书另一个实施例中，服务器可在其返回的响应数据中添加响应状态码，所述响应状态码代表服务器是否正常响应前述数据获取请求。例如，响应状态码为1可代表服务器正常响应了数据获取请求，响应状态码不等于1可代表服务器响应异常。
[0085]
在接收到所述响应数据后，可先获取响应状态码，在所述响应状态码代表响应正常的情况下，可执行组件的注册。在响应状态码代表响应异常的情况下，意味着访问出错，可能存在网络发生故障，或者对应服务器的宕机等异常情况，此时响应数据中往往也不会携带区域、各区域中的组件以及各组件内容等数据。在这种情况下，可展示预设的错误组件，并可在该错误组件中提供刷新控件，开发人员可通过点击等方式触发所述刷新控件，进而执行重试机制，即重新基于所述访问信息向对应的服务器发送数据获取请求。
[0086]
本说明书可预设错误页面，当服务器返回的响应数据中的响应状态码代表响应异常时，可展示该预设错误组件，并可提供刷新控件给开发人员，以供开发人员进行重试。通过预设错误组件，无需开发人员关注页面开发过程中的错误态，降低了开发成本，提高了开发效率。
[0087]
可选的，在本说明书另一个实施例中，虽然不同提供方需要在目标页面中展示的内容不同，但不同的页面中往往会具有一些通用的组件，例如导航组件、背景组件等，本说明书可在目标页面中预先设置一些通用组件，这些预设的通用组件在本说明书中被称为内置组件。开发人员在进行页面开发时，可直接使用目标页面中的预设内置组件，也根据需要对这些内置组件进行修改，然后再使用。
[0088]
在本说明书中，开发人员对目标页面进行配置时，可查看目标页面预设的内置组件，当内置组件符合开发需求时，开发人员可直接使用内置组件，无需再自行开发，在服务器返回的响应数据中添加内置组件标识即可实现内置组件的使用。
[0089]
举例来说，假设目标页面预设的内置组件是导航组件，该导航组件的组件标识是94255，开发人员若需要使用该导航组件，可在服务器返回的响应数据中添加组件标识94255，以及该导航组件所属的区域，例如头部区域。
[0090]
在接收到服务器返回的携带组件标识94255的响应数据后，可获取目标页面中预先保存的该导航组件，然后根据获取到的该导航组件以及相应数据中导航组件的内容渲染目标页面即可。
[0091]
在本说明书中，开发人员可通过重新注册内置组件以实现对内置组件的修改，与开发人员自行开发的组件类似，可在响应数据中携带内置组件标识、该内置组件标识对应的组件(该组件即为修改后的内置组件)。在接收到该响应数据后，可在目标页面中注册该内置组件标识和其对应的组件，以实现对目标页面中预先保存的内置组件的修改。其中，所述修改可包括对组件样式的修改，也可包括对组件动画的设置等，本说明书对此不作特殊限制。
[0092]
本说明书可将页面中常用的组件作为内置组件预先设置在目标页面中，在页面开发的过程中，开发人员可直接使用这些预设的内置组件，也可对内置组件进行简单的修改后再使用，无需开发人员重新进行开发，降低了开发成本，提高了开发效率。
[0093]
下面结合图4来介绍开发人员的完整开发过程。
[0094]
请参考图4，页面开发的过程可包括以下步骤：
[0095]
步骤402，页面初始化。
[0096]
在本说明书中，开发人员在对页面进行开发时，页面先执行初始化操作，例如初始化页面生命周期、各请求钩子、预设的渲染器、内置组件等。
[0097]
步骤404，开发人员对页面进行配置。
[0098]
基于前述步骤402，在页面完成初始化后，开发人员可对页面进行配置。
[0099]
一方面，开发人员可配置提供目标页面渲染内容的服务器的url、请求类型等。
[0100]
举例来说，假设页面中预存的内置组件是导航组件94255和背景组件84676，开发人员在目标页面中需要使用导航组件，则可对导航组件94255进行修改，例如，开发人员将导航组件的颜色由深灰色修改为浅灰色，后续可将修改后的导航组件携带在服务器返回的响应数据中，以实现对页面中内置组件的修改。
[0101]
再一方面，开发人员还可查看页面提供的渲染器，然后根据其应用场景选择需要使用的渲染器作为目标渲染器，进而可保存开发人员选择的渲染器。
[0102]
举例来说，目标页面用于显示酒店订单，开发人员可选择卡片列表渲染器，进而可保存页面和卡片列表渲染器之间的对应关系。
[0103]
在本说明书中，开发人员在完成配置后，后续可通过上线该页面以实现配置的生效。
[0104]
步骤406，在配置完毕后，基于已配置的访问信息向对应的服务器发送数据获取请求，并接收服务器返回的响应数据。
[0105]
基于前述步骤404，在开发人员完成配置后，例如在开发人员触发确定控件后，可基于开发人员已配置的url、请求类型等信息向对应的服务器发送数据获取请求。
[0106]
步骤408，判断响应数据中携带的响应状态码是否代表响应正常。
[0107]
在本说明书中，接收到的所述响应数据中携带有代表响应正常与否的响应状态码。在接收到所述响应数据后，可先根据所述响应状态码判断响应是否正常。后续以响应状态码等于1代表响应正常，不等于1代表响应异常为例进行描述。
[0108]
步骤410，在响应状态码代表响应正常的情况下，在目标页面中注册组件。
[0109]
基于前述步骤408的判断结果，若响应状态码等于1，代表响应正常，所述响应数据中携带有渲染目标页面所需的区域、各个区域的组件以及各组件的内容数据。
[0110]
在本说明书中，所述各区域的组件有以下三种情况：
[0111]
(1)提供方的开发人员自行开发的组件
[0112]
对于提供方的开发人员自行开发的组件，响应数据中会携带有组件和组件标识。
[0113]
(2)使用页面的内置组件
[0114]
对于页面的内置组件，响应数据中携带内置组件标识即可。
[0115]
(3)对页面中的内置组件进行修改
[0116]
针对页面中预设的内置组件，开发人员可对内置组件进行修改，并可将内置组件标识和修改后的内置组件携带在响应数据中。
[0117]
在本说明书中，在响应状态码代表响应正常的情况下，当响应数据中的组件既包括组件自身也包括其组件标识的情况下，若组件标识不是内置组件标识，可确认该组件是提供方开发人员自行开发的组件，进而可保存区域、组件、组件标识之间的对应关系，以实现自行开发组件的注册；若组件标识是内置组件，可确认该组件是开发人员对内置组件进行修改后的组件，也可保存区域、组件、组件标识之间的对应关系，以实现内置组件的修改。
[0118]
当响应数据中的组件仅为组件标识时，可确定对应的组件是内置组件，由于内置组件已预先注册，进而无需再进行注册。
[0119]
当然，实际应用中，响应数据中往往既可携带提供方开发人员自行开发的组件，又可携带内置组件标识或修改后的内置组件等，本说明书对此不作特殊限制。
[0120]
步骤412，根据响应数据渲染目标页面，以展示目标页面的开发效果。
[0121]
基于前述步骤410，在对组件进行注册的基础上，还可根据响应数据渲染目标页面，例如，可获取开发人员已选择的目标渲染器，然后采用目标渲染器，基于区域、各区域中的组件以及各组件的内容进行目标页面的渲染。开发人员可查看渲染后的目标页面，以直观了解到渲染后的目标页面是否符合开发预期。
[0122]
其中，所述响应数据具体可携带组件的内容(data)、埋点数据(log_data)、组件标识、组件名称(name)、组件状态(status)等，这部分的处理与实现可参考相关技术，本说明书在此不再一一赘述。
[0123]
步骤414，在响应状态码代表响应异常的情况下，展示预设错误组件。
[0124]
基于前述步骤408的判断结果，若响应状态码不等于1，代表响应异常，可能存在网络故障，或者服务器宕机等异常情况。
[0125]
在本说明书中，当响应状态码代表响应异常时，可展示预设的错误组件，例如显示“发生错误”组件等，并可在错误组件中提供刷新控件“再试一次”。
[0126]
其中，错误组件也是内置组件的一种，开发人员也可对页面中预先存储的错误组件进行修改，修改方法可参考内置组件的修改，本说明书在此不再一一赘述。
[0127]
步骤416，当错误组件中的刷新控件被触发时，执行步骤406，重新发送所述数据获取请求。
[0128]
基于前述步骤414，在错误组件中的刷新控件“再试一次”被开发人员点击后，可返回步骤406，重新基于已配置的访问信息向对应的服务器发送数据获取请求，并可在响应正常的情况下，进行组件的注册，在响应异常的情况下再次展示预设的错误组件等。
[0129]
步骤418，响应于针对目标页面的刷新请求，执行步骤406，重新发送所述数据获取请求，以对所述目标页面中已注册的组件进行更新。
[0130]
在本说明书中，开发人员还可对已注册的组件进行更新，例如，开发人员可通过目标页面提供的刷新控件发起针对目标页面的刷新请求。响应于该刷新请求，可返回步骤406，重新基于已配置的访问信息向对应的服务器发送数据获取请求，并可在响应正常的情况下，对响应数据中的组件重新进行注册。例如，可删除已保存的区域、组件和组件标识之间的对应关系，然后保存响应数据中的区域、组件和组件标识之间的对应关系，以实现目标页面中已注册组件的更新。当然，在其他例子中，也可不删除已保存的区域、组件和组件标识的对应关系，可仅将增量部分的区域、组件和组件标识之间的对应关系进行保存，本说明书对此不作特殊限制。
[0131]
由以上描述可以看出，采用本说明书提供的页面开发方法，在页面开发的过程中，开发人员可专注于页面组件的开发，通过配置访问信息即可实现响应数据的获取和组件的注册，整个开发过程中无需关注页面请求、错误态、刷新等逻辑，进而降低开发成本，提高开发效率。
[0132]
本说明书还提供一种页面渲染方法，该页面渲染方法渲染的目标页面可采用本说明书前述图1或图4所示的实施例进行开发。请参考图5，所述页面渲染方法可包括以下步骤：
[0133]
步骤502，响应于用户针对目标页面发送的渲染请求，基于所述目标页面中已配置的渲染内容的访问信息向对应的服务器发送数据获取请求。
[0134]
步骤504，接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容。
[0135]
在本说明书中，所述渲染请求通常为开启目标页面的请求，以酒店订单页面为例，当用户点击查看酒店订单的控件时，可视为用户发起了针对酒店订单页面的渲染请求，这部分的处理与实现可参考相关技术，在此不再赘述。
[0136]
在本说明书中，步骤502与步骤504中数据获取请求的发送与响应数据的接收过程可参考前述图1或图4所示的实施例，响应数据中也可携带代表响应正常与否的响应状态码，本说明书在此不再赘述。
[0137]
步骤506，判断所述响应数据中的所述组件是否已在目标页面中注册。
[0138]
基于前述步骤504，可从响应数据中获取组件标识，然后在已保存的区域、组件和组件标识的对应关系中查找是否存在响应数据中携带的组件标识。
[0139]
若所述对应关系中存在响应数据中携带的组件标识，可确定对应组件已在目标页面中注册，进而可执行步骤508。
[0140]
若所述对应关系中不存在响应数据中携带的组件标识，可确定对应组件未在目标页面中注册，为避免出错，可不对该组件进行渲染。
[0141]
步骤508，在所述组件已在目标页面中注册的情况下，基于所述区域、所述组件和所述内容渲染目标页面。
[0142]
在本说明书中，目标页面的渲染可参考前述图1或图4所示的实施例，本说明书在此不再赘述。
[0143]
与前述页面开发方法的实施例相对应，本说明书还提供了页面开发装置的实施例。
[0144]
本说明书页面开发装置的实施例可以应用在电子设备中。装置实施例可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，作为一个逻辑意义上的装置，是通过其所在电子设备的处理器将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。从硬件层面而言，如图6所示，为本说明书页面开发装置/页面渲染装置所在电子设备的一种硬件结构图，除了图6所示的处理器、内存、网络接口、以及非易失性存储器之外，实施例中装置所在的电子设备通常根据该电子设备的实际功能，还可以包括其他硬件，对此不再赘述。
[0145]
图7是本说明书一示例性实施例示出的一种页面开发装置的框图。
[0146]
请参考图7，所述页面开发装置可以应用在前述图6所示的电子设备上，包括有：
[0147]
信息配置单元，响应于对目标页面渲染内容的访问信息配置操作，基于所述访问信息向对应的服务器发送数据获取请求；
[0148]
响应接收单元，接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；
[0149]
注册渲染单元，在所述目标页面中注册所述组件，并基于所述区域、所述组件和所述内容渲染目标页面，以展示目标页面的开发效果。
[0150]
可选的，页面开发的步骤还包括：
[0151]
为目标页面提供渲染器设置选项；
[0152]
响应于针对目标渲染器的选择，保存所述目标页面与所述目标渲染器之间的对应关系；
[0153]
所述基于所述区域、所述组件和所述内容渲染目标页面，包括：
[0154]
采用所述目标渲染器，基于所述区域、所述组件和所述内容渲染目标页面。
[0155]
可选的，所述响应数据中还携带有响应状态码，所述在所述目标页面中注册所述组件的步骤包括：
[0156]
在所述响应状态码代表响应正常时，在所述目标页面中注册所述组件。
[0157]
可选的，页面开发的步骤还包括：在所述响应状态码代表响应异常时，展示提供有刷新控件的预设错误组件；
[0158]
响应于所述刷新控件被触发，重新基于所述访问信息向对应的服务器发送数据获
取请求。
[0159]
可选的，页面开发的步骤还包括：响应于针对目标页面的刷新请求，重新基于所述访问信息向对应的服务器发送数据获取请求，以对所述目标页面中已注册的组件进行更新。
[0160]
可选的，所述基于所述区域、所述组件和所述内容渲染目标页面，包括：
[0161]
在所述响应数据中携带的组件为内置组件标识的情况下，获取目标页面中预先保存的所述内置组件标识对应的内置组件，并基于所述区域、获取到的所述内置组件和所述内容渲染目标页面。
[0162]
可选的，页面开发的步骤还包括：在所述响应数据中携带有内置组件标识和所述内置组件标识对应的组件的情况下，根据所述内置组件标识在所述目标页面中注册所述响应数据中携带的所述对应的组件，以实现对内置组件的修改。
[0163]
图8是本说明书一示例性实施例示出的一种页面渲染装置的框图。
[0164]
请参考图8，所述页面渲染装置可以应用在前述图6所示的电子设备上，包括有：
[0165]
请求发送单元，响应于用户针对目标页面发送的渲染请求，基于所述目标页面中已配置的渲染内容的访问信息向对应的服务器发送数据获取请求；
[0166]
数据接收单元，接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；
[0167]
注册判断单元，判断所述响应数据中的所述组件是否已在目标页面中注册；
[0168]
页面渲染单元，在所述组件已在目标页面中注册的情况下，基于所述区域、所述组件和所述内容渲染目标页面；其中，所述目标页面采用本说明书前述页面开发方法开发。
[0169]
上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程，在此不再赘述。
[0170]
对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本说明书方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。
[0171]
上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机，计算机的具体形式可以是个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件收发设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任意几种设备的组合。
[0172]
在一个典型的配置中，计算机包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。
[0173]
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)。内存是计算机可读介质的示例。
[0174]
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法
或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带、磁盘存储、量子存储器、基于石墨烯的存储介质或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
[0175]
与前述页面开发方法的实施例相对应，本说明书还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现以下步骤：
[0176]
响应于对目标页面渲染内容的访问信息配置操作，基于所述访问信息向对应的服务器发送数据获取请求；
[0177]
接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；
[0178]
在所述目标页面中注册所述组件，并基于所述区域、所述组件和所述内容渲染目标页面，以展示目标页面的开发效果。
[0179]
可选的，页面开发的步骤还包括：
[0180]
为目标页面提供渲染器设置选项；
[0181]
响应于针对目标渲染器的选择，保存所述目标页面与所述目标渲染器之间的对应关系；
[0182]
所述基于所述区域、所述组件和所述内容渲染目标页面，包括：
[0183]
采用所述目标渲染器，基于所述区域、所述组件和所述内容渲染目标页面。
[0184]
可选的，所述响应数据中还携带有响应状态码，所述在所述目标页面中注册所述组件，包括：
[0185]
在所述响应状态码代表响应正常时，在所述目标页面中注册所述组件。
[0186]
可选的，页面开发的步骤还包括：在所述响应状态码代表响应异常时，展示提供有刷新控件的预设错误组件；
[0187]
响应于所述刷新控件被触发，重新基于所述访问信息向对应的服务器发送数据获取请求。
[0188]
可选的，页面开发的步骤还包括：响应于针对目标页面的刷新请求，重新基于所述访问信息向对应的服务器发送数据获取请求，以对所述目标页面中已注册的组件进行更新。
[0189]
可选的，所述基于所述区域、所述组件和所述内容渲染目标页面，包括：
[0190]
在所述响应数据中携带的组件为内置组件标识的情况下，获取目标页面中预先保存的所述内置组件标识对应的内置组件，并基于所述区域、获取到的所述内置组件和所述内容渲染目标页面。
[0191]
可选的，页面开发的步骤还包括：
[0192]
在所述响应数据中携带有内置组件标识和所述内置组件标识对应的组件的情况下，根据所述内置组件标识在所述目标页面中注册所述响应数据中携带的所述对应的组
件，以实现对内置组件的修改。
[0193]
与前述页面渲染方法的实施例相对应，本说明书还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现以下步骤：
[0194]
响应于用户针对目标页面发送的渲染请求，基于所述目标页面中已配置的渲染内容的访问信息向对应的服务器发送数据获取请求；
[0195]
接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；
[0196]
判断所述响应数据中的所述组件是否已在目标页面中注册；
[0197]
在所述组件已在目标页面中注册的情况下，基于所述区域、所述组件和所述内容渲染目标页面；其中，所述目标页面采用本说明书前述页面开发方法开发。
[0198]
上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。
[0199]
以上所述仅为本说明书的较佳实施例而已，并不用以限制本说明书，凡在本说明书的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本说明书保护的范围之内。
技术特征：1.一种页面开发方法，包括：响应于对目标页面渲染内容的访问信息配置操作，基于所述访问信息向对应的服务器发送数据获取请求；接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；在所述目标页面中注册所述组件，并基于所述区域、所述组件和所述内容渲染目标页面，以展示目标页面的开发效果。2.根据权利要求1所述的方法，还包括：为目标页面提供渲染器设置选项；响应于对目标渲染器的选择，保存所述目标页面与所述目标渲染器之间的对应关系；所述基于所述区域、所述组件和所述内容渲染目标页面，包括：采用所述目标渲染器，基于所述区域、所述组件和所述内容渲染目标页面。3.根据权利要求1所述的方法，所述响应数据中还携带有响应状态码，所述在所述目标页面中注册所述组件，包括：在所述响应状态码代表响应正常时，在所述目标页面中注册所述组件。4.根据权利要求3所述的方法，还包括：在所述响应状态码代表响应异常时，展示提供有刷新控件的预设错误组件；响应于所述刷新控件被触发，重新基于所述访问信息向对应的服务器发送数据获取请求。5.根据权利要求1所述的方法，还包括：响应于针对目标页面的刷新请求，重新基于所述访问信息向对应的服务器发送数据获取请求，以对所述目标页面中已注册的组件进行更新。6.根据权利要求1所述的方法，所述基于所述区域、所述组件和所述内容渲染目标页面，包括：在所述响应数据中携带的组件为内置组件标识的情况下，获取目标页面中预先保存的所述内置组件标识对应的内置组件，并基于所述区域、获取到的所述内置组件和所述内容渲染目标页面。7.根据权利要求1所述的方法，还包括：在所述响应数据中携带有内置组件标识和所述内置组件标识对应的组件的情况下，根据所述内置组件标识在所述目标页面中注册所述响应数据中携带的所述对应的组件，以实现对内置组件的修改。8.一种页面渲染方法，包括：响应于用户针对目标页面发送的渲染请求，基于所述目标页面中已配置的渲染内容的访问信息向对应的服务器发送数据获取请求；接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；判断所述响应数据中的所述组件是否已在目标页面中注册；在所述组件已在目标页面中注册的情况下，基于所述区域、所述组件和所述内容渲染目标页面；其中，所述目标页面采用权利要求1所述的页面开发方法开发。
9.一种页面开发装置，包括：信息配置单元，响应于对目标页面渲染内容的访问信息配置操作，基于所述访问信息向对应的服务器发送数据获取请求；响应接收单元，接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；注册渲染单元，在所述目标页面中注册所述组件，并基于所述区域、所述组件和所述内容渲染目标页面，以展示目标页面的开发效果。10.一种页面渲染装置，包括：请求发送单元，响应于用户针对目标页面发送的渲染请求，基于所述目标页面中已配置的渲染内容的访问信息向对应的服务器发送数据获取请求；数据接收单元，接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；注册判断单元，判断所述响应数据中的所述组件是否已在目标页面中注册；页面渲染单元，在所述组件已在目标页面中注册的情况下，基于所述区域、所述组件和所述内容渲染目标页面；其中，所述目标页面采用权利要求1所述的页面开发方法开发。11.一种电子设备，包括：处理器；用于存储处理器可执行指令的存储器；其中，所述处理器通过运行所述可执行指令以实现如权利要求1-8中任一项所述的方法。12.一种计算机可读存储介质，其上存储有计算机指令，该指令被处理器执行时实现如权利要求1-8中任一项所述方法的步骤。
技术总结说明书披露一种页面开发、页面渲染方法和装置。所述页面开发方法包括：响应于对目标页面渲染内容的访问信息配置操作，基于所述访问信息向对应的服务器发送数据获取请求；接收所述服务器返回的响应数据，所述响应数据包括渲染目标页面所需的区域、各区域中的组件以及各组件的内容；在所述目标页面中注册所述组件，并基于所述区域、所述组件和所述内容渲染目标页面，以展示目标页面的开发效果。采用上述页面开发方法，可降低开发成本，提高开发效率。提高开发效率。提高开发效率。
技术研发人员：张涛 杨胜福 孙晓博 段乃英 周小意
受保护的技术使用者：阿里巴巴（中国）有限公司
技术研发日：2022.08.09
技术公布日：2022/12/2
