Rendering resource management method, device and system and storage medium

Abstract

The embodiment of the invention discloses a rendering resource management method, device and system and a storage medium. The method, device and system are used for obtaining related data needed by rendering a webpage from a database. First rendering resources for rendering a first scene in a target webpage may be first determined. The first rendering resource may then be stored in association with the first rendering resource identifier in a first database. And if the target device needs to access the target webpage, the target device can obtain the first rendering resource identifier and obtain the first rendering resource from the first database according to the first rendering resource identifier. Therefore, as the rendering resources required for rendering the webpage are stored in the database instead of the webpage server, related contents on the webpage can be adjusted by adjusting the rendering resources stored in the database, codes stored in the webpage server do not need to be changed, and the webpage server does not need to be restarted, so that the webpage rendering efficiency is improved. The codes stored in the webpage server do not need to be updated, so that the webpage updating efficiency is improved.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a rendering resource management method, device, system and storage medium. Background Art

[0002] After opening a web page, a program (such as a browser program) can display the data received through the network in a visual form to the user who opened the web page. The above process can be called page rendering. In the process of page rendering, the program can first determine the basic elements of the page, then determine the style and layout of the page, and finally determine the dynamic changes that may be triggered on the page to complete the rendering of the page.

[0003] Currently, resource data used for page rendering can be stored in a web server. When a user accesses a page, the web server can send the resource data to a terminal device so that the terminal device can render the corresponding page. If the structure or content of the page changes, the resource data stored in the web server needs to be updated. Summary of the invention

[0004] In order to solve the problems of the prior art, the present application provides a rendering resource management method and device.

[0005] Based on this, the technical solutions provided by this application are as follows:

[0006] In a first aspect, the present application provides a rendering resource management method, the method comprising:

[0007] Determining a first rendering resource, where the first rendering resource is used to render a first scene in a target webpage;

[0008] The first rendering resource and the first rendering resource identifier are associated and stored in a first database, and the first rendering resource identifier is used by a target device to obtain the first rendering resource from the first database; the target device is a device accessing the target webpage.

[0009] In some possible implementations, the first rendering resource includes a scene structure component, and the scene structure component is used to render the first rendering material data into the first scene, and the first rendering material data also includes content displayed by the first scene.

[0010] In some possible implementations, the first rendering resource further includes the first rendering material data.

[0011] In some possible implementations, determining the first rendering resource includes:

[0012] Determine a target scene identifier according to a component selection operation triggered by a user;

[0013] Determine the storage address of the scene structure component in the second database according to a preset corresponding relationship, wherein the preset corresponding relationship includes a corresponding relationship between the target scene identifier and the storage address;

[0014] The scene structure component is obtained from the second database according to the storage address.

[0015] In some possible implementations, the preset corresponding relationship is stored in a third database; after determining the target scene identifier, the method further includes:

[0016] The preset corresponding relationship is obtained from the third database.

[0017] In some possible implementations, the method further includes:

[0018] Obtaining a data specification, the data specification indicating properties of an input parameter of the scene structure component;

[0019] Acquire the first rendering material data that complies with the data specification;

[0020] The scene structure component and the first rendering material data are combined into the first rendering resource.

[0021] In some possible implementations, the method further includes:

[0022] Acquire a first rendering resource adjustment operation triggered by a user, where the first rendering resource adjustment operation is used to adjust the first rendering material data to second rendering material data;

[0023] Generate a second rendering resource, wherein the second rendering resource includes the second rendering material data and the scene structure component;

[0024] The second rendering resource is associated with the first rendering resource identifier and stored in the first database.

[0025] In some possible implementations, the method further includes:

[0026] Acquire a second rendering resource adjustment operation triggered by a user, where the second rendering resource adjustment operation is used to adjust the first rendering material data to third rendering material data;

[0027] Generate a third rendering resource, wherein the third rendering resource includes the third rendering material data and the scene structure component;

[0028] The third rendering resource is associated with the second rendering resource identifier and stored in the first database. The third-surface rendering resource identifier is used by the target device to search for the third rendering resource from the first database.

[0029] In some possible implementations, after acquiring the second rendering resource adjustment operation triggered by the user, the method further includes:

[0030] Obtaining the identification calling request sent by the server of the target webpage;

[0031] The second rendering resource identifier is sent to the server of the target webpage, and the server of the target webpage is used to send the first rendering resource identifier after obtaining the access request for the target webpage.

[0032] In a second aspect, the present application provides a rendering resource management device, the device comprising: a determination unit, configured to determine a first rendering resource, the first rendering resource being used to render a first scene in a target webpage; a storage unit, configured to associate the first rendering resource and a first rendering resource identifier and store them in a first database, the first rendering resource identifier being used by a target device to obtain the first rendering resource from the first database; the target device being a device accessing the target webpage.

[0033] In some possible implementations, the first rendering resource includes a scene structure component, and the scene structure component is used to render the first rendering material data into the first scene, and the first rendering material data also includes content displayed by the first scene.

[0034] In some possible implementations, the first rendering resource further includes the first rendering material data.

[0035] In some possible implementations, the determination unit is specifically used to determine the target scene identifier according to a component selection operation triggered by a user; determine the storage address of the scene structure component in the second database according to a preset correspondence relationship, and the preset correspondence relationship includes a correspondence between the target scene identifier and the storage address; and obtain the scene structure component from the second database according to the storage address.

[0036] In some possible implementations, the preset correspondence relationship is stored in a third database. The device further includes an acquisition unit, which is configured to acquire the preset correspondence relationship from the third database.

[0037] In some possible implementations, the determination unit is specifically used to obtain a data specification indicating properties of an input parameter of the scene structure component; obtain the first rendering material data that conforms to the data specification; and combine the scene structure component and the first rendering material data into the first rendering resource.

[0038] In some possible implementations, the acquisition unit is further configured to acquire a first rendering resource adjustment operation triggered by a user, the first rendering resource adjustment operation being used to adjust the first rendering material data to second rendering material data. The determination unit is further configured to generate a second rendering resource, the second rendering resource comprising the second rendering material data and the scene structure component. The storage unit is further configured to associate the second rendering resource with the first rendering resource identifier and store it in the first database.

[0039] In some possible implementations, the acquisition unit is further configured to acquire a second rendering resource adjustment operation triggered by a user, the second rendering resource adjustment operation being used to adjust the first rendering material data to third rendering material data; and generate a third rendering resource, the third rendering resource comprising the third rendering material data and the scene structure component. The storage unit is further configured to associate the third rendering resource with the second rendering resource identifier and store it in the first database, the third surface rendering resource identifier being used by the target device to search for the third rendering resource from the first database.

