CN110968310B - Webpage component rendering method and system - Google Patents

Webpage component rendering method and system Download PDF

Info

Publication number
CN110968310B
CN110968310B CN201811154812.6A CN201811154812A CN110968310B CN 110968310 B CN110968310 B CN 110968310B CN 201811154812 A CN201811154812 A CN 201811154812A CN 110968310 B CN110968310 B CN 110968310B
Authority
CN
China
Prior art keywords
component
sub
rendering
parent
business
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.)
Active
Application number
CN201811154812.6A
Other languages
Chinese (zh)
Other versions
CN110968310A (en
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.)
Beijing Gridsum Technology Co Ltd
Original Assignee
Beijing Gridsum Technology Co 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 Beijing Gridsum Technology Co Ltd filed Critical Beijing Gridsum Technology Co Ltd
Priority to CN201811154812.6A priority Critical patent/CN110968310B/en
Publication of CN110968310A publication Critical patent/CN110968310A/en
Application granted granted Critical
Publication of CN110968310B publication Critical patent/CN110968310B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

The embodiment of the invention provides a webpage component rendering method and system, and belongs to the technical field of webpage optimization. The webpage component rendering method comprises the following steps: obtaining a rendering request of a webpage, wherein the webpage is configured with a parent component and a child component; determining a business sub-component in sub-components under a parent component to be rendered based on the rendering request, and business data indicated by the business sub-component; rendering the web page based on the determined business sub-component and the business data indicated by the determined business sub-component. Therefore, the application service sub-component executes the webpage rendering process, namely the requested parent component actively calls the service data of the corresponding sub-component, the sub-component does not need to execute the rendering based on the coupling relation induction of the parent sub-component, the consumption caused by the unnecessary rendering of the sub-component is optimized, the performance cost of the webpage is reduced, and the user experience of webpage browsing is improved.

Description

