CN110968310A - Webpage component rendering method and system - Google Patents
Webpage component rendering method and system Download PDFInfo
- Publication number
- CN110968310A CN110968310A CN201811154812.6A CN201811154812A CN110968310A CN 110968310 A CN110968310 A CN 110968310A CN 201811154812 A CN201811154812 A CN 201811154812A CN 110968310 A CN110968310 A CN 110968310A
- Authority
- CN
- China
- Prior art keywords
- sub
- component
- components
- business
- rendering
- 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.)
- Granted
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 99
- 238000000034 method Methods 0.000 title claims abstract description 64
- 230000008569 process Effects 0.000 claims abstract description 31
- 230000008878 coupling Effects 0.000 abstract description 15
- 238000010168 coupling process Methods 0.000 abstract description 15
- 238000005859 coupling reaction Methods 0.000 abstract description 15
- 238000005457 optimization Methods 0.000 abstract description 3
- 230000008859 change Effects 0.000 description 8
- 238000010276 construction Methods 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 5
- 230000000694 effects Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 239000003086 colorant Substances 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000002123 temporal effect Effects 0.000 description 1
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 Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The embodiment of the invention provides a webpage component rendering method and a webpage component rendering system, and belongs to the technical field of webpage optimization. The webpage component rendering method comprises the following steps: acquiring a rendering request of a webpage, wherein the webpage is configured with a parent component and a child component; determining business sub-components in sub-components under a parent component to be rendered and business data indicated by the business sub-components based on the rendering request; based on the determined business subcomponents and the indicated business data thereof, the webpage is rendered. Therefore, in the process of executing webpage rendering by the application service sub-components, the requested parent component actively calls the service data of the corresponding sub-components, and the sub-components do not need to execute rendering based on the coupling relation of the parent component and the sub-components, so that the consumption caused by the rendering of unnecessary sub-components is optimized, the performance overhead of the webpage is reduced, and the user experience of webpage browsing is improved.
Description
Technical Field
The invention relates to the technical field of webpage optimization, in particular to a webpage component rendering method and a webpage component rendering system.
Background
In the process of generating the front-end webpage, data required by the webpage are not obtained by all requests at one time in most cases, the requests of some data are obtained in batches through asynchronous loading, the data have no coupling relation, the time sequence problem among the data does not need to be considered, and the data can be completed by simultaneously sending a plurality of requests at one time. However, there is a timing dependency between service data in a web page, that is, the requests must be separated in order according to some service logic, and the data required by an item (also called a parent component) is requested first, and then the data of a dashboard (also called a child component) is requested.
To address this timing dependency, it is currently proposed to couple the data and state of many parent components on child components, based on which the child components may perform data change logic when a user operation (e.g., switching parent components) is received by a parent component and sensed by the operation. However, a parent component triggers data change logic of a plurality of sub-components to all perform the initial rendering operation, including the rendering operation of the sub-components irrelevant to the operation request of the user, which causes unnecessary web page overhead, namely, loading a mask layer on the web page to indicate that the web page is loading, and seriously affects the web page browsing experience of the user.
Disclosure of Invention
The embodiment of the invention aims to provide a webpage component rendering method and a webpage component rendering system, which are used for at least solving the problem that the performance overhead is overlarge due to the fact that 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 webpage component, including: acquiring a rendering request of a webpage, wherein the webpage is configured with a parent component and a child component; determining business sub-components in sub-components under a parent component to be rendered and business data indicated by the business sub-components based on the rendering request; based on the determined business subcomponents and the indicated business data thereof, the webpage is rendered.
Optionally, the determining, based on the rendering request, a service sub-component in sub-components under a parent component to be rendered and service data indicated by the service sub-component includes: determining the service sub-component corresponding to the parent component to be rendered based on a corresponding interface between a pre-configured parent component and a service sub-component; and calling the service data corresponding to the service sub-component based on the corresponding interface.
Optionally, the method further includes a construction process for the corresponding interface between the parent component and the business sub-component, specifically including: counting all service subcomponents related in the webpage rendering process; determining parent components respectively coupled with the counted business sub-components; and constructing corresponding interfaces between the parent component and the business sub-components based on the parent component coupled by the counted business sub-components.
Optionally, the querying the service data corresponding to the service subcomponent includes: and querying a pre-configured service data list to determine service data indicated by service sub-components corresponding to the parent component to which the switching is requested, wherein the service data list records multiple groups of associated parent components and service data indicated by service sub-components under the parent components.
Optionally, the sub-components below the parent component further include a common sub-component for indicating common data, where before acquiring the rendering request of the web page, the method further includes: and performing initial rendering on the general subcomponents in the webpage.
Optionally, the rendering the webpage based on the determined business sub-components and the indicated business data thereof includes: rendering the web page based on the initialized rendered generic subcomponents, the determined business subcomponents, and the business data.
Optionally, the generic sub-components are used to include common sub-components and/or stateless sub-components, and the generic data indicated by the generic sub-components includes webpage themes and/or webpage colors.
Another aspect of an embodiment of the present invention provides a web page component rendering system, including: the rendering request acquisition unit is used for acquiring a rendering request of a webpage, wherein the webpage is provided with a parent component and a child component; a business sub-component determining unit, configured to determine, based on the rendering request, a business sub-component in sub-components under a parent component to be rendered and business data indicated by the business sub-component; and the webpage rendering unit is used for rendering the webpage based on the determined business sub-components and the indicated business data thereof.
Optionally, the service subcomponent determining unit includes: the service sub-component determining module is used for determining the service sub-component corresponding to the parent component to be rendered based on a corresponding interface between a pre-configured parent component and a service sub-component; and the service data calling module is used for calling the service data corresponding to the service sub-component 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 subcomponent counting module is used for counting all business subcomponents related in the webpage rendering process; the coupling relation determining module is used for determining a parent component coupled with the counted business sub-components; and the interface construction module is used for constructing corresponding interfaces between the parent component and the business sub-components based on the parent component coupled with the counted business sub-components.
Another aspect of the embodiments 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 when running.
In another aspect, an embodiment of the present invention provides a machine-readable storage medium, where instructions are stored on the machine-readable storage medium, and the instructions are configured to cause a machine to execute the web page component rendering method described in the present application.
By the technical scheme, when the rendering request is received, the service component under the parent component to be rendered and the service data in the service component are called, and the webpage initialization rendering operation is carried out based on the called service component and the service data. Therefore, in the process of executing webpage rendering by the application service sub-components, the requested parent component actively calls the service data of the corresponding sub-components, and the sub-components do not need to execute rendering based on the coupling relation of the parent component and the sub-components, so that the consumption caused by the rendering of unnecessary sub-components is optimized, the performance overhead of the webpage is reduced, and the user experience of webpage browsing is also improved.
Additional features and advantages of embodiments of the invention will be set forth in the detailed description which follows.
Drawings
The accompanying drawings, which are included to provide a further understanding of the 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 the embodiments of the invention without limiting the embodiments of the invention. In the drawings:
FIG. 1 is a flow diagram of a method for rendering components of a web page in accordance with an embodiment of the present invention;
FIG. 2 is a diagram illustrating a coupling relationship between components in a web page;
FIG. 3 is a flow diagram for the construction of a corresponding interface between a parent component and a business sub-component in accordance with an embodiment of the present invention;
FIG. 4 shows a schematic diagram of 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 detailed description of embodiments of the invention refers to the accompanying drawings. It should be understood that the detailed description and specific examples, while indicating embodiments of the invention, are given by way of illustration and explanation only, not limitation.
And performing data display of the items on the webpage end, wherein a user can establish a plurality of items (corresponding to parent components), different items are equivalent to different main services, and each item is provided with a plurality of dashboards (corresponding to child components) which are equivalent to the child services under the main services. When a user enters a webpage, firstly requested data 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, is requested, and parameters required during request are a current item id and a dashboard id. It can be seen from this process that project data must be obtained first to know which dashboards are under the project, and that there is a temporal relationship between the project and the data requests of the dashboards.
When the data is time-sequence dependent, synchronous waiting occurs 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 rendering. When the main service is switched, the above process is repeated. Based on the dependency relationship, the states of some parent components are inevitably coupled in the service logic of the sub-components, which results in that the sub-service components need to start rendering again after switching the main service every time, performance overhead occurs to a certain extent, and user experience is not facilitated.
To solve the problem, the embodiment of the present invention provides a set of optimization schemes, so that only a part of sub-components need to be re-rendered, and a complete re-initialization and rendering of a page are not required, thereby saving a part of unnecessary performance overhead. Therefore, the rendering process of the parent-child assembly with time sequence dependence is optimized by decoupling the data and the state of the parent-child assembly, and the performance overhead of the webpage is reduced.
As shown in fig. 1, a method for rendering a web page component according to an embodiment of the present invention includes:
s11, obtaining a rendering request of the webpage, wherein the webpage is configured with a parent component and a child component.
The method for acquiring the rendering request is realized through interactive operation of a user on a webpage interface, wherein the rendering request can be a request for representing that the webpage needs to be rendered, such as component switching or component initialization; and the webpage is provided with a parent component and a child component, wherein the parent component and the child component have timing dependence components in the webpage and have corresponding parent-child component coupling relations.
S12, determining business sub-components in the sub-components under the parent component to be rendered and business data indicated by the business sub-components based on the rendering request.
It should be noted that the sub-components under the parent component to be rendered may include general sub-components in addition to business sub-components; wherein, the general sub-component may indicate general data, and the business sub-component may indicate business data, so that the general sub-component does not relate to data of substantial business aspect, and the sub-component may be classified into the general sub-component and the business sub-component in advance (for example, distinguished by the data content corresponding to the sub-component).
In the current related technology, all sub-components (including business components and general components) having coupling relations with a parent component are obtained by identifying the parent component to be rendered and then distinguishing the parent-child component coupling relations of the sub-components. In contrast, in the embodiment of the present invention, when a rendering request is responded, only business components in sub-components under corresponding parent components are determined, and general sub-components are not involved.
S12 specifically relates to a process of determining a business subcomponent and a process of determining data corresponding to the business subcomponent. The determination process of the service sub-components can be based on a corresponding interface between a pre-configured parent component and the service sub-components, and the service sub-components corresponding to the parent component to be rendered are determined; by this application interface technology, when the parent component receives the switching request, the child component corresponding to the parent component can be directly and actively called based on the corresponding interface, and the passive sensing of the coupling relationship of the child component to the parent component is not required, so that the effect of decoupling is achieved, for example, the association of the corresponding interface can be achieved by applying a stateless function (the specific details will be developed below).
In addition, the determination process of the data corresponding to the business sub-component may be that the business sub-component calls the data directly according to the original component structure, or may be implemented in another way. 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 handover is requested, where multiple sets of associated parent components and service data indicated by service sub-components under the parent components are recorded in the service data list, and the service data association under the parent component is integrated in the service data list. Therefore, the corresponding service data is determined by taking the parent component as an index and looking up a table.
S13, rendering the webpage based on the determined business sub-components and the indicated business data.
In the embodiment of the present invention, the business sub-component and the business data indicated by the business sub-component can be subjected to the initialization rendering, that is, in the process of rendering the web page, the initialization rendering may not be performed on the general sub-component under the parent component to be rendered. Since these general subcomponents are not related to data at all and will still be in the same state before and after rendering, it is proposed in this embodiment to improve the web browsing performance by selecting business subcomponents for initial rendering, rather than by excluding rendering of general subcomponents.
In order to make the spirit of the embodiments of the present invention more comprehensible to the public, the application process of the embodiments of the present invention will now be described with reference to fig. 2. The coupling relationship between components in a web page is 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 the parent component a to the 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, it will cause all the sub-components corresponding to the sub-component B to perform the initial rendering (i.e. 2, 3, and 4). However, switching from A to B, there are two subcomponents (2 and 3) that are common, and there is no need to initially render these common subcomponents (since the corresponding pages result the same before and after rendering); in addition, if there is a stateless component in sub-component 2 or 3 or other sub-components 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 will not be changed with the switching request. Therefore, for these general subcomponents (including the common subcomponents and/or stateless subcomponents described above), the inventors found that the page effect corresponding to these subcomponents does not change before and after rendering, and proposed that only business-related subcomponents could be initially rendered, for example, when a switch request from a to B is received, only business subcomponent 4 corresponding to B could be initially rendered, and general subcomponents 2 or 3 are not involved, thereby reducing the web page performance consumption.
In some preferred embodiments, the initial rendering of the generic sub-components in the web page may be performed before the rendering request of the web page is obtained. Because the rendering of the general sub-components is independent of the switching request, the sub-components such as the webpage theme or the webpage color can be in a state of null data (namely, the sub-components are loaded and completed at one time before the switching request is received), and still do not change in the rendering process of the subsequent switching request response, and can be directly reused.
The embodiment of the present invention further provides a process for constructing a corresponding interface between a parent component and a business sub-component, as shown in fig. 3, the process specifically includes:
and S31, counting all business subcomponents involved in the webpage rendering process.
And S32, determining parent components respectively coupled with the counted business sub-components.
S33, constructing corresponding interfaces between the parent component and the business sub-components based on the parent component coupled by the counted business sub-components.
In this embodiment, corresponding interfaces are established between all business sub-components and corresponding parent components of a web page, and then the coupling relationship between the original parent components is released by using an interface technology, that is, all previous sub-components are called passively and inductively, and the form that the parent component directly triggers active calling of the business sub-components under the interfaces and general sub-components under the interfaces are kept is changed. For example, as shown in FIG. 4 as A-1 and B-4, the general number 2 and number 3 sub-components may not be involved in the coupling relationship as compared to FIG. 2.
In theory, the core dependency of a child component on a parent component is only business data, and there should not be too much dependency on the view level state, interaction state, etc. of the parent component (such as generic child components). In addition, sub-components present different results on the viewing layer only because of the difference of data, but the core present logic and the logic of business codes is not changed with the data. Therefore, in the embodiment of the present invention, it is proposed that in terms of data and state, sub-components may be abstracted into an independent module, a parent component is given a set of inputs of data and state, and the sub-components give corresponding outputs according to the inputs and present the outputs to the view layer.
In this embodiment, if a set of inputs is given, a set of outputs can be obtained correspondingly, and no matter how many times the process is executed, the output result will not change as long as the inputs are the same, the process can be analogized to a stateless function, where the input is the parameter passed to the function and the output is the return value of the function. Regarding sub-components as a function, the input is item ID (i.e. parent component ID), item data, item status, etc., and the output is list of dashboards under the item, presentation of data (data of business sub-components) of a certain dashboard, etc. Therefore, all data and states in the sub-components are given by the parent component, the sub-components only need to execute corresponding business logic according to the incoming data, and corresponding results are selected to the page, and no additional data and states exist. Therefore, the time sequence dependence between the parent-child components achieves the decoupling effect, and the child components do not need to consider the time sequence problem any more.
The decoupling process is to abstract the main data and state from the sub-components, and it is not said that the parent sub-components are completely separated, because when the parent component has data change, the sub-components need to be informed to make corresponding changes. For example, when a user switches from a parent component a to a parent component B, a child component under the parent component B needs to be exposed, and in the process, the parent component needs to tell the child component that the external state changes, and the view layer needs to be updated. When the parent-child relationship of the components is constructed, the business sub-components can provide an interface which is associated with the corresponding parent components, when data change occurs, the interface is called by the parent components, changed data and states are transmitted to serve as parameters of the interface, and the interface is also an important coupling point among the parent components and the child components. The process completes the decoupling of data and state between parent-child components, and provides an interface method for updating child component views.
When the whole page is initialized, because the data of the parent component is still in the request, the state transmitted to the child component is the initial state at this time, 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, and the rendering process of the small components is not obstructed in the null data state, so the small components can start rendering without waiting for the end of the data request of the parent component. Similarly, when a parent component is switched, the data of the parent component is changed and the child component is notified to update the view layer, for the child component, the difference before and after the switching of the parent component is only the change of the incoming data, the child component only needs to update the view related to the data, the child component irrelevant to the data does not need to be updated 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 rendering process of the parent-child assembly with time sequence dependence is optimized by decoupling the data and the state of the parent-child assembly, so that the performance overhead of a webpage is reduced, the consumption caused by unnecessary rendering processes is optimized, the logic of codes 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 obtaining unit 501, configured to obtain a rendering request of a web page, where the web page is configured with parent components and child components;
a business sub-component determining unit 502, configured to determine, based on the rendering request, a business sub-component in sub-components under a parent component to be rendered and business data indicated by the business sub-component;
a web page rendering unit 503, configured to render a web page based on the determined business subcomponents and the business data indicated by the business subcomponents.
In some embodiments, the service subcomponent determining unit 502 includes: the service sub-component determining module is used for determining the service sub-component corresponding to the parent component to be rendered based on a corresponding interface between a pre-configured parent component and a service sub-component; and the service data query module is used for querying the service data corresponding to the service sub-component.
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 subcomponent counting module is used for counting all business subcomponents related in the webpage rendering process; the coupling relation determining module is used for determining a parent component coupled with the counted business sub-components; and the interface construction module is used for constructing corresponding interfaces between the parent component and the business sub-components based on the parent component coupled with the counted business sub-components.
Another aspect of the embodiments 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 when running.
An embodiment of the present invention further provides a machine-readable storage medium, where the machine-readable storage medium has instructions stored thereon, and the instructions are configured to cause a machine to execute the web page component rendering method described in the present application.
For more details of the machine-readable storage medium and the webpage component rendering system according to the embodiments of the present invention, reference may be made to the above description of the webpage component rendering method embodiment, and the same or corresponding technical effects as those of the webpage component rendering method embodiment may be obtained, so that no further description is given here.
Although the embodiments of the present invention have been described in detail with reference to the accompanying drawings, the embodiments of the present invention are not limited to the details of the above embodiments, and various simple modifications can be made to the technical solutions of the embodiments of the present invention within the technical idea of the embodiments of the present invention, and the simple modifications all belong to the protection scope of the embodiments of the present invention.
It should be noted that the various features described in the above embodiments may be combined in any suitable manner without departing from the scope of the invention. In order to avoid unnecessary repetition, the embodiments of the present invention do not describe every possible combination.
Those skilled in the art will understand that all or part of the steps in the method according to the above embodiments may be implemented by a program, which is stored in a storage medium and includes several instructions to enable a single chip, a chip, or a processor (processor) to execute all or part of the steps in the method according to 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), a magnetic disk or an optical disk, and other various media capable of storing program codes.
In addition, any combination of various different implementation manners of the embodiments of the present invention is also possible, and the embodiments of the present invention should be considered as disclosed in the embodiments of the present invention as long as the combination does not depart from the spirit of the embodiments of the present invention.
Claims (10)
1. A web page component rendering method, comprising:
acquiring a rendering request of a webpage, wherein the webpage is configured with a parent component and a child component;
determining business sub-components in sub-components under a parent component to be rendered and business data indicated by the business sub-components based on the rendering request;
based on the determined business subcomponents and the indicated business data thereof, the webpage is rendered.
2. The method of claim 1, wherein the determining, based on the rendering request, business sub-components among sub-components under a parent component to be rendered and business data indicated by the business sub-components comprises:
determining the service sub-component corresponding to the parent component to be rendered based on a corresponding interface between a pre-configured parent component and a service sub-component; and
and calling the service data corresponding to the service sub-component based on the corresponding interface.
3. The method according to claim 2, wherein the method further includes a building process for the corresponding interface between the parent component and the business sub-component, specifically including:
counting all service subcomponents related in the webpage rendering process;
determining parent components respectively coupled with the counted business sub-components; and
and constructing corresponding interfaces between the parent component and the business sub-components based on the parent component coupled by the counted business sub-components.
4. The method of claim 2, wherein the querying the service data corresponding to the service subcomponent comprises:
and querying a pre-configured service data list to determine service data indicated by service sub-components corresponding to the parent component to which the switching is requested, wherein the service data list records multiple groups of associated parent components and service data indicated by service sub-components under the parent components.
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 for the web page, the method further comprises: and performing initial rendering on the general subcomponents in the webpage.
6. The method of claim 5, wherein the rendering a web page based on the determined business subcomponents and their indicated business data comprises:
rendering the web page based on the initialized rendered generic subcomponents, the determined business subcomponents, and the business data.
7. The method of claim 5, wherein the generic sub-components are for including common sub-components and/or stateless sub-components, and the generic data indicated by the generic sub-components includes web page theme and/or web page color.
8. A web page component rendering system, comprising:
the rendering request acquisition unit is used for acquiring a rendering request of a webpage, wherein the webpage is provided with a parent component and a child component;
a business sub-component determining unit, configured to determine, based on the rendering request, a business sub-component in sub-components under a parent component to be rendered and business data indicated by the business sub-component;
and the webpage rendering unit is used for rendering the webpage based on the determined business sub-components and the indicated business data thereof.
9. A processor for running a program, wherein the program when running performs the method for rendering a web page component as claimed in any one of claims 1 to 7.
10. A machine-readable storage medium having stored thereon instructions for causing a machine to perform the method of rendering a web page component of any of claims 1-7.
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 true CN110968310A (en) | 2020-04-07 |
| CN110968310B 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) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113434149A (en) * | 2021-07-07 | 2021-09-24 | 腾讯科技（深圳）有限公司 | Application program generating and loading method, device and medium |
| CN115033815A (en) * | 2022-06-22 | 2022-09-09 | 支付宝(杭州)信息技术有限公司 | A component-based dynamic theme generation method, device and device |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104573066A (en) * | 2015-01-26 | 2015-04-29 | 中国工商银行股份有限公司 | Page reusing method and page reusing device |
| CN105760149A (en) * | 2014-12-18 | 2016-07-13 | 阿里巴巴集团控股有限公司 | Client-terminal-interface dynamic display method and system |
| CN107315646A (en) * | 2016-04-27 | 2017-11-03 | 北京京东尚科信息技术有限公司 | Data flow control method and device between page assembly |
| US20180210715A1 (en) * | 2017-01-25 | 2018-07-26 | Wal-Mart Stores, Inc. | 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 |
-
2018
- 2018-09-30 CN CN201811154812.6A patent/CN110968310B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105760149A (en) * | 2014-12-18 | 2016-07-13 | 阿里巴巴集团控股有限公司 | Client-terminal-interface dynamic display method and system |
| CN104573066A (en) * | 2015-01-26 | 2015-04-29 | 中国工商银行股份有限公司 | Page reusing method and page reusing device |
| CN107315646A (en) * | 2016-04-27 | 2017-11-03 | 北京京东尚科信息技术有限公司 | Data flow control method and device between page assembly |
| US20180210715A1 (en) * | 2017-01-25 | 2018-07-26 | Wal-Mart Stores, Inc. | 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 |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113434149A (en) * | 2021-07-07 | 2021-09-24 | 腾讯科技（深圳）有限公司 | Application program generating and loading method, device and medium |
| CN113434149B (en) * | 2021-07-07 | 2023-09-08 | 腾讯科技（深圳）有限公司 | Application program generating and loading method, device and medium |
| CN115033815A (en) * | 2022-06-22 | 2022-09-09 | 支付宝(杭州)信息技术有限公司 | A component-based dynamic theme generation method, device and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110968310B (en) | 2023-06-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109634718B (en) | Method and system for creating mirror image by cloud platform | |
| CN111353773B (en) | Identification processing method and device, storage medium and electronic device | |
| CN107066519B (en) | Task detection method and device | |
| WO2016191610A1 (en) | Method and apparatus for real-time data migration | |
| CN105446755A (en) | Method and device for rapidly loading Activity data for Android system | |
| CN111131352A (en) | Theme switching method and device | |
| CN104268229A (en) | Resource obtaining method and device based on multi-process browser | |
| CN110968310A (en) | Webpage component rendering method and system | |
| CN112306411A (en) | Data storage method and device, nonvolatile storage medium and processor | |
| CN103473361A (en) | Searching method and searching device | |
| CN111813576B (en) | Business service management method and system based on micro-service | |
| CN110162404B (en) | Method, system, equipment and computer medium for distributing resources of secure resource pool | |
| CN110286954B (en) | Application program starting method and device and storage medium | |
| CN108520401B (en) | User list management method, device, platform and storage medium | |
| JP6448012B2 (en) | Method, apparatus, and system for displaying virtual machine names | |
| CN112437125B (en) | Information concurrent processing method and device, electronic equipment and storage medium | |
| CN104834553B (en) | Service concurrent processing method of user terminal and user terminal | |
| CN106844467B (en) | Data display method and device | |
| CN111200645B (en) | Service request processing method, device, equipment and readable storage medium | |
| CN110502574B (en) | Cross-system information synchronization method, user equipment, storage medium and device | |
| CN115604344B (en) | Micro-service current limiting method and device | |
| CN108920277B (en) | Service execution system, method and device and service isolation system | |
| CN107368376B (en) | Message sending method and device, expansion method and terminal | |
| CN111381978A (en) | Method for accessing application program, storage medium and smart television | |
| CN106028150B (en) | More application switching management methods of TV for linux 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 |