[0040] In some possible implementations, the acquisition unit is further configured to acquire the identifier calling request sent by the server of the target webpage. The apparatus further includes a sending unit, the sending unit being configured to send the second rendering resource identifier to the server of the target webpage, the server of the target webpage being configured to send the first rendering resource identifier after acquiring the access request for the target webpage.

[0041] In a third aspect, the present application provides an electronic device, including:

[0042] one or more processors;

[0043] a storage device having one or more programs stored thereon,

[0044] When the one or more programs are executed by the one or more processors, the one or more processors implement any method described in the first aspect.

[0045] In a fourth aspect, the present application provides a computer-readable medium having a computer program stored thereon, wherein when the program is executed by a processor, any method described in the first aspect is implemented.

[0046] In a fifth aspect, the present application provides a computer program product, which, when executed on a device, enables the device to execute the method described in the first aspect.

[0047] It can be seen that this application has the following beneficial effects:

[0048] In the technical solution provided in the present application, relevant data required for rendering a web page can be obtained from a database. Specifically, first, a first rendering resource for rendering a first scene in a target web page can be determined. Then, the first rendering resource can be associated with a first rendering resource identifier and stored in a first database. Accordingly, if a target device needs to access a target web page, the target device can obtain the first rendering resource identifier and obtain the first rendering resource from the first database according to the first rendering resource identifier. In this way, since the rendering resources required for rendering a web page are stored in a database rather than a web server, the relevant content on the web page can be adjusted by adjusting the rendering resources stored in the database, without changing the code stored in the web server, and without restarting the web server. In this way, since there is no need to update the code stored in the web server, the efficiency of web page updates is improved. BRIEF DESCRIPTION OF THE DRAWINGS

[0049] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments recorded in the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0050] Figure 1 A schematic diagram of an exemplary application scenario provided for an embodiment of the present application;

[0051] Figure 2 A flowchart of a rendering resource management method provided by this application;

[0052] Figure 3 An information interaction diagram of a rendering resource management method provided by this application;

[0053] Figure 4 A schematic diagram of the structure of a rendering resource management device provided in an embodiment of the present application;

[0054] Figure 5 A schematic diagram of the basic structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0055] The embodiments of the present application will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present application are shown in the accompanying drawings, it should be understood that the present application can be implemented in various forms and should not be construed as being limited to the embodiments described herein. Instead, these embodiments are provided to provide a more thorough and complete understanding of the present application. It should be understood that the drawings and embodiments of the present application are only for exemplary purposes and are not intended to limit the scope of protection of the present application.

[0056] It should be understood that the various steps described in the method implementation of the present application can be performed in different orders and / or performed in parallel. In addition, the method implementation may include additional steps and / or omit the steps shown. The scope of the present application is not limited in this respect.

[0057] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0058] It should be noted that the concepts such as "first" and "second" mentioned in this application are only used to distinguish different objects, devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0059] It should be noted that the modifications of "one" and "plurality" mentioned in the present application are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

[0060] At present, the display of web pages can be realized based on the interaction between the server and the terminal device. Specifically, when the terminal device accesses a web page, it can send an access request to the server corresponding to the web page. The server can send the data corresponding to the web page to the terminal device. The terminal device can render the corresponding web page based on the data and display it to the user of the terminal device so that the user can view the web page. The above-mentioned server for sending the data of the web page to the terminal device can be called a node server.

[0061] In the above process, the relevant data for rendering the web page is stored in the server. The server needs to process the access request sent by the terminal device and send the data corresponding to the web page to the terminal device. In practical applications, the access requests that a physical server can process are limited. Therefore, if a web page has a large number of visits, a server cluster consisting of multiple servers can be used to process the access request.

[0062] Specifically, the servers in the server cluster may store the same data. After obtaining the access request, the access request may be allocated to the server in the server cluster that is in an idle state or a non-fully loaded state. If a server is in a fully loaded state, the access request may no longer be allocated to the server. In this way, the needs of multiple users to access web pages at the same time can be met.

[0063] If the content displayed on the web page changes, the data stored in the server will also change accordingly. Specifically, the technician can first obtain the data of the new web page, such as changing the code of the web page or the material data of the web page, and then update the new data to the server. In this way, after receiving the access request, the server can send the updated data to the terminal device so that the terminal device can render the new web page.

[0064] However, updating the data stored in the server requires shutting down the server and restarting it, and it cannot be updated while the server is in operation. In other words, if the structure of the web page or the displayed content changes, the server needs to be shut down first, the new data needs to be written into the web page, and then the server needs to be restarted.

[0065] Obviously, there are big problems with the above method of updating data. Specifically, the corresponding server cannot be provided after the server is shut down. In this way, if the data stored in all servers in the server cluster are updated uniformly, all servers in the server cluster need to be shut down uniformly, resulting in the target web page being inaccessible during the update time. To this end, in some implementations, the data stored in the server can be updated in batches, and each batch updates part of the servers in the server cluster. For example, 10% of the servers in the server cluster can be updated in each batch. In this way, the data stored in the server can be updated on the basis of keeping the web page accessible, thereby realizing grayscale update.

[0066] However, the above method needs to be updated multiple times, which is time-consuming. In addition, during the update process, some servers in the server cluster will be under great pressure, affecting the user experience.

[0067] It can be seen that since the update of the web page is achieved by updating the data stored in the server, the update efficiency of the target web page is affected. In particular, with the increasing number of scenarios where web pages need to be updated and iterated quickly, the traditional method of updating web pages is increasingly difficult to meet these requirements.

[0068] In order to solve the problems of the prior art, an embodiment of the present application provides a rendering resource management method, which is described in detail below in conjunction with the drawings in the specification.

[0069] In order to facilitate understanding of the technical solution provided by the embodiments of the present application, firstly, Figure 1 The example scenario shown is used for illustration.

[0070] See also Figure 1 , which is a schematic diagram of the structure of an exemplary application scenario provided by an embodiment of the present application. Figure 1The application scenario shown includes device 10, device 20, device 30, terminal device 40 and user 50. Among them, user 50 can access the target web page (hereinafter referred to as the target web page) through terminal device 40, device 20 can be the server of the target web page, device 10 can be a device for updating the data corresponding to the target web page, and device 30 can be a device with a storage function. It should be noted that the above-mentioned devices 10, 20 and 30 can refer to one device or multiple devices. For example, device 10 can refer to a device cluster for updating the data corresponding to the target web page, device 20 can refer to a server cluster corresponding to the target web page, and device 30 can be a storage cluster composed of multiple server clusters, such as a content delivery network (Content Delivery Network, CDN) or other databases.

