WO2016177250A1 - 客户端页面渲染方法及装置 - Google Patents

客户端页面渲染方法及装置 Download PDF

Info

Publication number
WO2016177250A1
WO2016177250A1 PCT/CN2016/078605 CN2016078605W WO2016177250A1 WO 2016177250 A1 WO2016177250 A1 WO 2016177250A1 CN 2016078605 W CN2016078605 W CN 2016078605W WO 2016177250 A1 WO2016177250 A1 WO 2016177250A1
Authority
WO
WIPO (PCT)
Prior art keywords
component
page
layout template
data
client
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2016/078605
Other languages
English (en)
French (fr)
Inventor
陈舒婷
常敏
马磊
叶斌
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Publication of WO2016177250A1 publication Critical patent/WO2016177250A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs

Definitions

  • the present application relates to the field of network technologies, and in particular, to a client page rendering method and apparatus.
  • each version of the client displays a product or service layout template that is fixed.
  • the layout template specifies which display areas are included in the display page, and which data is displayed in each display area, by associating different areas in the layout template.
  • the data source is rendered to get the display page of different products.
  • the layout templates in the client are not suitable for displaying these new products, you need to develop a new version of the client to increase the display of new products.
  • the layout template leads to higher development costs.
  • the present application provides a client page rendering method and apparatus.
  • a first aspect of the present application provides a client page rendering method; the method includes:
  • the client page rendering method before the receiving the page detail data, further includes:
  • the rendering operation is performed according to the default layout template and the page basic data stored by the client, and the basic information display page of the target page is obtained.
  • the determining the original layout template of the target page includes:
  • the preset layout template does not exist, it is determined that the default layout template is the original layout template.
  • the corresponding component description item is generated according to the component implementation class and component data, including:
  • the component translation function is called to process the component data to obtain a corresponding component description item.
  • a second aspect of the present application provides a client page rendering apparatus; the apparatus includes:
  • a data parsing unit configured to receive and parse page detail data sent by the server, and determine component data and an original layout template of the target page;
  • a component class search unit configured to search for a component implementation class corresponding to each component key value recorded in the original layout template according to a preset first mapping between the key value and the implementation class name;
  • a component translation unit configured to generate a corresponding component description item according to the component implementation class and the component data
  • a target template generating unit configured to summarize each component description item to generate a target layout template
  • the detailed information rendering unit is configured to perform a rendering operation according to the target layout template to obtain a detailed information display page of the target page.
  • the client page rendering apparatus further includes:
  • a basic information rendering unit configured to acquire basic page data according to a uniform resource locator URL of the target page before the data parsing unit receives the page detail data, and execute according to a default layout template and page basic data stored by the client The rendering operation gets the basic information display page of the target page.
  • the data parsing unit includes:
  • a layout template determining module configured to determine whether a preset layout template exists in the parsing result of the page detail data, and if the preset layout template exists, determining the preset layout template as an original layout template, otherwise determining The default layout template is the original layout template.
  • the component translation unit includes:
  • a translation function search module configured to search for a component translation function corresponding to the component implementation class according to a preset second mapping between the implementation class name and the function;
  • the component data processing module is configured to invoke the component translation function to process the component data to obtain a corresponding component description item.
  • the original layout template records only the key values of each component and the location information thereof, and searches for the corresponding implementation class according to the key value when performing page rendering, so that the implementation class corresponding to the same component can be restored.
  • Used for different layout templates so when a new product appears, or the corresponding preset layout template is designed for the new product, and added to the page details data to return to the client, and the design new product corresponding
  • you preset a layout template you only need to consider the required component key value and its position on the page. You don't need to think about how to implement the component, so you can reduce the design difficulty of the original layout template for new products.
  • FIG. 1 is a flowchart of a method for rendering a client page according to an embodiment of the present application.
  • FIG. 2 is a signal flow diagram of a client page rendering method provided by an embodiment of the present application.
  • FIG. 3 is a flowchart of a method for determining an original layout template in a client page rendering method provided by an embodiment of the present application.
  • FIG. 4 is a block diagram of a client page rendering apparatus according to an embodiment of the present application.
  • FIG. 5 is a block diagram of another client page rendering apparatus provided by an embodiment of the present application.
  • FIG. 1 is a flowchart of a method for rendering a client page according to an embodiment of the present application. As shown in Figure 1, the method includes the following steps.
  • the embodiment of the present application adopts a componentized layout manner, that is, a display page is drawn in units of components, and each component represents at least one element in the page, such as a product preview image, a text box displaying a product name, etc., and different components are combined or Different layout templates can be obtained by setting the same component in different locations.
  • the embodiment of the present application sets a corresponding key value for each component and implements the implementation class of the component, and pre-stores the mapping relationship between the key value of each component and the implementation class that implements the component in the client.
  • the client converts the original layout template into the target layout template by performing the above steps S12 to S14, the target The component description item corresponding to each component is recorded in the layout template, and the corresponding page element is drawn according to each component description item, and finally the target page is obtained.
  • the original layout template records only the key values of each component and the location information thereof, and searches for the corresponding implementation class according to the key value when performing page rendering, so that the implementation class corresponding to the same component can be restored.
  • Used for different layout templates so when a new product appears, or the corresponding preset layout template is designed for the new product, and added to the page details data to return to the client, and the design new product corresponding
  • you preset a layout template you only need to consider the required component key value and its position on the page. You don't need to think about how to implement the component, so you can reduce the design difficulty of the original layout template for new products.
  • the program corresponding to the above page rendering method can also be divided into three levels, which are a data layer, a componentized template translation layer and a UI layer from bottom to top; wherein the above step S11 is performed by The data layer is executed, steps S12 to S14 are performed by the componentized template translation layer, and step S15 is performed by the UI layer.
  • step S11 the following steps are further included:
  • the page basic data is obtained according to the uniform resource locator URL of the target page, and the rendering operation is performed according to the default layout template and the page basic data, and the basic information display page of the target page is obtained.
  • the process of obtaining the page detail data from the server and rendering the detailed information display page takes a certain time.
  • the client receives the page display instruction and then services the service.
  • the request is sent to obtain the corresponding page detail data
  • the basic information of the target page is obtained by analyzing the Uniform Resoure Locator (URL) of the target page to be displayed, and according to the default layout stored by the client.
  • the template is rendered to get the basic information display page of the target page.
  • the basic information may include a name, a header, a price, and the like of the product, and the step of rendering the basic information display page by the foregoing is directly performed by the UI layer.
  • the client page rendering method provided by the present application is performed with reference to the signal flow diagram shown in FIG. 2 Explain in detail.
  • step S21 the client receives a page display instruction sent by the user; after receiving the instruction, the client sends a page detail data acquisition request to the server, that is, step S22, and according to the default.
  • the URL of the layout template and the target page performs the first rendering operation to obtain the basic information display page, that is, step S23; when the server returns the page detail data, the client receives the page detail data, as in step S24; and in step S25, the client
  • the end parses the page detail data to determine the component data of the target page and the original layout template, and performs a secondary rendering operation according to the component data and the original layout template to obtain a detailed information display page of the target page, and the specific content of the secondary rendering operation.
  • the steps are as described in steps S12 to S15 above, and are not described herein again.
  • the client performs the rendering operation twice, wherein the first rendering operation does not depend on the data returned by the server, and can be executed in a short time to obtain a page for displaying basic information, thereby avoiding obtaining detailed information.
  • the page display window appears blank for a long time, which improves the user experience.
  • the determining the original layout template of the target page in the foregoing step S11 may include the following steps:
  • the data object description rule json ie, JavaScript Object Notation
  • JavaScript Object Notation based on the JavaScript language
  • each data object related to the preset layout template is named “name: The value is recorded in the form of a plurality of data objects forming a json string; correspondingly, as shown in FIG. 3, the target can be determined by the following steps
  • the original layout template for the page :
  • step S111 determining whether there is a json string in the page detail data, if yes, executing step S112, otherwise performing step S115;
  • step S113 determining whether the json string can be successfully parsed, obtaining a layout template, if successful parsing, step S114 is performed, otherwise step S115 is performed;
  • the parsed layout template is the preset layout template, that is, the preset layout template exists in the page detail data, so the preset is The layout template is marked as the original layout template of the target page; if there is no json string, or the json string cannot be successfully parsed, it is determined that the preset layout template does not exist in the page detail data, so the default layout template is marked as the original layout template of the target page. .
  • the component description item generated according to the component implementation class and the component data described in the foregoing step S13 includes the following steps:
  • the component translation function is called to process the component data to obtain a corresponding component description item.
  • the client is preset with two mapping tables, one of which records a mapping relationship between the component key value and the class name of the component implementation class, that is, the first mapping.
  • the other record has a mapping relationship between the class name of the component implementation class and the component translation function, that is, the second mapping described above.
  • the client performs the following operations on the component key values in the original layout template to obtain corresponding component description items: the component implementation class corresponding to the component key value is searched based on the first mapping, and then the component implementation class is included based on the second mapping
  • the component translation function initializes the component translation function, reads the corresponding field in the component data as input data, and runs the component translation function to obtain the corresponding component description item.
  • mapping table-based searching method is beneficial to realize multiplexing and expansion of components, that is, when new components need to be added according to product display requirements, only need to add corresponding mapping relationships in two mapping tables, according to the new
  • the key value of the component is found to the corresponding component translation function, and the corresponding component description item is obtained.
  • FIG. 4 is a structural block diagram of a client page rendering apparatus according to an embodiment of the present application.
  • the apparatus includes: a data parsing unit 110, a component class searching unit 120, a component translating unit 130, a target template generating unit 140, and a detail information rendering unit 150.
  • the data parsing unit 110 is configured to receive and parse the page detail data sent by the server, and determine the component data of the target page and the original layout template.
  • the component class search unit 120 is configured to search for a component implementation class corresponding to each component key value searched in the original layout template according to a preset first mapping between the key value and the implementation class name.
  • the component translation unit 130 is configured to generate a corresponding component description item according to the component implementation class and component data.
  • the target template generation unit 140 is configured to summarize the respective component description item generation target layout templates.
  • the detailed information rendering unit 150 is configured to perform a rendering operation according to the target layout template Do, get the details information display page of the target page.
  • the original layout template records only the key values of each component and the location information thereof.
  • the component class searching unit searches for the corresponding implementation class according to the key value, so that the same component corresponds.
  • the implementation class can be reused for different layout templates, so when a new product appears, or a corresponding preset layout template is designed for the new product, and added to the page detail data to return to the client, and the new design Adding a preset layout template corresponding to the product only needs to consider the required component key value and its position on the page, and does not need to consider how to implement the component, thereby reducing the design difficulty of the original layout template applicable to the newly added product; Or design a specific new component for the new product, and add a mapping relationship between the component key value and the component implementation class to the client, so that the new component can be found and called without modifying the query code.
  • Implementation class is
  • the embodiment of the present application can reduce the design difficulty of the layout template, and the component and the layout template have reusability and scalability.
  • the new product needs to be displayed, there is no need to develop and release a new version of the client, thereby improving the utilization of the client. Rate, reduce development costs.
  • the client page rendering apparatus further includes: a basic information rendering unit 160.
  • the basic information rendering unit 160 is configured to obtain the page basic data according to the uniform resource locator URL of the target page before the data parsing unit 110 receives the page detail data, and according to the default layout template and the page basic stored by the client.
  • the data performs a rendering operation to get a basic information display page of the target page.
  • the rendering operation is performed according to the URL of the target page and the default layout template, and the basic information display page is obtained. , to avoid showing details Before the page, the page display window appears blank for a long time, which improves the user experience.
  • the data parsing unit belongs to the data layer
  • the component class search unit, the component translation unit and the target target generating unit belong to the componentized template translation layer
  • the detailed information Both the rendering unit and the basic information rendering unit belong to the UI layer.
  • the data parsing unit 110 includes at least: a layout template determining module, and the layout template determining module is configured to determine whether a preset layout template exists in the parsing result of the page detail data. If the preset layout template exists, it is determined that the preset layout template is an original layout template, otherwise the default layout template is determined to be the original layout template.
  • a preset layout template suitable for the newly added product or service may be set in the corresponding page detail data, so that the layout template determining module will give the preset layout.
  • the template is used as the original layout template of the target page, and performs component data processing and rendering operations to obtain a detailed information display page with the best display effect; and for the original product or service, the page detail data may not set the data related to the layout template, thereby
  • the layout template determination module uses the default layout template pre-stored by the client as the original layout template. Since the default layout template is designed according to the original product and service, the default layout template can also be used for the original product or service. Good details display page.
  • the component translation unit 130 includes a translation function lookup module and a component data processing module.
  • the translation function lookup module is configured to search for a component translation function corresponding to the component implementation class according to a preset second mapping between the implementation class name and the function.
  • the component data processing module is configured to invoke the component translation function to process the component data to obtain a corresponding component description item.
  • mapping table-based component implementation class and component translation function search mode is beneficial to realize multiplexing and expansion of components, that is, when new components need to be added according to product display requirements, only need to add corresponding in two mapping tables. Mapping the relationship, you can find the corresponding component translation function according to the key value of the newly added component, and then get the corresponding component description item.
  • the embodiment of the present application further provides a computer storage medium, such as a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, and an optical data storage device.
  • the computer storage medium stores a program.
  • the program in the storage medium is executed by the processor of the terminal device, the terminal device is enabled to perform some or all of the steps of the client page rendering method described in the foregoing method embodiments.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Document Processing Apparatus (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

一种客户端页面渲染方法及装置，其原始布局模板仅记录所需的各个组件的键值及其位置信息，从而可以根据原始布局模板中的键值查找预先存储在客户端中对应的组件实现类，进而结合服务端发送的页面详情数据中的组件数据生成对应的组件描述项，根据各个组件描述项组成的目标布局模板执行页面渲染操作，即可得到详情信息展示页面。可见组件实现类和原始布局模板均具有可复用性和可扩展性，在需要展示新增产品时，只需要考虑新增产品对应的预设布局模板所需的组件键值和其在页面中的位置，不需要考虑如何实现该组件，降低布局模板的设计难度，也不需要开发并发布新版客户端，提高客户端的利用率，降低开发成本。

Description

客户端页面渲染方法及装置 技术领域
本申请涉及网络技术领域，尤其涉及一种客户端页面渲染方法及装置。
背景技术
随着移动通信技术的发展及手机、平板电脑等电子设备的普及，应用于电子设备的应用程序，即客户端，也越来越多，如各类购物网站提供的手机客户端。这些客户端运行时，可以与相应的服务端之间进行通信，从而将服务端提供的产品或服务信息按照一定的布局渲染为相应的展示页面，使得用户可以通过电子设备随时随地获知上述产品及服务信息。
一般的，每个版本的客户端展示产品或服务的布局模板是固定的，该布局模板规定了展示页面包括哪些展示区域，每个展示区域展示哪些数据，通过将布局模板中各个区域关联不同的数据源，渲染得到不同产品的展示页面。
但是，随着业务的扩展，服务端提供的产品类型也会相应增加，如果客户端中的布局模板不适合展示这些新增产品，则需要开发新版本的客户端，以增加适合展示新增产品的布局模板，从而导致开发成本较高。
发明内容
为克服相关技术中存在的问题，本申请提供一种客户端页面渲染方法及装置。
本申请第一方面提供一种客户端页面渲染方法；该方法包括：
接收并解析服务端发送的页面详情数据，确定目标页面的组件数据和原始布局模板；
根据键值与实现类名之间的预设第一映射查找所述原始布局模板中记录的各个组件键值对应的组件实现类；
根据所述组件实现类和组件数据生成对应的组件描述项；
汇总各个组件描述项生成目标布局模板；
根据所述目标布局模板执行渲染操作，得到目标页面的详情信息展示页面。
结合第一方面，在第一方面的第一种可行的实施方式中，在接收到所述页面详情数据前，所述客户端页面渲染方法还包括：
根据目标页面的统一资源定位符URL获取页面基本数据；
根据客户端存储的默认布局模板和页面基本数据执行渲染操作，得到目标页面的基本信息展示页面。
结合第一方面，或者第一方面的第一种可行的实施方式，在第一方面的第二种可行的实施方式中，所述确定目标页面的原始布局模板，包括：
判断对所述页面详情数据的解析结果中是否存在预设布局模板；
如果存在所述预设布局模板，则确定所述预设布局模板为原始布局模板；
如果不存在所述预设布局模板，则确定所述默认布局模板为所述原始布局模板。
结合第一方面，或者第一方面的第一种可行的实施方式，在第一方面的第三种可行的实施方式中，根据所述组件实现类和组件数据生成对应的组件描述项，包括：
根据实现类名与函数之间的预设第二映射查找所述组件实现类对应的组 件翻译函数；
调用所述组件翻译函数对所述组件数据进行处理，得到对应的组件描述项。
本申请第二方面提供一种客户端页面渲染装置；该装置包括：
数据解析单元，用于接收并解析服务端发送的页面详情数据，确定目标页面的组件数据和原始布局模板；
组件类查找单元，用于根据键值与实现类名之间的预设第一映射查找所述原始布局模板中记录的各个组件键值查找对应的组件实现类；
组件翻译单元，用于根据所述组件实现类和组件数据生成对应的组件描述项；
目标模板生成单元，用于汇总各个组件描述项生成目标布局模板；
详情信息渲染单元，用于根据所述目标布局模板执行渲染操作，得到目标页面的详情信息展示页面。
结合第二方面，在第二方面的第一种可行的实施方式中，所述客户端页面渲染装置还包括：
基本信息渲染单元，用于在所述数据解析单元接收到所述页面详情数据前，根据目标页面的统一资源定位符URL获取页面基本数据，并根据客户端存储的默认布局模板和页面基本数据执行渲染操作，得到目标页面的基本信息展示页面。
结合第二方面，或者第二方面的第一种可行的实施方式，在第二方面的第二种可行的实施方式中，所述数据解析单元包括：
布局模板确定模块，用于判断对所述页面详情数据的解析结果中是否存在预设布局模板，如果存在所述预设布局模板，则确定所述预设布局模板为原始布局模板，否则确定所述默认布局模板为所述原始布局模板。
结合第二方面，或者第二方面的第一种可行的实施方式，在第二方面的第三种可行的实施方式中，所述组件翻译单元包括：
翻译函数查找模块，用于根据实现类名与函数之间的预设第二映射查找所述组件实现类对应的组件翻译函数；
组件数据处理模块，用于调用所述组件翻译函数对所述组件数据进行处理，得到对应的组件描述项。
由以上技术方案可知，本申请实施例中原始布局模板仅记录各个组件的键值及其位置信息，在执行页面渲染时再根据键值查找对应的实现类，使得同一组件对应的实现类可以复用于不同的布局模板，因此当出现新增产品时，或者针对该新增产品设计对应的预设布局模板，并将其添加在页面详情数据中返回至客户端，且设计新增产品对应的预设布局模板时只需考虑所需的组件键值和其在页面中的位置，不需要考虑如何实现该组件，从而可以降低适用于新增产品的原始布局模板的设计难度；或者针对该新增产品设计特定的新增组件，并将其组件键值和组件实现类之间的映射关系添加至客户端中，从而在不修改查询代码的前提下就可以查找调用新增组件的实现类。可见，本申请实施例可以降低布局模板的设计难度，组件和布局模板具有复用性和可扩展性，在需要展示新增产品时，不需要开发并发布新版客户端，可以提高客户端的利用率，降低开发成本。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性 的，并不能限制本申请。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。
图1是本申请实施例提供的一种客户端页面渲染方法的流程图。
图2是本申请实施例提供的一种客户端页面渲染方法的信号流图。
图3是本申请实施例提供的客户端页面渲染方法中确定原始布局模板的方法流程图。
图4是本申请实施例提供的一种客户端页面渲染装置的框图。
图5是本申请实施例提供的另一种客户端页面渲染装置的框图。
具体实施方式
这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。
图1为本申请实施例提供的一种客户端页面渲染方法的流程图。如图1所示，该方法包括以下步骤。
S11、接收并解析服务端发送的页面详情数据，确定目标页面的组件数据和原始布局模板。
S12、根据键值与实现类名之间的预设第一映射查找所述原始布局模板中 记录的各个组件键值对应的组件实现类。
S13、根据所述组件实现类和组件数据生成对应的组件描述项。
S14、汇总各个组件描述项生成目标布局模板。
S15、根据所述目标布局模板执行渲染操作，得到目标页面的详情信息展示页面。
本申请实施例采用组件化布局方式，即以组件为单位绘制展示页面，每个组件表示页面中的至少一个元素，如一张产品预览图、显示产品名称的文本框等，将不同组件相组合或者将同一组件设置于不同位置即可得到不同的布局模板。有鉴于此，本申请实施例为每种组件设置对应的键值及实现该组件的实现类，并将每种组件的键值及实现该组件的实现类之间的映射关系预先存储于客户端中；相应的，原始布局模板中只记录所需组件的键值以及各个组件在页面中的位置信息；进而客户端通过执行上述步骤S12至S14，将原始布局模板转化为目标布局模板，该目标布局模板中记录有各个组件对应的组件描述项，根据各个组件描述项执行渲染操作，即可绘制出对应的页面元素，最终得到目标页面。
由以上技术方案可知，本申请实施例中原始布局模板仅记录各个组件的键值及其位置信息，在执行页面渲染时再根据键值查找对应的实现类，使得同一组件对应的实现类可以复用于不同的布局模板，因此当出现新增产品时，或者针对该新增产品设计对应的预设布局模板，并将其添加在页面详情数据中返回至客户端，且设计新增产品对应的预设布局模板时只需考虑所需的组件键值和其在页面中的位置，不需要考虑如何实现该组件，从而可以降低适用于新增产品的原始布局模板的设计难度；或者针对该新增产品设计特定的 新增组件，并将其组件键值和组件实现类之间的映射关系添加至客户端中，从而在不修改查询代码的前提下就可以查找调用新增组件的实现类。可见，本申请实施例可以降低布局模板的设计难度，组件和布局模板具有复用性和可扩展性，在需要展示新增产品时，不需要开发并发布新版客户端，进而可以提高客户端的利用率，降低开发成本。
另外，对照程序开发的三层逻辑架构，上述页面渲染方法对应的程序也可分为三个层次，自下而上分别为数据层、组件化模板翻译层和UI层；其中，上述步骤S11由数据层执行，步骤S12至S14由组件化模板翻译层执行，步骤S15由UI层执行。
在本申请一个可行的实施例中，在上述步骤S11之前，还包括如下步骤：
根据目标页面的统一资源定位符URL获取页面基本数据，并根据所述默认布局模板和页面基本数据执行渲染操作，得到目标页面的基本信息展示页面。
实际应用中，客户端从服务端获取页面详情数据，并渲染得到详情信息展示页面的过程需要一定的时间，为避免页面空白时间过长，客户端在接收到页面展示指令后，一方面向服务端发出请求，以获取对应的页面详情数据，另一方面通过分析待展示的目标页面的统一资源定位符(Uniform Resoure Locator，URL)，获取目标页面的基本信息，并根据客户端存储的默认布局模板进行渲染，得到目标页面的基本信息展示页面。其中，上述基本信息可以包括产品的名称、头图和价格等，上述渲染得到基本信息展示页面的步骤直接由UI层执行。
下面参照图2所示的信号流图对本申请提供的客户端页面渲染方法进行 详细阐述。
如图2所示，在步骤S21中，客户端接收用户发送的页面展示指令；接收到该指令后，客户端一方面向服务端发送页面详情数据获取请求，即步骤S22，另一方面根据默认布局模板和目标页面的URL执行首次渲染操作，得到基本信息展示页面，即步骤S23；待服务端返回页面详情数据时，客户端接收该页面详情数据，如步骤S24；进而在步骤S25中，客户端解析上述页面详情数据，以确定目标页面的组件数据和原始布局模板，并根据该组件数据和原始布局模板执行二次渲染操作，得到目标页面的详情信息展示页面，上述二次渲染操作的具体步骤如上文步骤S12至S15所述，此处不再赘述。
可见，上述实施例中，客户端分两次执行渲染操作，其中首次渲染操作不依赖服务端返回的数据，可以在短时间内执行完毕，得到用于展示基本信息的页面，避免在得到详情信息展示页面之前页面显示窗口出现较长时间的空白，提高用户体验好感度。
在本申请另一个可行的实施例中，上述步骤S11中所述的确定目标页面的原始布局模板，可以包括如下步骤：
判断对所述页面详情数据的解析结果中是否存在预设布局模板，如果存在所述预设布局模板，则确定所述预设布局模板为原始布局模板，否则确定所述默认布局模板为所述原始布局模板。
其中，页面详情数据中，可以采用基于JavaScript语言的数据对象描述规则json(即JavaScript Object Notation)来记录预设布局模板的相关数据，也即预设布局模板相关的各个数据对象均以“名称:值”的形式进行记录，多个数据对象构成json串；相应的，如图3所示，可以通过以下步骤确定目标 页面的原始布局模板：
S111、判断所述页面详情数据中是否存在json串，如果存在，则执行步骤S112，否则执行步骤S115；
S112、解析所述页面详情数据中的json串；
S113、判断所述json串是否可以成功解析，得到布局模板，如果可以成功解析，则执行步骤S114，否则执行步骤S115；
S114、将解析json串得到的布局模板标记为目标页面的原始布局模板；
S115、将客户端存储的默认布局模板标记为目标页面的原始布局模板。
由以上步骤可知，如果页面详情数据中存在json串且可以成功解析得到布局模板，则解析得到的布局模板即为预设布局模板，即页面详情数据中存在预设布局模板，故将该预设布局模板标记为目标页面的原始布局模板；如果不存在json串，或者无法成功解析json串，则判定页面详情数据中不存在预设布局模板，故将默认布局模板标记为目标页面的原始布局模板。
在本申请又一个可行的实施例中，上述步骤S13所述的根据所述组件实现类和组件数据生成对应的组件描述项，包括如下步骤：
根据实现类名与函数之间的预设第二映射查找所述组件实现类对应的组件翻译函数；
调用所述组件翻译函数对所述组件数据进行处理，得到对应的组件描述项。
由以上步骤可知，本申请实施例中客户端预先设置有两个映射表，其中一个记录有组件键值和组件实现类的类名之间的映射关系，即上述第一映射， 另一个记录有组件实现类的类名与组件翻译函数之间的映射关系，即上述第二映射。客户端针对原始布局模板中的各个组件键值，分别执行如下操作得到对应的组件描述项：基于上述第一映射查找组件键值对应的组件实现类，进而基于第二映射查找组件实现类中包含的组件翻译函数，初始化该组件翻译函数，读取组件数据中的相应字段作为输入数据并运行上述组件翻译函数，得到对应的组件描述项。
上述基于映射表的查找方式，有利于实现组件的复用及扩展，即当根据产品展示需求，需要增加新的组件时，只需在两个映射表中添加相应的映射关系，即可根据新增组件的键值查找到对应的组件翻译函数，进而得到对应的组件描述项。
图4为本申请实施例提供的一种客户端页面渲染装置的结构框图。参照图4，该装置包括：数据解析单元110、组件类查找单元120、组件翻译单元130、目标模板生成单元140和详情信息渲染单元150。
该数据解析单元110被配置为，接收并解析服务端发送的页面详情数据，确定目标页面的组件数据和原始布局模板。
该组件类查找单元120被配置为，根据键值与实现类名之间的预设第一映射查找所述原始布局模板中记录的各个组件键值查找对应的组件实现类。
该组件翻译单元130被配置为，根据所述组件实现类和组件数据生成对应的组件描述项。
该目标模板生成单元140被配置为，汇总各个组件描述项生成目标布局模板。
该详情信息渲染单元150被配置为，根据所述目标布局模板执行渲染操 作，得到目标页面的详情信息展示页面。
由以上技术方案可知，本申请实施例中原始布局模板仅记录各个组件的键值及其位置信息，在执行页面渲染时由组件类查找单元根据键值查找对应的实现类，使得同一组件对应的实现类可以复用于不同的布局模板，因此当出现新增产品时，或者针对该新增产品设计对应的预设布局模板，并将其添加在页面详情数据中返回至客户端，而设计新增产品对应的预设布局模板时只需考虑所需的组件键值和其在页面中的位置，不需要考虑如何实现该组件，从而可以降低适用于新增产品的原始布局模板的设计难度；或者针对该新增产品设计特定的新增组件，并将其组件键值和组件实现类之间的映射关系添加至客户端中，从而在不修改查询代码的前提下就可以查找调用新增组件的实现类。可见，本申请实施例可以降低布局模板的设计难度，组件和布局模板具有复用性和可扩展性，在需要展示新增产品时，不需要开发并发布新版客户端，进而可以提高客户端的利用率，降低开发成本。
参照图5，在本申请其他实施例中，客户端页面渲染装置还包括：基本信息渲染单元160。
该基本信息渲染单元160被配置为，在数据解析单元110接收到所述页面详情数据前，根据目标页面的统一资源定位符URL获取页面基本数据，并根据客户端存储的默认布局模板和页面基本数据执行渲染操作，得到目标页面的基本信息展示页面。
可见，本申请实施例提供的客户端页面渲染装置，在根据服务端返回的页面详情数据渲染得到详情信息展示页面前，先根据目标页面的URL及默认布局模板执行渲染操作，得到基本信息展示页面，避免在得到详情信息展示 页面之前页面显示窗口出现较长时间的空白，提高用户体验好感度。
另外，对照上述数据层、组件化模板翻译层和UI层三个逻辑层，上述数据解析单元属于数据层，组件类查找单元、组件翻译单元和目标目标生成单元属于组件化模板翻译层，详情信息渲染单元及基本信息渲染单元均属于UI层。
在本申请一个可行的实施例中，上述数据解析单元110至少包括：布局模板确定模块；该布局模板确定模块被配置为，判断对所述页面详情数据的解析结果中是否存在预设布局模板，如果存在所述预设布局模板，则确定所述预设布局模板为原始布局模板，否则确定所述默认布局模板为所述原始布局模板。
基于上述布局模板确定模块，当需要展示新增产品或服务时，可以在对应的页面详情数据中设置适用于该新增产品或服务的预设布局模板，从而布局模板确定模块将给预设布局模板作为目标页面的原始布局模板，执行组件数据处理及渲染操作，得到展示效果最佳的详情信息展示页面；而对于原有产品或服务，页面详情数据中可以不设置布局模板相关的数据，从而布局模板确定模块将客户端预存的默认布局模板作为原始布局模板，由于该默认布局模板是根据原有产品及服务设计的，故对于原有产品或服务，采用默认布局模板也可以得到展示效果很好的详细信息展示页面。
在本申请另一个可行的实施例中，上述组件翻译单元130包括：翻译函数查找模块和组件数据处理模块。
其中，该翻译函数查找模块被配置为，根据实现类名与函数之间的预设第二映射查找所述组件实现类对应的组件翻译函数。
该组件数据处理模块被配置为，调用所述组件翻译函数对所述组件数据进行处理，得到对应的组件描述项。
上述基于映射表的组件实现类及组件翻译函数查找方式，有利于实现组件的复用及扩展，即当根据产品展示需求，需要增加新的组件时，只需在两个映射表中添加相应的映射关系，即可根据新增组件的键值查找到对应的组件翻译函数，进而得到对应的组件描述项。
关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
另外，本申请实施例还提供了一种计算机存储介质，例如可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等；该计算机存储介质中存储有程序，当所述存储介质中的程序由终端设备的处理器执行时，使得终端设备能够执行上述方法实施例中记载的客户端页面渲染方法的部分或全部步骤。
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。
应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。

Claims (8)

  1. 一种客户端页面渲染方法，其特征在于，包括：
    接收并解析服务端发送的页面详情数据，确定目标页面的组件数据和原始布局模板；
    根据键值与实现类名之间的预设第一映射查找所述原始布局模板中记录的各个组件键值对应的组件实现类；
    根据所述组件实现类和组件数据生成对应的组件描述项；
    汇总各个组件描述项生成目标布局模板；
    根据所述目标布局模板执行渲染操作，得到目标页面的详情信息展示页面。
  2. 根据权利要求1所述的客户端页面渲染方法，其特征在于，在接收到所述页面详情数据前，所述方法还包括：
    根据目标页面的统一资源定位符URL获取页面基本数据；
    根据客户端存储的默认布局模板和页面基本数据执行渲染操作，得到目标页面的基本信息展示页面。
  3. 根据权利要求1或2所述的客户端页面渲染方法，其特征在于，所述确定目标页面的原始布局模板，包括：
    判断对所述页面详情数据的解析结果中是否存在预设布局模板；
    如果存在所述预设布局模板，则确定所述预设布局模板为原始布局模板；
    如果不存在所述预设布局模板，则确定所述默认布局模板为所述原始布局模板。
  4. 根据权利要求1或2所述的客户端页面渲染方法，其特征在于，根据所述组件实现类和组件数据生成对应的组件描述项，包括：
    根据实现类名与函数之间的预设第二映射查找所述组件实现类对应的组件翻译函数；
    调用所述组件翻译函数对所述组件数据进行处理，得到对应的组件描述项。
  5. 一种客户端页面渲染装置，其特征在于，包括：
    数据解析单元，用于接收并解析服务端发送的页面详情数据，确定目标页面的组件数据和原始布局模板；
    组件类查找单元，用于根据键值与实现类名之间的预设第一映射查找所述原始布局模板中记录的各个组件键值查找对应的组件实现类；
    组件翻译单元，用于根据所述组件实现类和组件数据生成对应的组件描述项；
    目标模板生成单元，用于汇总各个组件描述项生成目标布局模板；
    详情信息渲染单元，用于根据所述目标布局模板执行渲染操作，得到目标页面的详情信息展示页面。
  6. 根据权利要求5所述的装置，其特征在于，还包括：
    基本信息渲染单元，用于在所述数据解析单元接收到所述页面详情数据前，根据目标页面的统一资源定位符URL获取页面基本数据，并根据客户端存储的默认布局模板和页面基本数据执行渲染操作，得到目标页面的基本信息展示页面。
  7. 根据权利要求5或6所述的装置，其特征在于，所述数据解析单元包括：
    布局模板确定模块，用于判断对所述页面详情数据的解析结果中是否存在预设布局模板，如果存在所述预设布局模板，则确定所述预设布局模板为原始布局模板，否则确定所述默认布局模板为所述原始布局模板。
  8. 根据权利要求5或6所述的装置，其特征在于，所述组件翻译单元包括：
    翻译函数查找模块，用于根据实现类名与函数之间的预设第二映射查找所述组件实现类对应的组件翻译函数；
    组件数据处理模块，用于调用所述组件翻译函数对所述组件数据进行处理，得到对应的组件描述项。
PCT/CN2016/078605 2015-05-05 2016-04-06 客户端页面渲染方法及装置 Ceased WO2016177250A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201510224682.9 2015-05-05
CN201510224682.9A CN106202096A (zh) 2015-05-05 2015-05-05 客户端页面渲染方法及装置

Publications (1)

Publication Number Publication Date
WO2016177250A1 true WO2016177250A1 (zh) 2016-11-10

Family

ID=57217444

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2016/078605 Ceased WO2016177250A1 (zh) 2015-05-05 2016-04-06 客户端页面渲染方法及装置

Country Status (3)

Country Link
CN (1) CN106202096A (zh)
HK (1) HK1231588A1 (zh)
WO (1) WO2016177250A1 (zh)

Cited By (38)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108446116A (zh) * 2018-02-26 2018-08-24 平安普惠企业管理有限公司 应用程序页面的生成方法、装置、计算机设备和存储介质
CN108874384A (zh) * 2018-05-31 2018-11-23 康键信息技术（深圳）有限公司 终端设备、服务器、网页数据处理方法和计算机存储介质
CN109271607A (zh) * 2018-08-17 2019-01-25 阿里巴巴集团控股有限公司 用户页面布局检测方法和装置、电子设备
CN110121094A (zh) * 2019-06-20 2019-08-13 广州酷狗计算机科技有限公司 视频合拍模板的显示方法、装置、设备及存储介质
CN110287472A (zh) * 2019-06-28 2019-09-27 湖南御家科技有限公司 一种报表配置方法、系统、设备及计算机可读存储介质
CN110727434A (zh) * 2019-10-21 2020-01-24 百度在线网络技术（北京）有限公司 渲染方法、装置、电子设备及存储介质
CN110889067A (zh) * 2018-09-10 2020-03-17 广州虎牙信息科技有限公司 页面的渲染方法、装置、设备及存储介质
CN111061478A (zh) * 2019-12-11 2020-04-24 政采云有限公司 一种页面表单修改方法、装置、设备及可读存储介质
CN111324390A (zh) * 2020-02-20 2020-06-23 苏宁云计算有限公司 实现app内容可配置和实时更新的装置及方法
CN111581567A (zh) * 2019-02-18 2020-08-25 阿里巴巴集团控股有限公司 一种页面生成方法及装置
CN111611514A (zh) * 2020-04-11 2020-09-01 上海淇玥信息技术有限公司 一种基于用户登录信息的页面展示方法、装置和电子设备
CN111708537A (zh) * 2020-06-18 2020-09-25 深圳前海微众银行股份有限公司 基于组件模板的页面渲染方法、设备及可读存储介质
CN112083990A (zh) * 2020-08-28 2020-12-15 山东英信计算机技术有限公司 一种智能配置监控首页的方法、装置、设备及存储介质
CN112256445A (zh) * 2020-07-24 2021-01-22 北京沃东天骏信息技术有限公司 基于应用程序的数据处理方法、装置、设备及存储介质
CN112416334A (zh) * 2019-08-23 2021-02-26 腾讯科技（深圳）有限公司 一种页面配置方法、装置、设备及存储介质
CN112433728A (zh) * 2020-12-09 2021-03-02 中国建设银行股份有限公司 网站构建的方法、装置、电子设备以及存储介质
CN112631588A (zh) * 2020-12-28 2021-04-09 北京五八信息技术有限公司 文件生成方法、装置、电子设备和计算机可读介质
CN112631580A (zh) * 2019-09-24 2021-04-09 阿里巴巴集团控股有限公司 数据处理方法、装置及计算设备
CN112800370A (zh) * 2021-01-28 2021-05-14 金蝶蝶金云计算有限公司 业务单据的处理方法、装置、计算机设备和存储介质
CN112800724A (zh) * 2020-12-29 2021-05-14 杭州涂鸦信息技术有限公司 可视化配置模板的可读文件导出方法及相关装置
CN112862558A (zh) * 2019-11-28 2021-05-28 阿里巴巴集团控股有限公司 产品详情页面的生成方法和系统、数据处理方法
CN112947904A (zh) * 2021-03-12 2021-06-11 中国平安财产保险股份有限公司 活动页面配置方法、装置、设备及存储介质
CN113190759A (zh) * 2021-05-21 2021-07-30 上海微盟企业发展有限公司 一种网页生成方法、装置、设备及计算机可读存储介质
CN113268261A (zh) * 2021-07-16 2021-08-17 北京乐学帮网络技术有限公司 一种页面内容展示方法、装置以及电子设备
CN113419726A (zh) * 2021-06-22 2021-09-21 康键信息技术（深圳）有限公司 商品详情页面生成方法、装置、设备及存储介质
CN113590119A (zh) * 2021-07-29 2021-11-02 远光软件股份有限公司 页面创建方法、电子设备及存储介质
CN113703860A (zh) * 2020-05-09 2021-11-26 中国人寿财产保险股份有限公司 一种动态配置app的系统和方法
CN113760253A (zh) * 2021-01-08 2021-12-07 北京沃东天骏信息技术有限公司 前端渲染方法、装置、设备、介质及程序产品
CN113780778A (zh) * 2021-08-30 2021-12-10 北京沃东天骏信息技术有限公司 一种信息处理方法及装置、存储介质
CN114238808A (zh) * 2021-12-01 2022-03-25 招联消费金融有限公司 页面展示方法、装置、计算机设备和存储介质
CN114237696A (zh) * 2021-12-22 2022-03-25 广州品唯软件有限公司 页面展示方法、装置、存储介质及计算机设备
CN114756552A (zh) * 2022-04-21 2022-07-15 湖南快乐阳光互动娱乐传媒有限公司 数据聚合方法及装置
CN115129316A (zh) * 2022-07-18 2022-09-30 北京搜房科技发展有限公司 页面渲染方法及装置、存储介质及电子设备
CN115309399A (zh) * 2022-08-18 2022-11-08 北京华俊高科软件有限公司 基于服务端数据跨平台动态渲染app原生界面的热部署方法
CN115358050A (zh) * 2022-07-28 2022-11-18 远光软件股份有限公司 一种产品的设计方法、装置及存储介质
CN115543323A (zh) * 2022-11-29 2022-12-30 共道网络科技有限公司 一种页面开发方法及装置
CN115857929A (zh) * 2022-12-09 2023-03-28 中国工商银行股份有限公司 资源数据处理方法、装置、计算机设备和存储介质
CN119597288A (zh) * 2024-11-26 2025-03-11 上海西派埃智能化系统有限公司 基于嵌套组合模型的Web页面生成装置、方法及系统

Families Citing this family (24)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106600383A (zh) * 2016-12-29 2017-04-26 江西博瑞彤芸科技有限公司 页面配置方法
CN108334387B (zh) * 2017-01-20 2021-03-16 阿里巴巴集团控股有限公司 动态界面渲染方法及装置
CN106951523B (zh) * 2017-03-20 2019-12-10 北京搜狐新媒体信息技术有限公司 一种对象处理方法及系统
CN106980508A (zh) * 2017-04-01 2017-07-25 百度在线网络技术（北京）有限公司 用于生成页面的方法和装置
CN109656645A (zh) * 2017-10-11 2019-04-19 阿里巴巴集团控股有限公司 展现时间确定方法和页面渲染完成时间的确定方法及装置
CN108549693B (zh) * 2018-04-13 2022-07-08 上海宝尊电子商务有限公司 基于爬虫技术的cms页面生成方法
CN110489116B (zh) * 2018-05-15 2024-02-06 阿里巴巴（中国）有限公司 一种页面的渲染方法、装置及计算机存储介质
CN108845800B (zh) * 2018-05-23 2022-05-31 北京五八信息技术有限公司 一种组件扩展功能的实现方法、装置、设备及存储介质
CN109101300B (zh) * 2018-06-14 2020-06-02 腾讯科技（深圳）有限公司 一种页面渲染方法、装置及终端
CN109145238B (zh) * 2018-07-06 2021-09-28 创新先进技术有限公司 一种卡片显示方法、装置及移动设备
CN110007916B (zh) * 2018-12-06 2022-07-05 创新先进技术有限公司 业务系统的界面渲染方法、装置和服务器
CN109684008B (zh) * 2018-12-19 2022-03-29 Oppo广东移动通信有限公司 卡片渲染方法、装置、终端及计算机可读存储介质
CN110297672B (zh) * 2019-05-22 2022-08-16 深圳壹账通智能科技有限公司 页面动态生成方法、装置、计算机设备及存储介质
CN110442815B (zh) * 2019-06-24 2022-04-01 北京奇艺世纪科技有限公司 页面生成方法、系统、装置及计算机可读存储介质
CN110673907B (zh) * 2019-08-30 2022-04-15 深圳壹账通智能科技有限公司 多角色页面跳转方法、装置、计算机设备及可读存储介质
CN110727435B (zh) * 2019-10-21 2023-09-05 百度在线网络技术（北京）有限公司 渲染方法、装置、电子设备及存储介质
CN110908657A (zh) * 2019-11-15 2020-03-24 中国人民财产保险股份有限公司 一种产品生成方法及装置
CN111142846B (zh) * 2019-12-27 2023-12-05 北京奇艺世纪科技有限公司 组件开发方法、装置及系统、移动终端和可读存储介质
CN111459565B (zh) * 2020-02-27 2023-08-18 上海钧正网络科技有限公司 一种客户端页面渲染的方法、装置及移动终端
CN111857803A (zh) * 2020-07-20 2020-10-30 北京达佳互联信息技术有限公司 页面更新方法、装置、服务器及存储介质
CN114217795B (zh) * 2021-12-03 2024-11-26 北京达佳互联信息技术有限公司 页面生成方法、装置、电子设备及可读存储介质
CN114490844A (zh) * 2021-12-30 2022-05-13 招商局国际科技有限公司 数据文件导出方法、装置、设备及可读存储介质
CN114547507B (zh) * 2022-02-22 2026-01-23 北京达佳互联信息技术有限公司 信息展示方法、装置、服务器、电子设备和存储介质
CN114817793B (zh) * 2022-06-24 2022-11-15 深圳市信润富联数字科技有限公司 页面生成方法、装置、设备及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7594166B1 (en) * 1999-05-20 2009-09-22 Microsoft Corporation Dynamic web page behaviors
CN102306163A (zh) * 2011-08-01 2012-01-04 烟台杰瑞网络商贸有限公司 一种基于b2b平台的动态集成技术
CN103577207A (zh) * 2012-08-01 2014-02-12 阿里巴巴集团控股有限公司 一种自定义界面系统中界面组件的加载方法和装置
CN103870266A (zh) * 2012-12-12 2014-06-18 杭州新世纪电子科技有限公司 一种页面生成方法和系统
CN103955364A (zh) * 2014-04-15 2014-07-30 南威软件股份有限公司 一种适用于手机的前端组件方法

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10176270B2 (en) * 2009-12-24 2019-01-08 International Business Machines Corporation Performance of template based javascript widgets
CN102779164B (zh) * 2012-06-20 2015-08-05 深圳市远行科技有限公司 一种业务系统及其动态页面的渲染方法
CN104158836B (zh) * 2014-06-23 2018-05-01 浙江大学城市学院 一种通过数据渲染移动应用界面的方法
CN104142826A (zh) * 2014-07-28 2014-11-12 百度在线网络技术（北京）有限公司 页面的构建方法、装置及系统

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7594166B1 (en) * 1999-05-20 2009-09-22 Microsoft Corporation Dynamic web page behaviors
CN102306163A (zh) * 2011-08-01 2012-01-04 烟台杰瑞网络商贸有限公司 一种基于b2b平台的动态集成技术
CN103577207A (zh) * 2012-08-01 2014-02-12 阿里巴巴集团控股有限公司 一种自定义界面系统中界面组件的加载方法和装置
CN103870266A (zh) * 2012-12-12 2014-06-18 杭州新世纪电子科技有限公司 一种页面生成方法和系统
CN103955364A (zh) * 2014-04-15 2014-07-30 南威软件股份有限公司 一种适用于手机的前端组件方法

Cited By (47)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108446116A (zh) * 2018-02-26 2018-08-24 平安普惠企业管理有限公司 应用程序页面的生成方法、装置、计算机设备和存储介质
CN108874384A (zh) * 2018-05-31 2018-11-23 康键信息技术（深圳）有限公司 终端设备、服务器、网页数据处理方法和计算机存储介质
CN109271607A (zh) * 2018-08-17 2019-01-25 阿里巴巴集团控股有限公司 用户页面布局检测方法和装置、电子设备
CN110889067A (zh) * 2018-09-10 2020-03-17 广州虎牙信息科技有限公司 页面的渲染方法、装置、设备及存储介质
CN111581567B (zh) * 2019-02-18 2023-03-28 阿里巴巴集团控股有限公司 一种页面生成方法及装置
CN111581567A (zh) * 2019-02-18 2020-08-25 阿里巴巴集团控股有限公司 一种页面生成方法及装置
CN110121094A (zh) * 2019-06-20 2019-08-13 广州酷狗计算机科技有限公司 视频合拍模板的显示方法、装置、设备及存储介质
CN110287472A (zh) * 2019-06-28 2019-09-27 湖南御家科技有限公司 一种报表配置方法、系统、设备及计算机可读存储介质
CN110287472B (zh) * 2019-06-28 2022-12-09 湖南水羊科技有限公司 一种报表配置方法、系统、设备及计算机可读存储介质
CN112416334A (zh) * 2019-08-23 2021-02-26 腾讯科技（深圳）有限公司 一种页面配置方法、装置、设备及存储介质
CN112416334B (zh) * 2019-08-23 2024-06-11 腾讯科技（深圳）有限公司 一种页面配置方法、装置、设备及存储介质
CN112631580A (zh) * 2019-09-24 2021-04-09 阿里巴巴集团控股有限公司 数据处理方法、装置及计算设备
CN110727434A (zh) * 2019-10-21 2020-01-24 百度在线网络技术（北京）有限公司 渲染方法、装置、电子设备及存储介质
CN110727434B (zh) * 2019-10-21 2023-07-04 百度在线网络技术（北京）有限公司 渲染方法、装置、电子设备及存储介质
CN112862558B (zh) * 2019-11-28 2024-03-01 阿里巴巴集团控股有限公司 产品详情页面的生成方法和系统、数据处理方法
CN112862558A (zh) * 2019-11-28 2021-05-28 阿里巴巴集团控股有限公司 产品详情页面的生成方法和系统、数据处理方法
CN111061478B (zh) * 2019-12-11 2023-08-22 政采云有限公司 一种页面表单修改方法、装置、设备及可读存储介质
CN111061478A (zh) * 2019-12-11 2020-04-24 政采云有限公司 一种页面表单修改方法、装置、设备及可读存储介质
CN111324390A (zh) * 2020-02-20 2020-06-23 苏宁云计算有限公司 实现app内容可配置和实时更新的装置及方法
CN111611514A (zh) * 2020-04-11 2020-09-01 上海淇玥信息技术有限公司 一种基于用户登录信息的页面展示方法、装置和电子设备
CN111611514B (zh) * 2020-04-11 2024-04-23 上海淇玥信息技术有限公司 一种基于用户登录信息的页面展示方法、装置和电子设备
CN113703860A (zh) * 2020-05-09 2021-11-26 中国人寿财产保险股份有限公司 一种动态配置app的系统和方法
CN111708537A (zh) * 2020-06-18 2020-09-25 深圳前海微众银行股份有限公司 基于组件模板的页面渲染方法、设备及可读存储介质
CN112256445A (zh) * 2020-07-24 2021-01-22 北京沃东天骏信息技术有限公司 基于应用程序的数据处理方法、装置、设备及存储介质
CN112083990A (zh) * 2020-08-28 2020-12-15 山东英信计算机技术有限公司 一种智能配置监控首页的方法、装置、设备及存储介质
CN112433728A (zh) * 2020-12-09 2021-03-02 中国建设银行股份有限公司 网站构建的方法、装置、电子设备以及存储介质
CN112631588A (zh) * 2020-12-28 2021-04-09 北京五八信息技术有限公司 文件生成方法、装置、电子设备和计算机可读介质
CN112800724A (zh) * 2020-12-29 2021-05-14 杭州涂鸦信息技术有限公司 可视化配置模板的可读文件导出方法及相关装置
CN113760253A (zh) * 2021-01-08 2021-12-07 北京沃东天骏信息技术有限公司 前端渲染方法、装置、设备、介质及程序产品
CN112800370B (zh) * 2021-01-28 2024-04-30 金蝶蝶金云计算有限公司 业务单据的处理方法、装置、计算机设备和存储介质
CN112800370A (zh) * 2021-01-28 2021-05-14 金蝶蝶金云计算有限公司 业务单据的处理方法、装置、计算机设备和存储介质
CN112947904A (zh) * 2021-03-12 2021-06-11 中国平安财产保险股份有限公司 活动页面配置方法、装置、设备及存储介质
CN113190759A (zh) * 2021-05-21 2021-07-30 上海微盟企业发展有限公司 一种网页生成方法、装置、设备及计算机可读存储介质
CN113419726A (zh) * 2021-06-22 2021-09-21 康键信息技术（深圳）有限公司 商品详情页面生成方法、装置、设备及存储介质
CN113419726B (zh) * 2021-06-22 2023-10-24 康键信息技术（深圳）有限公司 商品详情页面生成方法、装置、设备及存储介质
CN113268261A (zh) * 2021-07-16 2021-08-17 北京乐学帮网络技术有限公司 一种页面内容展示方法、装置以及电子设备
CN113590119A (zh) * 2021-07-29 2021-11-02 远光软件股份有限公司 页面创建方法、电子设备及存储介质
CN113780778A (zh) * 2021-08-30 2021-12-10 北京沃东天骏信息技术有限公司 一种信息处理方法及装置、存储介质
CN114238808A (zh) * 2021-12-01 2022-03-25 招联消费金融有限公司 页面展示方法、装置、计算机设备和存储介质
CN114237696A (zh) * 2021-12-22 2022-03-25 广州品唯软件有限公司 页面展示方法、装置、存储介质及计算机设备
CN114756552A (zh) * 2022-04-21 2022-07-15 湖南快乐阳光互动娱乐传媒有限公司 数据聚合方法及装置
CN115129316A (zh) * 2022-07-18 2022-09-30 北京搜房科技发展有限公司 页面渲染方法及装置、存储介质及电子设备
CN115358050A (zh) * 2022-07-28 2022-11-18 远光软件股份有限公司 一种产品的设计方法、装置及存储介质
CN115309399A (zh) * 2022-08-18 2022-11-08 北京华俊高科软件有限公司 基于服务端数据跨平台动态渲染app原生界面的热部署方法
CN115543323A (zh) * 2022-11-29 2022-12-30 共道网络科技有限公司 一种页面开发方法及装置
CN115857929A (zh) * 2022-12-09 2023-03-28 中国工商银行股份有限公司 资源数据处理方法、装置、计算机设备和存储介质
CN119597288A (zh) * 2024-11-26 2025-03-11 上海西派埃智能化系统有限公司 基于嵌套组合模型的Web页面生成装置、方法及系统

Also Published As

Publication number Publication date
CN106202096A (zh) 2016-12-07
HK1231588A1 (zh) 2017-12-22

Similar Documents

Publication Publication Date Title
WO2016177250A1 (zh) 客户端页面渲染方法及装置
KR102185864B1 (ko) 프레젠테이션을 위한 네이티브 콘텐츠의 서버측 렌더링 방법 및 시스템
US9311281B2 (en) Methods for facilitating web page image hotspots and devices thereof
CN109062563B (zh) 用于生成页面的方法和装置
US20090158238A1 (en) Method and apparatus for providing api service and making api mash-up, and computer readable recording medium thereof
WO2020185330A1 (en) Solution for implementing computing service based on structured query language statement
US10372769B2 (en) Displaying results, in an analytics visualization dashboard, of federated searches across repositories using as inputs attributes of the analytics visualization dashboard
CN105122237A (zh) 共享应用程序状态
US10262066B2 (en) Crowd-sourced native application crawling
CN103493042B (zh) 浏览系统、图像服务器、及图像服务器执行的方法
JP7610852B2 (ja) ウェブページ提供装置、情報処理方法、およびプログラム
CN104036003B (zh) 搜索结果整合方法和装置
US8959111B2 (en) Providing answer box functionality to third party search engines
JPWO2019163117A1 (ja) ウェブページ翻訳システム、ウェブページ翻訳装置、ウェブページ提供装置およびウェブページ翻訳方法
US10191971B2 (en) Computer-automated display adaptation of search results according to layout file
CN107430609A (zh) 针对企业环境的浏览器新标签页的生成
KR102372060B1 (ko) 전자 기기, 표시 방법, 및 기록 매체에 기록된 프로그램
CN105589870B (zh) 网页广告的过滤方法和系统
CN115202715A (zh) 一种网络页面的处理方法、装置及存储介质
JP6219425B2 (ja) 属性情報生成装置、連携システムおよび属性情報生成プログラム
CN113645506A (zh) 一种图片合成方法、装置、电子设备及存储介质
JP7511541B2 (ja) プログラム、情報処理装置及び方法
CN107844537A (zh) 一种标记网页的方法及系统
JP2011048730A (ja) ウェブページ閲覧アシスト方法
CN119089056A (zh) 面包屑导航展示方法、装置、设备及存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 16789244

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 16789244

Country of ref document: EP

Kind code of ref document: A1