Webpage component rendering method and system
Technical Field
The invention relates to the technical field of webpage optimization, in particular to a webpage component rendering method and system.
Background
In the generation process of the front-end webpage, data needed by the webpage are not all obtained through one-time request in most cases, requests of some data are obtained in batches through asynchronous loading, no coupling relation exists among the data, time sequence problems among the data do not need to be considered, and the method can be completed through concurrent multiple requests at one time. However, there is a time sequence dependency between the service data of the other type in the web page, that is, the service logic must be used to request the data needed by the item (also called parent component) first, and then request the data of the dashboard (also called child component) separately in order.
To address this timing dependency problem, it is currently proposed to couple data and states of many parent components on a child component, based on which the child component may perform data change logic upon the parent component receiving a user operation (e.g., upon switching the parent component) sensing the operation. However, a parent component triggers multiple child components to undergo data change logic to perform the initial rendering operation, including the rendering operation of the child components that is not associated with the user operation request, resulting in unnecessary web page overhead that is represented on the web page by loading the mask layer and representing the loading, which severely affects the user's web page browsing experience.
Disclosure of Invention
The embodiment of the invention aims to provide a webpage component rendering method and system, which are used for at least solving the problem that the performance cost is overlarge because all sub-components are rendered when parent components are switched every time at present.
In order to achieve the above object, an embodiment of the present invention provides a method for rendering a web page component, including: obtaining a rendering request of a webpage, wherein the webpage is configured with a parent component and a child component; determining a business sub-component in sub-components under a parent component to be rendered based on the rendering request, and business data indicated by the business sub-component; rendering the web page based on the determined business sub-component and the business data indicated by the determined business sub-component.
Optionally, the determining, based on the rendering request, the service sub-component in the sub-component under the parent component to be rendered and the service data indicated by the service sub-component includes: determining a business sub-component corresponding to the parent component to be rendered based on a pre-configured corresponding interface between the parent component and the business sub-component; and calling service data corresponding to the service sub-component based on the corresponding interface.
Optionally, the method further includes a construction procedure for the corresponding interface between the parent component and the business sub-component, specifically including: counting all business sub-components involved in the webpage rendering process; determining parent components respectively coupled with the counted business sub-components; and constructing a corresponding interface between the parent component and the business sub-component based on the parent component to which the counted business sub-component is coupled.
Optionally, the querying the service data corresponding to the service sub-component includes: and querying a preconfigured service data list to determine service data indicated by the service sub-component corresponding to the father component requested to be switched to, wherein the service data list records a plurality of groups of associated father components and the service data indicated by the service sub-components under the father components.
Optionally, the sub-component under the parent component further includes a generic sub-component for indicating generic data, wherein before obtaining the rendering request of the web page, the method further includes: and carrying out initialized rendering on the universal sub-components in the webpage.
Optionally, the rendering the web page based on the determined service sub-component and the indicated service data thereof includes: and rendering the webpage based on the initialized rendered generic sub-component, the determined service sub-component and the service data.
Optionally, the general sub-component is configured to include a common sub-component and/or a stateless sub-component, and the general data indicated by the general sub-component includes a webpage theme and/or a webpage color.
Another aspect of an embodiment of the present invention provides a web page component rendering system, including: a rendering request acquisition unit configured to acquire a rendering request of a web page, where the web page is configured with a parent component and a child component; a service sub-component determining unit, configured to determine, based on the rendering request, a service sub-component in a sub-component under a parent component to be rendered and service data indicated by the service sub-component; and the webpage rendering unit is used for rendering the webpage based on the determined service sub-component and the service data indicated by the determined service sub-component.
Optionally, the service subcomponent determining unit includes: a business sub-component determining module, configured to determine, based on a pre-configured corresponding interface between a parent component and a business sub-component, the business sub-component corresponding to the parent component to be rendered; and the service data calling module is used for calling the service data corresponding to the service sub-assembly based on the corresponding interface.
Optionally, the system further includes an interface construction unit for the corresponding interface between the parent component and the business sub-component, specifically including: the business sub-assembly statistics module is used for counting all business sub-assemblies involved in the webpage rendering process; a coupling relation determining module for determining a parent component coupled with the counted business sub-component; and the interface construction module is used for constructing a corresponding interface between the parent component and the business sub-component based on the parent component to which the counted business sub-component is coupled.
In another aspect, an embodiment of the present invention provides a processor, where the processor is configured to execute a program, where the program executes any one of the above methods for rendering a web page component.
Another aspect of an embodiment of the present invention provides a machine-readable storage medium having stored thereon instructions for causing a machine to perform the method for rendering a web page component described herein.
Through the technical scheme, when a rendering request is received, the service component under the father component to be rendered and the service data in the service component are called, and the initialized rendering operation of the webpage is carried out based on the called service component and the service data. Therefore, the application service sub-component executes the webpage rendering process, namely the requested parent component actively calls the service data of the corresponding sub-component, the sub-component does not need to execute the rendering based on the coupling relation induction of the parent sub-component, the consumption caused by the unnecessary rendering of the sub-component is optimized, the performance cost of the webpage is reduced, and the user experience of webpage browsing is further improved.
Additional features and advantages of embodiments of the invention will be set forth in the detailed description which follows.
Drawings
The accompanying drawings are included to provide a further understanding of embodiments of the invention and are incorporated in and constitute a part of this specification, illustrate embodiments of the invention and together with the description serve to explain, without limitation, the embodiments of the invention. In the drawings:
FIG. 1 is a flow chart of a method for rendering a web page component according to an embodiment of the invention;
FIG. 2 illustrates a schematic diagram of coupling relationships between multiple components in a web page;
FIG. 3 is a flow diagram of the construction of a corresponding interface between a parent component and a business sub-component for one embodiment of the invention;
FIG. 4 shows a schematic diagram of the corresponding interfaces between components in an embodiment of the invention;
FIG. 5 is a block diagram illustrating a method for rendering a web page component according to an embodiment of the present invention.
Detailed Description
The following describes the detailed implementation of the embodiments of the present invention with reference to the drawings. It should be understood that the detailed description and specific examples, while indicating and illustrating the invention, are not intended to limit the invention.
And the data display of the items is carried out at the webpage end, a user can establish a plurality of items (corresponding to the father component), different items are equivalent to different main services, and a plurality of dashboards (corresponding to the sub-components) are arranged under each item, which is equivalent to the sub-services under the main services. When a user enters a webpage, the data firstly requested is a list of all items, namely main service data, the user selects a certain dashboard under one item from the list for display, at the moment, dashboard data, namely sub service data, are requested, and parameters required in the request are the current item id and the dashboard id. From this process, it can be seen that project data must be obtained first to know which dashboards are under the project, and that there is a timing relationship between project and dashboards for data requests.
When time sequence dependency exists on the data, synchronous waiting can occur in the rendering process of the page, and only after the sub-service data request is successful, the corresponding component in the sub-service starts to render. When the main service is switched, the above process is repeated. Based on the dependency relationship, states of some father components are inevitably coupled in service logic of the child components, so that the child service components need to be restarted to be rendered after the main service is switched each time, performance overhead occurs to a certain extent, and user experience is not facilitated.
In order to solve the problem, the embodiment of the invention provides a set of optimization scheme, so that only part of sub-components need to be re-rendered, and pages do not need to be completely re-initialized and rendered, thereby saving a part of unnecessary performance cost. Therefore, the data and the states of the parent-child components are decoupled, the rendering process of the parent-child components with time sequence dependency is optimized, and the performance overhead of the webpage is reduced.
As shown in fig. 1, a web page component rendering method according to an embodiment of the present invention includes:
s11, acquiring a rendering request of a webpage, wherein the webpage is configured with a parent component and a child component.
Regarding an acquisition mode of a rendering request, the acquisition mode is realized through interactive operation of a user on a webpage interface, wherein the rendering request can be used for representing a request for rendering a webpage, such as component switching or component initialization; and the web page is configured with a parent component and a child component, wherein the parent component and the child component are time-sequence dependent components in the web page and have corresponding parent-child component coupling relationships.
S12, determining service sub-components in sub-components under the parent component to be rendered based on the rendering request, and service data indicated by the service sub-components.
It should be noted that, the sub-components under the parent component to be rendered may include a general sub-component in addition to the business sub-components; the general sub-component may be indicated by general data, and the service sub-component may be indicated by service data, so that the general sub-component does not relate to data of substantial service aspect, and thus the sub-components may be classified into the general sub-component and the service sub-component in advance (e.g., distinguished by data content corresponding to the sub-components).
In the current related art, all sub-components (including business components and general components) having a coupling relationship with a parent component are obtained by identifying the parent component to be rendered and then resolving the parent-child component coupling relationship of the sub-components. In contrast, in the embodiment of the present invention, only the business component in the sub-component under the corresponding parent component is determined in response to the rendering request, and the general sub-component is not involved.
The determining process of the service sub-assembly and the determining process of the data corresponding to the service sub-assembly are specifically involved in S12. The determining process of the business sub-component may be based on a pre-configured corresponding interface between the parent component and the business sub-component, to determine the business sub-component corresponding to the parent component to be rendered; thus, when the parent component receives the switching request, the child component corresponding to the parent component can be actively invoked directly based on the corresponding interface without passive sensing of the coupling relation of the parent and child components by the child component, and the decoupling effect is achieved, for example, a stateless function is applied to achieve the association of the corresponding interface (the specific details are further developed below).
In addition, the determining process of the data corresponding to the service sub-component can be directly implemented by the service sub-component to call the data according to the original component structure or by another mode. As an example, it may be to query a preconfigured service data list to determine service data indicated by a service sub-component corresponding to a parent component to which switching is requested, where multiple sets of service data indicated by the associated parent component and the service sub-component under the parent component are recorded in the service data list, so that service data association under the parent component is integrated in the service data list. Thus, the parent component is used as an index and corresponding business data is determined through a table look-up.
And S13, rendering the webpage based on the determined service sub-component and the indicated service data.
In the embodiment of the invention, the service sub-component and the indicated service data can be subjected to initialization rendering, that is to say, the general sub-component under the parent component to be rendered does not execute initialization rendering in the webpage rendering process. Since these general sub-components are completely irrelevant to data and still have the same state before and after rendering, it is proposed in the present embodiment to perform initialization rendering by selecting a service sub-component instead of rendering the general sub-components, thereby improving web browsing performance.
In order that the spirit of the embodiments of the present invention may be more readily understood by the public, the application of the embodiments of the present invention will now be described with reference to fig. 2. The coupling relationship between multiple components in a web page as shown in FIG. 2, where A and B are parent components, 1, 2, 3, and 4 are child components, and 1-A, 2-A-B, 3-A-B, 4-B. In the related art, when a user requests to switch from a parent component a to a parent component B, the parent component B and its related content in the web page need to be rendered, and at this time, based on the coupling relationship induced by the sub-components, all sub-components corresponding to B perform initialized rendering (i.e. 2, 3 and 4). However, switching from A to B, there are two sub-components (2 and 3) that are common and there is no need to initiate rendering of these common sub-components (since the results of the corresponding pages before and after rendering are the same); in addition, if a stateless component exists in the sub-component 2 or 3 or other sub-component not shown, for example, the general data content indicated by the stateless component may be the corresponding web page theme, web page color, etc., which is not changed with the switch request. Thus, for these generic sub-components (including the common sub-component and/or stateless sub-component described above), the inventors have found that there is no change in the page effect corresponding to it before and after rendering, and propose that it may be to perform an initial rendering of a sub-component that involves only the service, for example, when a switch request from a to B is received, it may be to perform an initial rendering of only the service sub-component 4 corresponding to B, without involving the generic sub-component 2 or 3, thereby reducing the web page performance consumption.
In some preferred embodiments, the generic subcomponent in the web page may be initially rendered prior to obtaining the rendering request for the web page. Because the rendering of the generic sub-component is independent of the switch request, the sub-component, such as the webpage theme or webpage color, may be in a state of empty data (i.e., loaded once before the switch request is received) and still unchanged during the rendering of the subsequent switch request response, and may be directly multiplexed, e.g., after the webpage rendering request is subsequently received, the webpage may be rendered based on the generic sub-component, the determined service sub-component, and the service data that were previously initialized, thereby directly multiplexing the generic sub-component and its generic data content to save system resources when the parent component switches.
The embodiment of the invention also provides a construction flow for the corresponding interface between the father component and the business sub-component, as shown in fig. 3, which specifically comprises the following steps:
s31, counting all business sub-components involved in the webpage rendering process.
S32, determining parent components respectively coupled with the counted business sub-components.
S33, constructing a corresponding interface between the parent component and the business sub-component based on the parent component to which the counted business sub-component is coupled.
In this embodiment, by establishing corresponding interfaces between all service sub-components and corresponding parent components of the web page, the coupling relationship between the original parent sub-components is further relieved by using an interface technology, that is, all previous passive induction type calling of the sub-components is changed into a form that the parent components directly trigger active calling of the service sub-components under the interfaces and general sub-components under the non-interfaces are maintained. For example, A-1 and B-4 as shown in FIG. 4 may not involve common sub-assemblies No. 2 and No. 3 in comparison to the coupling relationship of FIG. 2.
Theoretically, the core dependencies of a child on a parent should only have business data, while there should not be too much dependencies (such as generic child) on the view-layer state, interaction state, etc. of the parent. Moreover, subcomponents only present different results at the view level because of the different data, but the presentation logic of the core and the logic of the business code are not data dependent. Thus, in the embodiment of the invention, it is proposed that the sub-component can be abstracted into an independent module in terms of data and status, so that the parent component gives a set of data and status inputs, and the sub-component gives corresponding outputs according to the inputs and presents the outputs to the view layer.
In this embodiment, given a set of inputs, a set of outputs can be obtained correspondingly, and no matter how many times the process is performed, the output results will not change, the process can be analogized to a stateless function, the inputs are parameters passed to the function, and the outputs are return values of the function. The subcomponent is treated as a function, with the inputs being item ID (i.e., parent component ID), item data, item status, etc., and the outputs being a list of dashboards under the item, a presentation of various data for a dashboard (data for business subcomponents), etc. Thus, all data and states in the sub-component are given by the parent component, the sub-component only needs to execute corresponding business logic according to the incoming data, and select corresponding results to the page without additional data and states. Thus, the timing dependence between the parent and child components achieves decoupling, and the child components no longer need to consider timing issues.
The decoupling process abstracts the primary data and state from the sub-components, not to say that the parent sub-components are completely separated, because the sub-components need to be notified of the corresponding changes when the parent component changes data. For example, the user switches from the parent component a to the parent component B, and what needs to be presented is a child component under the parent component B, which needs to tell the child component that the external state changes, and needs to update the view layer. When the father-son relationship of the components is constructed, the business sub-components provide an interface which is related to the corresponding father-components, when the data is changed, the interface is used for the father-components to call, the changed data and states are transmitted as parameters of the interface, and the interface is an important coupling point between the father-son components. The above procedure completes the decoupling of data and state between parent-child components while providing an interface method for updating the view of the child component.
When the whole page is initialized, since the data of the parent component is still in the request, the state transferred to the child component is the initial state, and the received data is null data, but a plurality of general components (generally small components) independent of the data exist in the child component, the rendering process of the small components is not hindered by the state of null data, and therefore the small components can begin to render without waiting for the data of the parent component to end. Similarly, when the parent component is switched, the data of the parent component is changed and the child component is informed to update the view layer, and for the child component, the difference between the parent component before and after the switching is only the change of the incoming data, the child component only needs to update the view related to the data, the child component does not need to update the gadget related to the data at all, and the child component does not need to be reinitialized and rendered, and can be directly reused.
According to the embodiment of the invention, the data and the states of the parent-child components are decoupled, so that the rendering process of the parent-child components with time sequence dependency is optimized, the performance cost of the webpage is reduced, the consumption caused by unnecessary rendering process is optimized, the logic of the code is clearer, the maintenance is easier, and the user experience is improved.
As shown in FIG. 5, a web page component rendering system 50 according to an embodiment of the present invention includes:
a rendering request acquiring unit 501, configured to acquire a rendering request of a web page, where the web page is configured with a parent component and a child component;
a service sub-component determining unit 502, configured to determine, based on the rendering request, a service sub-component in a sub-component under a parent component to be rendered and service data indicated by the service sub-component;
and a web page rendering unit 503 for rendering a web page based on the determined service sub-component and the service data indicated by the determined service sub-component.
In some embodiments, the service subcomponent determination unit 502 includes: a business sub-component determining module, configured to determine, based on a pre-configured corresponding interface between a parent component and a business sub-component, the business sub-component corresponding to the parent component to be rendered; and the service data query module is used for querying service data corresponding to the service sub-assembly.
In some embodiments, the system 50 further includes an interface construction unit (not shown) for the corresponding interface between the parent component and the business sub-component, specifically including: the business sub-assembly statistics module is used for counting all business sub-assemblies involved in the webpage rendering process; a coupling relation determining module for determining a parent component coupled with the counted business sub-component; and the interface construction module is used for constructing a corresponding interface between the parent component and the business sub-component based on the parent component to which the counted business sub-component is coupled.
In another aspect, an embodiment of the present invention provides a processor, where the processor is configured to execute a program, where the program executes any one of the above methods for rendering a web page component.
The embodiment of the invention also provides a machine-readable storage medium, which stores instructions for causing a machine to execute the webpage component rendering method.
For more details on the machine-readable storage medium and the web page component rendering system according to the embodiments of the present invention, reference may be made to the description of the embodiments of the web page component rendering method and the technical effects that are the same as or corresponding to the embodiments of the web page component rendering method may be obtained, so that they will not be described in detail herein.
The foregoing details of the optional implementation of the embodiment of the present invention have been described in detail with reference to the accompanying drawings, but the embodiment of the present invention is not limited to the specific details of the foregoing implementation, and various simple modifications may be made to the technical solution of the embodiment of the present invention within the scope of the technical concept of the embodiment of the present invention, and these simple modifications all fall within the protection scope of the embodiment of the present invention.
In addition, the specific features described in the above embodiments may be combined in any suitable manner without contradiction. In order to avoid unnecessary repetition, various possible combinations of embodiments of the present invention are not described in detail.
Those skilled in the art will appreciate that all or part of the steps in implementing the methods of the embodiments described above may be implemented by a program stored in a storage medium, including instructions for causing a single-chip microcomputer, chip or processor (processor) to perform all or part of the steps of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
In addition, any combination of various embodiments of the present invention may be performed, so long as the concept of the embodiments of the present invention is not violated, and the disclosure of the embodiments of the present invention should also be considered.