[0071] If the content displayed on the target webpage is to be updated, the device 10 may obtain the rendering resource corresponding to the updated target page, and associate the rendering resource and the identifier of the rendering resource and store them in the device 30. The device 20 may obtain the identifier of the rendering resource. For example, the device 20 may obtain the identifier of the rendering resource from the device 10 through an interface, or may obtain the identifier of the rendering resource through other means. Since the device 20 may also obtain the identifier of the rendering resource through other means, Figure 1 The device 10 and the device 20 are connected by a dotted line. The introduction of the device 20 obtaining the identifier of the rendering resource can be found below and will not be repeated here.

[0072] When the user 50 accesses the target webpage through the terminal device 40, the terminal device 40 may first send an access request to the device 20. After receiving the access request, the device 20 may send partial information of the target webpage and the identifier of the rendering resource to the terminal device 40. According to the identifier of the rendering resource, the terminal device 40 may search for data corresponding to the identifier of the rendering resource from the device 30, thereby obtaining the rendering resource. After obtaining the rendering resource, the terminal device 40 may render a visualized target webpage according to the rendering resource and display it to the user 50, so that the user 50 can view the target webpage.

[0073] In the embodiment of the present application, the terminal device 40 may be, for example, a mobile phone or a computer, or other terminal devices capable of running instant messaging software. The devices 10, 20, and 30 may be, for example, servers, server clusters, or virtual devices running on a cloud platform.

[0074] The above briefly introduces the application scenarios of the rendering resource management method provided in the embodiment of the present application. Figure 2 Further introduction to rendering resource management methods.

[0075] See also Figure 2 , Figure 2 An information interaction diagram of a rendering resource management method provided in an embodiment of the present application, which can be applied to a web page rendering scenario. The rendering resource management method can be executed by a rendering resource management device, which can be implemented by software. The rendering resource management device can be run on a server, for example, Figure 1 Device 10 in the illustrated implementation.

[0076] Specifically, the rendering resource management device can be a backend part of a rendering resource management system, which is used to upload rendering resources and can include a client and a rendering resource management device. The client is used to interact with a technician to obtain control instructions from the technician. The rendering resource management device is used to obtain rendering resources and associate the rendering resources with the identifiers of the rendering resources and store them in a device or system with a data storage function. In this implementation, the rendering resource management device can be regarded as

[0077] like Figure 2 As shown, the method specifically comprises the following steps:

[0078] S201: Determine a first rendering resource.

[0079] In order to display the target web page to the user, the rendering resources corresponding to the target web page can be first obtained. The rendering resources refer to all or part of the data required to render a web page or a part of a web page. For example, the rendering resources can be the data required to render the entire web page, or the data required to render a part of the web page or a pop-up card. In an embodiment of the present application, the rendering resource management device can determine a first rendering resource. The first rendering resource includes relevant data for rendering a first scene in the target web page. The first scene refers to a part of the target web page, for example, it can be a pop-up card on the target web page.

[0080] Specifically, the first rendering resource may include relevant data for describing the structure of the first scene. Accordingly, when rendering the first scene of the target webpage, the structure of the first scene may be preliminarily constructed according to the relevant data for describing the structure of the first scene, and then the specific contents displayed by the first scene may be filled into corresponding positions, so as to display the first scene to the user in a visual manner. Optionally, the first rendering resource may also include the specific contents displayed by the first scene.

[0081] Two implementation methods for determining the first rendering resource are introduced below.

[0082] In a first implementation manner, the rendering resource management device may determine the first rendering resource according to a code input by a user.

[0083] Specifically, the user can enter the code in the client and trigger the compilation operation. The compiled code is the above-mentioned relevant data for describing the structure of the first scene. These data are also sent to the rendering resource management device through the network. The rendering resource management device can obtain the first rendering resource based on the relevant data for describing the structure of the first scene and the specific content displayed by the first scene. In addition, according to the above introduction, the rendering resource management system to which the rendering resource management device belongs can include a client. Accordingly, the technician as a user can manually select the specific content displayed by the first scene in the client. These contents can be sent to the rendering resource management device through the network.

[0084] In a second implementation manner, the rendering resource management device may determine the first rendering resource according to a user operation.

[0085] Specifically, the relevant data used to describe the structure of the first scene in the first rendering resource, and / or the specific content displayed by the first scene can be stored in the database. Accordingly, the user can trigger a selection operation on the client for the relevant data used to describe the structure of the first scene, and / or trigger a selection operation for the specific content displayed by the first scene. In this way, the rendering resource management device can determine the first rendering resource from the database according to the operation triggered by the user.

[0086] For the introduction of determining the first rendering resource based on the user operation, please refer to the following text and will not be repeated here.

[0087] S202: Associate the first rendering resource and the first rendering resource identifier and store them in a first database.

[0088] After acquiring the first rendering resource, the rendering resource management device may associate the first rendering resource with the first rendering resource identifier and store it in a first database. The first database is a database for storing rendering resources and rendering resource identifiers, for example, Figure 1 The device 30 in the illustrated implementation is implemented. Optionally, the first database may be a CDN.

[0089] That is to say, in the first database, the first rendering resource is associated with the first rendering resource identifier. According to the first rendering resource identifier, the first rendering resource can be searched and obtained from the first database. Accordingly, after the first rendering resource and the first rendering resource identifier are associated and stored in the first database, the terminal device can search and obtain the first rendering resource from the first database according to the first rendering resource identifier. In this way, when the terminal device needs to access the target web page, the first rendering resource can be determined from the first database according to the first rendering resource identifier, and there is no need to obtain the first resource from the background server corresponding to the target web page. In this way, since the rendering resource can be obtained from the background server, updating or adjusting the rendering resource does not require adjusting the data stored in the background server. In this way, the efficiency of updating web pages is improved.

[0090] In addition, if the target web page needs to be adjusted, the rendering resources stored in the first database can also be adjusted. Specifically, if the content of the first scene needs to be adjusted, a new rendering resource can be obtained, and the rendering resource associated with the first rendering resource identifier in the first database is replaced from the first rendering resource to the newly obtained rendering resource. In this way, when the terminal device accesses the target web page again, the new rendering resource can be obtained from the first database. Alternatively, a new rendering resource identifier can be generated, and the new rendering resource is associated with the new rendering resource identifier and stored in the first database, and the rendering resource identifier stored in the server of the target web page is updated. For an introduction to this part of the content, please refer to the following text and will not be repeated here.

[0091] In the embodiment of the present application, the first rendering resource identifier may be an identifier of the first rendering resource, or an identifier of a portion of the target web page. The introduction of the first rendering resource identifier may be referred to below, and will not be repeated here.

[0092] In the technical solution provided in the present application, relevant data required for rendering a web page can be obtained from a database. Specifically, first, a first rendering resource for rendering a first scene in a target web page can be determined. Then, the first rendering resource can be associated with a first rendering resource identifier and stored in a first database. Accordingly, if a target device needs to access a target web page, the target device can obtain the first rendering resource identifier and obtain the first rendering resource from the first database according to the first rendering resource identifier. In this way, since the rendering resources required for rendering a web page are stored in a database rather than a web server, the relevant content on the web page can be adjusted by adjusting the rendering resources stored in the database, without changing the code stored in the web server, and without restarting the web server. In this way, since there is no need to update the code stored in the web server, the efficiency of web page updates is improved.

[0093] Combine the following Figure 1The application scenario shown is a detailed introduction to the rendering resource management method provided in the embodiment of the present application.

[0094] See also Figure 3 , Figure 3 The information interaction diagram of a rendering resource management method provided in the embodiment of the present application is applicable to the scene of web page rendering. Figure 3 In the implementation shown, device 10 is a background server of a rendering resource management system, device 20 is a background server of a target web page, and device 30 is a device with a storage function.

[0095] like Figure 3 As shown, the method specifically comprises the following steps:

[0096] S301: The compiling device compiles source code of the first scene.

[0097] In order to display the target webpage to the user, the source code corresponding to the target webpage needs to be written first. Accordingly, in order to render the target webpage including the first scene, the terminal device needs to obtain the compiled source code of the first scene. Accordingly, the compiling device can compile the source code of the first scene.

[0098] The source code of the first scene refers to the relevant code used to describe the structure of the first scene. The source code of the first scene may be written by a technician who creates the first scene. The compiling device is a software module for compiling the code. Optionally, the compiling device may be a software module in the client of the technician. For example, the technician may write the source code of the first scene on his / her corresponding terminal device, and upload the compiled source code to the rendering resource management system. Accordingly, the compiling device may be a software module in the client of the technician.

[0099] Alternatively, the compilation device may also be a software module in the rendering resource management system. Specifically, after the technician completes the writing of the source code of the first scene on the client, the source code of the first scene may be uploaded to the rendering resource management system through a trigger operation. The rendering resource management system may receive the source code of the first scene through the network, or obtain the source code of the first scene through other means. Then, the compilation device in the rendering resource management system may compile the source code of the first scene. For example, the compilation device may compile the source code of the first scene through a rollup tool.

[0100] The source code of the first scene is the relevant code for describing the structure of the first scene. Accordingly, the source code of the compiled first scene may be the "relevant data for describing the structure of the first scene" as mentioned above. Specifically, the source code of the compiled first scene may be regarded as a function or a code tool. The input of the source code of the compiled first scene is the specific content displayed by the first scene, and the output of the source code of the compiled first scene is the first scene visualized on the target web page. In an embodiment of the present application, the source code of the compiled first scene may also be referred to as a scene structure component.

[0101] After the source code is compiled, the compiled scene structure component can be stored in a database, for example, the scene structure component can be stored in the device 30, or in other databases. In this embodiment, the database for storing the scene structure component can be referred to as a second database. It can be understood that the second database and the aforementioned first database can be the same database or different databases. For ease of explanation, the following is an example in which the second database and the first database are the same database, that is, the scene structure component is stored in the device 30.

[0102] Specifically, the compiling device (or other modules in the rendering resource management system) can send the scene structure component to the device 30 via the network. Optionally, when storing the scene structure component, it can be stored in the form of a code block (Chunk). Among them, chunk is a way of dividing data during network transmission. Data transmitted through the network and stored can be divided into one or more chunks. Accordingly, when storing the scene structure component, the scene structure component can also be divided into one code chunk, or the scene structure component can be divided into multiple code chunks.

[0103] In order to facilitate other modules or devices to obtain the scene structure component, the association relationship between the identifier of the scene structure component and the scene structure component can be recorded. In this way, when it is necessary to obtain the scene structure component, the scene structure component can be obtained according to the identifier of the scene structure component. Among them, the identifier of the scene structure component is used to uniquely identify the scene structure component. Optionally, the identifier of the scene structure component can be determined according to the scene structure component. For example, the identifier of the scene structure component can be a hash value of the scene structure component.

[0104] For example, in some possible implementations, the identifier of the scene structure component is associated with the scene structure component and stored in the second database. In this way, when the scene structure component needs to be obtained, the scene structure component can be searched from the second database according to the identifier of the scene structure component.

[0105] Alternatively, in some other possible implementations, the correspondence between the identifier of the scene structure component and the storage address of the scene structure component may also be recorded. This correspondence may be referred to as a preset correspondence. The storage address of the scene structure component refers to the storage address of the scene structure component in the second database, also known as the entry address of the scene structure component. In this way, when it is necessary to obtain the scene structure component, the storage address of the scene structure component may be determined from the preset correspondence according to the identifier of the scene structure component, so that the scene structure component may be obtained from the corresponding address in the second database.

[0106] Optionally, the preset correspondence may be implemented in a key-value pair format, wherein the identifier of the scene structure component may be the key part of the key-value pair, and the storage address of the scene structure component may be the value part of the key-value pair.

[0107] Optionally, the preset correspondence relationship may be stored in a database. For example, the correspondence relationship between the identifier of the scene structure component and the storage address of the scene structure component may be stored in a third database. Accordingly, after the scene structure component is stored in the second database, a preset correspondence relationship may be generated and stored in the third database. Optionally, the third database and the aforementioned first database and second database may be the same database or different databases.

[0108] In an actual scenario, the target web page may include multiple scenes, or there may be multiple versions of a scene in the target web page. Accordingly, it is necessary to record the correspondence between the identifiers of multiple scene structure components and the storage addresses of the scene structure components. To this end, in some possible implementations, different correspondences can be recorded in the same file. Optionally, the file can be a file based on the JavaScript Object Notation (JSON) language format, also known as a JSON file. The JSON file may include multiple key-value pairs, each key-value pair corresponding to a scene structure component, which is used to record the correspondence between the identifier of the scene structure component and the storage address of the scene structure component.

[0109] Accordingly, the file for recording the preset corresponding relationship may be stored in the third database. When it is necessary to obtain the scene structure component, the storage address of the scene structure component may be searched from the third database according to the identifier of the scene structure component.

[0110] Optionally, if the scene structure component is stored in the form of code chunks, the preset correspondence relationship may also include a dependency relationship of the code chunks. The dependency relationship of the code chunks is used to indicate the dependency relationship between different code chunks loaded.

[0111] For an introduction to dependencies, please refer to the following section and will not be repeated here.

[0112] S302: the device 10 determines a first rendering resource, and associates the first rendering resource with the first rendering resource identifier and stores it in the device 30 .

[0113] In order to present the target webpage including the first scene to the user in a visual form, the device 10 in the rendering resource management system may determine a first rendering resource, and associate the first rendering resource with the first rendering resource identifier and store it in the device 30 .