Claims (10)

1. A web page component rendering method, comprising:
obtaining a rendering request of a webpage, wherein the webpage is configured with a parent component and a child component;
determining a business sub-component in sub-components under a parent component to be rendered based on the rendering request, and business data indicated by the business sub-component;
rendering a web page based on the determined business sub-component and the business data indicated by the business sub-component;
the webpage component rendering method further comprises the following steps:
when switching from a parent component A to a parent component B, determining public sub-components of the parent component A and the parent component B, rendering business sub-components in the parent component B, and not rendering the public sub-components.
2. The method of claim 1, wherein the determining, based on the rendering request, a business sub-component of sub-components under a parent component to be rendered and the business data indicated by the business sub-component comprises:
determining a business sub-component corresponding to the parent component to be rendered based on a pre-configured corresponding interface between the parent component and the business sub-component; and
and calling service data corresponding to the service sub-component based on the corresponding interface.
3. The method according to claim 2, wherein the method further comprises a construction procedure for the corresponding interface between the parent component and the business sub-component, specifically comprising:
counting all business sub-components involved in the webpage rendering process;
determining parent components respectively coupled with the counted business sub-components; and
based on the parent component to which the counted business sub-components are coupled, a corresponding interface is constructed between the parent component and the business sub-components.
4. The method of claim 2, wherein the invoking the service data corresponding to the service subcomponent comprises:
and querying a preconfigured service data list to determine service data indicated by the service sub-component corresponding to the father component requested to be switched to, wherein the service data list records a plurality of groups of service data indicated by the relevant father component and the service sub-component under the father component.
5. The method of claim 1, wherein the sub-components under the parent component further comprise a generic sub-component for indicating generic data, wherein prior to obtaining the rendering request of the web page, the method further comprises: and carrying out initialized rendering on the universal sub-components in the webpage.
6. The method of claim 5, wherein the rendering a web page based on the determined business sub-component and its indicated business data comprises:
and rendering the webpage based on the initialized rendered generic sub-component, the determined service sub-component and the service data.
7. The method of claim 5, wherein the generic subcomponent is configured to include a common subcomponent and/or a stateless subcomponent, and the generic data indicated by the generic subcomponent includes a web page theme and/or a web page color.
8. A web page component rendering system, comprising:
a rendering request acquisition unit configured to acquire a rendering request of a web page, where the web page is configured with a parent component and a child component;
a service sub-component determining unit, configured to determine, based on the rendering request, a service sub-component in a sub-component under a parent component to be rendered and service data indicated by the service sub-component;
a web page rendering unit for rendering a web page based on the determined service sub-component and the service data indicated by the determined service sub-component;
the web page rendering unit is further configured to:
when switching from a parent component A to a parent component B, determining public sub-components of the parent component A and the parent component B, rendering business sub-components in the parent component B, and not rendering the public sub-components.
9. A processor for running a program, wherein the program when run performs the web page component rendering method of any one of claims 1-7.
10. A machine-readable storage medium having instructions stored thereon for causing a machine to perform the web page component rendering method of any of claims 1-7.
CN201811154812.6A 2018-09-30 2018-09-30 Webpage component rendering method and system Active CN110968310B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811154812.6A CN110968310B (en) 2018-09-30 2018-09-30 Webpage component rendering method and system

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811154812.6A CN110968310B (en) 2018-09-30 2018-09-30 Webpage component rendering method and system