[0114] According to the foregoing description, the first rendering resource includes relevant data for describing the structure of the first scene, and may also include the specific content displayed by the first scene. In an embodiment of the present application, the specific content displayed by the scene in the web page can be referred to as rendering material data. For ease of introduction, the following is an example of a rendering resource including a scene structure component and rendering material data. Accordingly, the first rendering resource includes a scene structure component corresponding to the first scene and rendering material data corresponding to the first scene.

[0115] By adjusting the rendering material data in the rendering resources, different scenes can be rendered on the target web page. In this way, different rendering material data can render different scenes without adjusting the entire rendering resource corresponding to the scene. In this way, the relevant content displayed on the web page can be flexibly updated.

[0116] For example, suppose the first scenario is a pop-up card corresponding to an activity on a target webpage, and the activity corresponding to the target webpage is updated frequently. Since the structures of the pop-up cards corresponding to different activities are roughly the same, when generating a pop-up card corresponding to a new activity, the rendering material data corresponding to the new activity can be combined with the scene structure component to obtain a new rendering resource. In this way, different pop-up cards can be rendered without redesigning the rendering resources. In this way, the update speed of the rendering resources is improved, which is more suitable for application scenarios with rapid version iterations.

[0117] It should be noted that step S301 is executed before step S302, but there is no direct association relationship between step S301 and step S302.

[0118] According to the foregoing introduction, a rendering resource may include a scene structure component, or may include rendering material data and a scene structure component. The following describes methods for determining a scene structure component in a first rendering resource and determining rendering material data in a first rendering resource, respectively.

[0119] First, a method for determining a scene structure component in a first rendering resource is introduced.

[0120] Specifically, if the first scene needs to be displayed to the user in the target webpage, the technician can trigger the execution of step S302, and associate the first rendering resource and the first rendering resource identifier required for rendering the first scene and store them in the device 30. It should be noted that the technician in step S302 and the technician in step S301 can be the same technician or different technicians.

[0121] For example, a technician may trigger a component selection operation on the client. The component selection operation is used to select a scene structure component corresponding to the rendering resource data. After acquiring the component selection operation triggered by the user, the device 10 may determine a target scene identifier according to the component selection operation. The target scene identifier is an identifier of a scene structure component. Accordingly, in step S302, the scene structure component selected by the component selection operation is a scene structure component corresponding to the first scene, and the target scene identifier is an identifier of the scene structure component obtained after compiling the source code of the first scene.

[0122] After obtaining the target scene identifier, the device 10 can obtain the scene structure component corresponding to the target scene identifier. Optionally, the device 10 can determine the scene structure component corresponding to the target scene identifier according to the preset correspondence stored in the third database. For example, the device 10 can send the target scene identifier to the third database. The third database can find the storage address of the scene structure component corresponding to the target scene identifier in the second database from the preset correspondence, and send the storage address to the device 10. After obtaining the storage address, the device 10 can access the storage address in the second database to obtain the scene structure component corresponding to the first scene.

[0123] Alternatively, in some possible implementations, the device 10 may not obtain a specific scene structure component, but may use the storage address of the scene structure component instead of the scene structure component to generate the first rendering resource. Accordingly, when rendering the target page, the scene structure component of the first scene may be obtained from the first database according to the storage address of the scene structure component, thereby rendering the first scene.

[0124] The above describes a method for determining a scene structure component in a first rendering resource, and the following describes a method for determining rendering material data in the first rendering resource. For ease of introduction, in an embodiment of the present application, the rendering material data in the first rendering resource may be referred to as first rendering material data. It should be noted that if the first rendering resource does not include rendering material data, then the step of determining the rendering material data corresponding to the first scene may be performed by device 20 or other devices.

[0125] The first rendering material data is the specific content displayed by the first scene, and is generated by a technician responsible for designing the first scene. Optionally, the first rendering material data may include data in a variety of different formats, such as text data, image data, and web page link data.

[0126] In some possible implementations, the first rendering material data may be produced by a technician responsible for designing the first scene and uploaded to a material database. When determining the first rendering resource, the technician corresponding to the device 10 may select the rendering material data required for the first scene, i.e., the first rendering material data, from the database.

[0127] For example, suppose the target webpage is a marketing webpage, and there are three promotional activities: activity X1, activity X2, and activity X3. Then technician A can organize the relevant information corresponding to activity X1 into the rendering material data corresponding to activity X1, organize the relevant information corresponding to activity X2 into the rendering material data corresponding to activity X2, organize the relevant information corresponding to activity X3 into the rendering material data corresponding to activity X3, and store the above three rendering material data in the material database.

[0128] If the promotion activity corresponding to the target webpage is activity X1, relevant information corresponding to activity X1 needs to be displayed on the target webpage. Then technician B can use the rendering material data corresponding to activity X1 in the material database as the rendering material data in the rendering resources. In this way, the rendering resources obtained include the rendering material data corresponding to activity X1. On the target webpage rendered according to the rendering resources, the corresponding scene is used to display relevant information of activity X1. Similarly, if the promotion activity corresponding to the target webpage changes, the rendering material data corresponding to other activities can be selected to generate new rendering resources and render new web pages.

[0129] According to the foregoing description, the scene structure component is the relevant data used to describe the structure of the first scene, and the rendering material data is the specific information displayed in the first scene. In order to ensure that the rendering material data can be rendered correctly, the rendering material data needs to match the scene structure component. To this end, in an embodiment of the present application, a data specification corresponding to the first scene can be set to ensure that the rendering material data matches the scene structure component.

[0130] In some possible implementations, the data specification may be associated with a scene structure component. That is, when determining the first rendering resource, the structure of the first scene, that is, the scene structure component corresponding to the first scene, may be determined first. Then, the data specification may be determined based on the scene structure component. In this way, selecting rendering material data of the composite data specification may ensure that the first scene can be rendered normally.

[0131] In some other possible implementations, the data specification may also be associated with the first scene. Specifically, before determining the first rendering resource, the data specification corresponding to the first rendering resource may be obtained. For example, when designing the first scene in the target webpage, the user may design the data specification corresponding to the first scene according to the requirements, and then determine the scene structure components and rendering physical data corresponding to the first scene according to the data specification.

[0132] Optionally, the data specification can be implemented based on a schema file. The schema file is used to describe the format of one or more files. In this way, the schema file can be used as a data specification to specify the relevant formats of other files. Optionally, the schema file can be data in JSON format. Accordingly, the aforementioned scene structure components and rendering material data can both be data in JSON format. Since data in JSON format has good scalability, the schema file can implement constraints on scene structure components and rendering material data.

[0133] After acquiring the first rendering resource, the device 10 may associate the first rendering resource with the first rendering resource identifier and store it in the device 30. The first rendering resource identifier may be an identifier of the first rendering resource or an identifier of a scene in the target webpage.

[0134] In a first possible implementation manner, the first rendering resource identifier may be an identifier of the first rendering resource.

[0135] Accordingly, each time the device 10 determines a new rendering resource, it can generate a rendering resource identifier corresponding to the rendering resource. In this way, the rendering resource identifier can uniquely identify the rendering resource. According to the rendering resource identifier, the corresponding rendering resource can be obtained from the device 30. Optionally, the first rendering resource identifier may include relevant information such as the name of the first rendering resource and the version number of the first rendering resource.

[0136] If the first rendering resource identifier can be an identifier of the first rendering resource, the device 20 can obtain the first rendering resource identifier through the interface. For an introduction to this part, please refer to the following text and will not be repeated here.

[0137] In a second possible implementation manner, the first rendering resource identifier may be an identifier of a scene in the target webpage.

[0138] As mentioned above, some of the content displayed on the target webpage may change. However, these parts used to display content may be specific. For example, if the target webpage is a marketing webpage, the relevant information of the marketing activity displayed on the target webpage may change frequently, but the area used to display the marketing activity on the target webpage may be relatively fixed. For another example, if the target webpage is a shopping webpage, and the relevant content of the promotion is displayed to the user through a pop-up window. Obviously, different promotions have different corresponding contents, but different promotions may have the same pop-up windows.

[0139] To this end, the identifier of the portion corresponding to the first scene in the target webpage can be used as the first rendering resource identifier. For example, if the first scene is located in a certain area of ​​the target webpage, and the area can also be used to display different scenes, then the identifier of the area can be used as the first rendering resource identifier. Alternatively, if the first scene is a pop-up window of the target webpage, and the pattern can also be used to display other scenes, then the identifier of the pop-up window can be used as the first rendering resource identifier.

[0140] In this way, if the content on the target webpage is updated, the device 10 can associate different rendering resources with the same rendering resource identifier and store them in the device 30, thereby updating the content of the target webpage. In other words, if other content needs to be displayed at the location of the first scene in the target webpage, the device 10 can determine a new rendering resource, and associate the new rendering resource with the first rendering resource identifier and store it in the device 30. Optionally, the device 10 can replace the first rendering resource stored in the device 30 with the new rendering resource, or first delete the association relationship between the first rendering resource stored in the device 30 and the first rendering resource identifier, and then associate the new rendering resource with the first rendering resource identifier and store it in the device 30.

[0141] In this way, the rendering resource acquired by the terminal device 40 is the rendering resource newly determined by the device 10, thereby rendering a visualization interface different from the first scene. The new rendering resource may be another rendering resource different from the first rendering resource.

[0142] S303: The terminal device 40 sends an access request for the target web page to the device 20.

[0143] If the terminal device 40 wants to access the target webpage including the first scene, the terminal device 40 may send an access request for the target webpage to the device 20. Optionally, the access request sent by the terminal device 40 to the device 20 may include the identifier of the first scene or may not include the identifier of the first scene. Each of the two is introduced below.

[0144] In some possible implementations, the access request sent by the terminal device 40 to the device 20 may include the identifier of the first scene. Specifically, if the user 50 wants to view the first scene or information related to the first scene, the access request sent by the terminal device 40 to the device 20 may include the identifier of the first scene. In this way, the device 20 may send the first rendering resource identifier corresponding to the first scene to the terminal device 40, so that the terminal device 40 visually displays the target webpage including the first scene to the user 50.

[0145] For example, assuming that the target webpage is a search-related webpage, the webpage that the user 50 needs to view may include search results, and the first scene may correspond to the search structure that the user 50 wants to search. In this way, the message sent by the terminal device 40 to the device 20 may include an identifier of the first scene to obtain a rendering resource of the target webpage including the first scene.

[0146] In some other possible implementations, the access request sent by the terminal device 40 to the device 20 may not include the identifier of the first scene. The device 20 may determine the first rendering resource identifier and send it to the terminal device. For an introduction to this part, please refer to the following, which will not be repeated here.

[0147] S304: the device 20 sends a first rendering resource identifier to the terminal device 40.

[0148] After acquiring the access request sent by the terminal device 40 , the device 20 may send the first rendering resource identifier to the terminal device 40 , so that the terminal device 40 acquires the first rendering resource according to the first rendering resource identifier.

[0149] First, a method for device 20 to obtain a first rendering resource identifier is introduced.

[0150] In some possible implementations, the first rendering resource identifier may be pre-stored in the device 20. Specifically, if the first rendering resource identifier is an identifier corresponding to a specific area on the target web page (i.e., a display area corresponding to the first scene on the target web page), then the first rendering resource identifier may be pre-stored in the device 20. According to the foregoing description, if the first rendering resource identifier is an identifier corresponding to a specific area on the target web page, then when adjusting the content displayed in the area, the device 10 may adjust the rendering resource associated with the first rendering resource identifier. In this way, there is no need to adjust the first rendering resource identifier along with the content displayed on the target web page, and the first rendering resource identifier may be pre-stored in the device 20. For example, the first rendering resource identifier may be pre-written into the code of the device 20.

[0151] In this way, since the first rendering resource identifier does not change with the change of the rendering resource, the code stored in the device 20 does not need to be modified accordingly. In this way, the device 20 serving as the server of the target web page does not need to be restarted, which improves the speed of web page update.

[0152] In some other possible implementations, the device 20 may obtain the first rendering resource identifier through a preset interface. Specifically, an interface for obtaining the rendering resource identifier may be pre-set in the device 20 so that the device 20 obtains the first rendering resource identifier through the interface. Optionally, the device 20 may obtain the first rendering identifier through the device 10 or through other devices.

[0153] Specifically, device 20 may send an identification call request to device 10. After obtaining the identification call request sent by device 20, device 10 may send the identification of the first rendering resource to device 20. Optionally, the identification call request may include the identification of the target web page. Accordingly, if the target web page changes, the rendering resource identification sent by device 10 to device 20 may also change. For example, if the target web page is no longer used to display the first scene, but is used to display the second scene, then the rendering resource identification sent by device 10 to device 20 may be the rendering resource identification corresponding to the second scene.

[0154] In this way, since the first rendering identifier is obtained by the device 20 through the interface, the code stored in the device 20 does not need to be modified accordingly. In this way, the device 20 serving as the server of the target web page does not need to be restarted, thereby improving the speed of web page update.

[0155] As described above, the access request may include the identifier of the first scene. Accordingly, if the access request acquired by the device 20 includes the identifier of the first scene, the device 20 may determine the rendering resource identifier corresponding to the first scene, i.e., the first rendering resource identifier, based on the identifier of the first scene, and send it to the terminal device 40.

[0156] Alternatively, if the access request does not include the identifier of the first scene, the device 20 may first determine the first rendering resource identifier, and then send the first rendering resource identifier to the terminal device 40. Specifically, if the first scene and the target webpage are within the time period in which the terminal device 40 accesses the target webpage, there may be a binding relationship between the first scene and the target webpage. In this way, even if the access request sent by the terminal device 40 does not include the first scene, the device 20 may send the first rendering resource identifier corresponding to the first scene to the terminal device 40.

[0157] Alternatively, in some other possible implementations, the device 20 may also determine the first rendering resource identifier according to the access request. For example, the device 20 may analyze the user who sends the access request, thereby selecting a suitable scene and sending the corresponding rendering resource identifier. The suitable scene may refer to a scene that the user prefers to see.

[0158] For example, the access request sent by the terminal device 40 to the device 20 may include the user identification of the user 50. After obtaining the access request, the device 20 may analyze the user 50 according to the user identification of the user 50, determine the scene that the user 50 may want to view (i.e., the aforementioned first scene) according to the user portrait of the user 50, and send the rendering resource identification corresponding to the scene to the terminal device 40.

[0159] S305 : The terminal device 40 determines a first rendering resource from the device 30 .

[0160] After obtaining the first rendering resource identifier, the terminal device 40 may obtain the first rendering resource from the device 30. Specifically, the terminal device 40 may send the first rendering resource identifier to the device 30. The device 30 may search for the first rendering resource corresponding to the first rendering resource identifier from the stored data, and send the first rendering resource to the terminal device 40.

[0161] As described above, the first rendering resource includes the scene structure component corresponding to the first scene, and may also include rendering material data corresponding to the first scene (i.e., the aforementioned first rendering material data). If the first rendering resource does not include the rendering material data corresponding to the first scene, the terminal device 40 may obtain the rendering material data corresponding to the first scene in other ways.

[0162] For example, for application scenarios such as search, rendering material data and scene structure components are often decoupled. Accordingly, the first rendering resource stored in the device 30 (i.e., the first database) may not include rendering material data. Accordingly, when rendering the target web page, the terminal device 40 can obtain the rendering material data through the server corresponding to the target web page (e.g., device 20). Specifically, in the application scenario of search, the device 20 can send a search request to the search engine server and obtain the search results returned by the search engine server. The device 20 can also send the search results as rendering material data to the terminal device 40 so that the terminal device 40 renders the target web page.

[0163] As described above, the scene structure component can be packaged into one or more code chunks and stored in the device 30. Accordingly, if the scene structure component corresponding to the first scene corresponds to multiple code chunks, the device 30 can send the multiple code chunks corresponding to the first scene to the terminal device 40 in series or in parallel.

[0164] S306: The terminal device 40 renders the target webpage according to the first rendering resource.

[0165] After acquiring the first rendering resource, the terminal device 40 can render the target web page according to the first rendering resource. Specifically, the terminal device 40 can use the first rendering material data as an input parameter of the scene structure component, and use the scene structure component to render the first scene on the target web page. The rendering method of other parts of the target web page except the first scene will not be described here.

[0166] According to the above introduction, a scene structure component may correspond to multiple code chunks. Accordingly, when rendering a target web page, each code chunk can be loaded first to obtain a scene structure component, and then the scene structure component is used to render the target web page.

[0167] According to the previous introduction, if a scene structure component corresponds to multiple code chunks, there may be dependencies between different code chunks. Dependencies indicate the conditions required to load a code chunk. Accordingly, when loading a scene structure component, you can load it according to the dependencies. For example, when loading a code chunk, you can determine whether other code chunks that the code chunk depends on have been loaded. If other code chunks that a code chunk depends on have not been loaded, you can pause loading the code chunk first, and load other code chunks that come from the code chunk. Optionally, you can check from the cache whether the code chunks that a code chunk depends on have been loaded.

[0168] Take an example. If the scene structure component includes two code Chunks, Chunk1 and Chunk2, and the relevant data required to load Chunk2 is in Chunk1. In this way, the dependency relationship can indicate that Chunk2 depends on Chunk1. Accordingly, before the terminal device 40 loads Chunk2, it can be determined whether the cache of the terminal device 40 includes the loaded Chunk1. If the cache of the terminal device 40 includes the loaded Chunk1, the terminal device 40 can continue to load Chunk2. If the cache of the terminal device 40 does not include the loaded Chunk1, the terminal device 40 can load Chunk1 first, and then load Chunk2 after completing the loading of Chunk1.

[0169] Based on a rendering resource management method provided by the above method embodiment, an embodiment of the present application further provides a rendering resource management device, which will be described below in conjunction with the accompanying drawings.

[0170] See also Figure 4 As shown in FIG. 1 , this figure is a schematic diagram of the structure of a rendering resource management device provided by an embodiment of the present application. Figure 4 As shown, the rendering resource management device includes:

[0171] The determining unit 410 is used to determine a first rendering resource, where the first rendering resource is used to render a first scene in a target webpage. The storing unit 420 is used to associate the first rendering resource and a first rendering resource identifier and store them in a first database, where the first rendering resource identifier is used for a target device to obtain the first rendering resource from the first database; the target device is a device accessing the target webpage.

[0172] In some possible implementations, the first rendering resource includes a scene structure component, and the scene structure component is used to render the first rendering material data into the first scene, and the first rendering material data also includes content displayed by the first scene.

[0173] In some possible implementations, the first rendering resource further includes the first rendering material data.

[0174] In some possible implementations, the determination unit 410 is specifically used to determine the target scene identifier according to a component selection operation triggered by a user; determine the storage address of the scene structure component in the second database according to a preset correspondence relationship, and the preset correspondence relationship includes a correspondence between the target scene identifier and the storage address; and obtain the scene structure component from the second database according to the storage address.

[0175] In some possible implementations, the preset correspondence relationship is stored in a third database. The device further includes an acquisition unit, which is configured to acquire the preset correspondence relationship from the third database.

[0176] In some possible implementations, the determination unit 410 is specifically used to obtain a data specification indicating properties of an input parameter of the scene structure component; obtain the first rendering material data that conforms to the data specification; and combine the scene structure component and the first rendering material data into the first rendering resource.

[0177] In some possible implementations, the acquisition unit is further configured to acquire a first rendering resource adjustment operation triggered by a user, the first rendering resource adjustment operation being used to adjust the first rendering material data to second rendering material data. The determination unit 410 is further configured to generate a second rendering resource, the second rendering resource comprising the second rendering material data and the scene structure component; the storage unit 420 is further configured to associate the second rendering resource with the first rendering resource identifier and store it in the first database.

[0178] In some possible implementations, the acquisition unit is further used to acquire a second rendering resource adjustment operation triggered by a user, and the second rendering resource adjustment operation is used to adjust the first rendering material data to third rendering material data. The determination unit 410 is further used to generate a third rendering resource, and the third rendering resource includes the third rendering material data and the scene structure component. The storage unit 420 is further used to associate the third rendering resource with the second rendering resource identifier and store it in the first database, and the third surface rendering resource identifier is used by the target device to search for the third rendering resource from the first database.

[0179] In some possible implementations, the acquisition unit is further configured to acquire the identifier calling request sent by the server of the target webpage. The apparatus further includes a sending unit, the sending unit being configured to send the second rendering resource identifier to the server of the target webpage, the server of the target webpage being configured to send the first rendering resource identifier after acquiring the access request for the target webpage.

[0180] Based on a rendering resource management method provided by the above method embodiment, the present application also provides an electronic device, including: one or more processors; a storage device, on which one or more programs are stored, when the one or more programs are executed by the one or more processors, the one or more processors implement the rendering resource management method as described in any of the above embodiments.

[0181] Reference below Figure 5, which shows a schematic diagram of the structure of an electronic device 500 suitable for implementing the embodiment of the present application. The terminal device in the embodiment of the present application may include but is not limited to mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (portable android devices), PMPs (Portable Media Players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs (televisions), desktop computers, etc. Figure 5 The electronic device shown is merely an example and should not bring any limitation to the functions and scope of use of the embodiments of the present application.

[0182] like Figure 5 As shown, the electronic device 500 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 501, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 502 or a program loaded from a storage device 508 into a random access memory (RAM) 503. In the RAM 503, various programs and data required for the operation of the electronic device 500 are also stored. The processing device 501, the ROM 502, and the RAM 543 are connected to each other via a bus 504. An input / output (I / O) interface 505 is also connected to the bus 504.

[0183] Typically, the following devices may be connected to the I / O interface 505: an input device 508 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 507 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 508 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 509. The communication device 509 may allow the electronic device 500 to communicate with other devices wirelessly or by wire to exchange data. Although Figure 5 The electronic device 500 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0184] In particular, according to an embodiment of the present application, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present application includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 509, or installed from the storage device 508, or installed from the ROM502. When the computer program is executed by the processing device 501, the above-mentioned functions defined in the method of the embodiment of the present application are executed.

[0185] The electronic device provided in the embodiment of the present application and the rendering resource management method provided in the above embodiment belong to the same inventive concept. The technical details not fully described in this embodiment can be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

[0186] Based on a rendering resource management method provided by the above method embodiment, an embodiment of the present application provides a computer storage medium on which a computer program is stored, wherein when the program is executed by a processor, the rendering resource management method as described in any of the above embodiments is implemented.

[0187] It should be noted that the computer-readable medium mentioned above in the present application may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present application, a computer-readable storage medium may be any tangible medium containing or storing a program that can be used by or in combination with an instruction execution system, device or device. In the present application, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, which carries a computer-readable program code. This propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0188] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (Hyper Text Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0189] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0190] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device executes the rendering resource management method.

[0191] Computer program code for performing the operations of the present application may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer via any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0192] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present application. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0193] The units involved in the embodiments described in this application may be implemented by software or hardware. The name of a unit / module does not limit the unit itself in some cases. For example, a voice data acquisition module may also be described as a "data acquisition module".

[0194] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0195] In the context of the present application, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0196] It should be noted that the various embodiments in this specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments, and the same or similar parts between the various embodiments can be referred to each other. For the system or device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant parts can be referred to the method part description.

[0197] It should be understood that in the present application, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.

[0198] It should also be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the presence of other identical elements in the process, method, article or device including the elements.

[0199] The above description of the disclosed embodiments enables those skilled in the art to implement or use the present application. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application will not be limited to the embodiments shown herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A rendering resource management method, characterized in that: The method comprises: Determining a first rendering resource, where the first rendering resource is used to render a first scene in a target webpage; The first rendering resource and the first rendering resource identifier are associated and stored in a first database, and the first rendering resource identifier is used by a target device to obtain the first rendering resource from the first database; the target device is a device accessing the target webpage.

2. The method according to claim 1, characterized in that The first rendering resource includes a scene structure component, and the scene structure component is used to render the first rendering material data into the first scene. The first rendering material data also includes content displayed by the first scene.

3. The method according to claim 2, characterized in that The first rendering resource also includes the first rendering material data.

4. The method according to claim 2 or 3, characterized in that: Determining the first rendering resource includes: Determine the target scene identification according to the component selection operation triggered by the user; Determine the storage address of the scene structure component in the second database according to a preset corresponding relationship, wherein the preset corresponding relationship includes a corresponding relationship between the target scene identifier and the storage address; The scene structure component is obtained from the second database according to the storage address.

5. The method according to claim 4, characterized in that The preset corresponding relationship is stored in a third database; after determining the target scene identifier, the method further includes: The preset corresponding relationship is obtained from the third database.

6. The method according to claim 3, characterized in that The method further comprises: Obtaining a data specification, the data specification indicating properties of an input parameter of the scene structure component; Acquire the first rendering material data that complies with the data specification; The scene structure component and the first rendering material data are combined into the first rendering resource.

7. The method according to claim 3 or 6, characterized in that: The method further comprises: Acquire a first rendering resource adjustment operation triggered by a user, where the first rendering resource adjustment operation is used to adjust the first rendering material data to second rendering material data; Generate a second rendering resource, wherein the second rendering resource includes the second rendering material data and the scene structure component; The second rendering resource is associated with the first rendering resource identifier and stored in the first database.

8. The method according to claim 3 or 6, characterized in that: The method further comprises: Acquire a second rendering resource adjustment operation triggered by a user, where the second rendering resource adjustment operation is used to adjust the first rendering material data to third rendering material data; Generate a third rendering resource, wherein the third rendering resource includes the third rendering material data and the scene structure component; The third rendering resource is associated with the second rendering resource identifier and stored in the first database. The third-surface rendering resource identifier is used by the target device to search for the third rendering resource from the first database.

9. The method according to claim 8, characterized in that After acquiring the second rendering resource adjustment operation triggered by the user, the method further includes: Obtaining the identification calling request sent by the server of the target webpage; The second rendering resource identifier is sent to the server of the target webpage, and the server of the target webpage is used to send the first rendering resource identifier after obtaining the access request for the target webpage.

10. A rendering resource management device, characterized in that: The device comprises: A determining unit, configured to determine a first rendering resource, wherein the first rendering resource is used to render a first scene in a target webpage; A storage unit is used to associate and store the first rendering resource and the first rendering resource identifier in a first database, wherein the first rendering resource identifier is used by a target device to obtain the first rendering resource from the first database; the target device is a device accessing the target webpage.

11. An electronic device, characterized in that: include: one or more processors; a storage device having one or more programs stored thereon, When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1 to 9.

12. A computer-readable medium, characterized in that A computer program is stored thereon, wherein when the program is executed by a processor, the method according to any one of claims 1 to 9 is implemented.

Images