Publications (2)

Publication Number Publication Date
CN110968310A CN110968310A (en) 2020-04-07
CN110968310B true CN110968310B (en) 2023-06-27

Family

ID=70028215

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811154812.6A Active CN110968310B (en) 2018-09-30 2018-09-30 Webpage component rendering method and system

Country Status (1)

Country Link
CN (1) CN110968310B (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113434149B (en) * 2021-07-07 2023-09-08 腾讯科技（深圳）有限公司 Application program generating and loading method, device and medium

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105760149B (en) * 2014-12-18 2020-05-05 阿里巴巴集团控股有限公司 Client interface dynamic display method and system
CN104573066B (en) * 2015-01-26 2017-11-03 中国工商银行股份有限公司 Page multiplexing method and device
CN107315646B (en) * 2016-04-27 2021-01-26 北京京东尚科信息技术有限公司 Method and device for controlling data flow between page components
US10268460B2 (en) * 2017-01-25 2019-04-23 Walmart Apollo, Llc Systems, method, and non-transitory computer-readable storage media for generating code for displaying a webpage
CN108595457A (en) * 2017-12-29 2018-09-28 北京奇虎科技有限公司 A kind of rendering intent and device of the waterfall stream page

Also Published As

Publication number Publication date
CN110968310A (en) 2020-04-07

Similar Documents

Publication Publication Date Title
CN107832100B (en) APK plug-in loading method and terminal thereof
CN111353773B (en) Identification processing method and device, storage medium and electronic device
CN102591724A (en) Method and device for information interaction
CN111343181B (en) Message processing method and system, data pool and computer readable storage medium
CN101388892A (en) Method and apparatus for client-side aggregation of asynchronous fragmented requests
CN112187934A (en) Micro-service building method
CN111221630A (en) Business process processing method, device, equipment, readable storage medium and system
CN110968310B (en) Webpage component rendering method and system
US8276141B2 (en) Selection of transaction managers based on transaction metadata
CN112988378A (en) Service processing method and device
CN109656670B (en) Page rendering method and device
CN109343970B (en) Application program-based operation method and device, electronic equipment and computer medium
CN110704130A (en) Data processing method and device
CN107493312B (en) Service calling method and device
CN112363980A (en) Data processing method and device for distributed system
CN113254819B (en) Page rendering method, system, equipment and storage medium
CN113377752B (en) Data cleaning method, device and system and computer readable storage medium
CN114217697A (en) Multi-screen input method and device, electronic equipment and computer readable storage medium
CN113377680A (en) Dubbo service test system and method
CN111736807A (en) Tenant function customizing method and device and office system based on tenant
CN113536074B (en) Keyword query method and device in vue framework, computer equipment and medium
CN110032406B (en) Message-based view loading method, device, equipment and storage medium
EP3872630B1 (en) Request processing method and apparatus, electronic device, and computer storage medium
US20230119782A1 (en) Method and apparatus for allocating ctdb-based virtual ip address, and distributed storage device
CN110659033B (en) Protocol registration distribution method, storage medium, electronic equipment and system

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant