Data processing method and device, program product, computer device and medium

Abstract

The application discloses a data processing method and device, a program product, computer equipment and a medium. The method comprises the following steps: when a target application page of a target application needs to be displayed, a first component compilation file of an instant display component dependent on the target application page is acquired, and a second component compilation file of a placeholder component is acquired; the placeholder component is used for occupying the instant display component dependent on the target application page; the target application page is rendered and displayed based on the first component compilation file and the second component compilation file; the target application page rendered and displayed comprises the instant display component and the placeholder component; a third component compilation file of a time display component is acquired asynchronously, and the placeholder component in the target application page rendered and displayed is replaced by the time display component according to the third component compilation file. By using the application, the speed of starting the target application page can be improved.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of computer, and particularly relates to a data processing method and device, a program product, computer equipment and a medium. BACKGROUND

[0002] With the continuous development of computer network, various application programs emerge in an endless stream, and each application program can run in a terminal device. In the process of running each application program, the relevant application page of the application program needs to be displayed.

[0003] Among them, an application page is often composed of several page components. In the prior art, when an application page Y needs to be displayed, the compilation files of all page components having a dependency relationship with the application page Y are obtained, and then the display of the application page Y is realized through the compilation files of all the page components. When the network speed is slow or the data volume of the compilation files of all the page components dependent on the application page Y is large, the starting time of the application page Y is long, and the page is stuck. SUMMARY

[0004] The present application provides a data processing method, device, program product, computer equipment and medium, which can reduce the starting time of a target application page, improve the display speed of the target application page, and enhance the smoothness of the display of the target application page.

[0005] In one aspect, the present application provides a data processing method, which comprises the following steps:

[0006] When a target application page of a target application program needs to be displayed, a first component compilation file of an instant display component dependent on the target application page is obtained, and a second component compilation file of a placeholder component is obtained; the placeholder component is used for occupying the time display component dependent on the target application page.

[0007] The target application page is rendered and displayed based on the first component compilation file and the second component compilation file; the rendered and displayed target application page comprises the instant display component and the placeholder component.

[0008] The third component compilation file of the time display component is obtained asynchronously, and the placeholder component in the rendered and displayed target application page is replaced with the time display component according to the third component compilation file.

[0009] In one aspect, the present application provides a data processing device, which comprises:

[0010] The file obtaining module is configured to obtain a first component compilation file of an instant display component dependent on a target application page of a target application program and a second component compilation file of a placeholder component when the target application page needs to be displayed;

[0011] The display module is configured to render and display the target application page based on the first component compilation file and the second component compilation file; the rendered and displayed target application page comprises the instant display component and the placeholder component;

[0012] The replacement module is configured to obtain a third component compilation file of a time display component asynchronously and replace the placeholder component in the rendered and displayed target application page with the time display component according to the third component compilation file.

[0013] Optionally, when the target application page of the target application program needs to be displayed, the file obtaining module obtains the first component compilation file of the instant display component dependent on the target application page and the second component compilation file of the placeholder component in the following manner:

[0014] When the target application page needs to be displayed, a first component identifier of the instant display component is obtained, and a second component identifier of the time display component is obtained;

[0015] The first component compilation file of the instant display component is obtained according to the first component identifier, and the second component compilation file of the placeholder component is obtained according to the second component identifier.

[0016] Optionally, when the target application page needs to be displayed, the file obtaining module obtains the first component identifier of the instant display component and the second component identifier of the time display component in the following manner:

[0017] When the target application page needs to be displayed, a page configuration file of the target application page is obtained;

[0018] The page configuration file is parsed to obtain a full-component identifier list composed of component identifiers of full components dependent on the target application page and to obtain a time-component identifier list composed of component identifiers of time display components dependent on the target application page;

[0019] The first component identifier is determined according to the full-component identifier list and the time-component identifier list, and the second component identifier is extracted from the time-component identifier list.

[0020] Optionally, the file obtaining module determines the first component identifier according to the full-component identifier list and the time-component identifier list in the following manner:

[0021] Eliminate the second component identifier contained in the time-consuming component identifier list from the full component identifier list to obtain a reserved component identifier list;

[0022] Determine the component identifier in the reserved component identifier list as the second component identifier.

[0023] Optionally, the target application program belongs to a subprogram, and the subprogram has a host program.

[0024] The file acquisition module acquires the first component compilation file of the instant display component dependent on the target application page in the following manner:

[0025] Generate a first file pulling request in the subprogram; the first file pulling request carries the first component identifier of the instant display component;

[0026] Call the host program to pull the first component compilation file associated with the first component identifier to the background device of the host program according to the first file pulling request.

[0027] Optionally, the target application program belongs to a subprogram.

[0028] The file acquisition module acquires the second component compilation file of the placeholder component in the following manner:

[0029] If the placeholder component belongs to a built-in component of the subprogram, acquire the second component compilation file of the placeholder component in the subprogram.

[0030] Optionally, the target application program belongs to a subprogram, and the subprogram has a host program.

[0031] The file acquisition module acquires the second component compilation file of the placeholder component in the following manner:

[0032] If the placeholder component belongs to a custom component, generate a second file pulling request in the subprogram; the second file pulling request carries the second component identifier of the time-consuming display component.

[0033] Call the host program to pull the second component compilation file of the placeholder component indicated by the second component identifier to the background device of the host program according to the second file pulling request.

[0034] Optionally, the target application program belongs to a subprogram, and the subprogram has a host program.

[0035] The replacement module acquires the third component compilation file of the time-consuming display component in the following manner:

[0036] Generate a third file pulling request in the subprogram; the third file pulling request carries the second component identifier of the time-consuming display component.

[0037] The calling host program pulls the third component compilation file associated with the second component identification according to the third file pulling request.

[0038] Optionally, the target application belongs to a subprogram, the subprogram has a host program, the subprogram includes a plurality of application pages, the plurality of application pages include the target application page, the plurality of application pages have a component set, the component set includes components dependent on the plurality of application pages, and the background device of the host program is compiled with component compilation files corresponding to the components in the component set respectively according to the units of the components.

[0039] Optionally, the instant display component refers to a component that needs to be displayed instantly when rendering and displaying the target application page, and the time display component refers to a component displayed according to a trigger operation of a page control in the target application page.

[0040] In an aspect, the present application provides a computer device, comprising a memory and a processor, the memory stores a computer program, and the computer program is executed by the processor to make the processor execute the method in the aspect.

[0041] In an aspect, the present application provides a computer readable storage medium, which stores a computer program, the computer program comprises program instructions, and the program instructions are executed by a processor to make the processor execute the method in the aspect.

[0042] According to an aspect of the present application, a computer program product or computer program is provided, which comprises computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer readable storage medium, and the processor executes the computer instructions to make the computer device execute the method provided in the aspect and various optional manners.

[0043] When the target application page of the target application needs to be displayed, the first component compilation file of the instant display component dependent on the target application page can be acquired, and the second component compilation file of the placeholder component can be acquired; the placeholder component is used for occupying the instant display component dependent on the target application page; the target application page is rendered and displayed based on the first component compilation file and the second component compilation file; the target application page rendered and displayed includes the instant display component and the placeholder component; the third component compilation file of the time-dependent display component is acquired asynchronously, and the placeholder component in the target application page rendered and displayed is replaced with the time-dependent display component according to the third component compilation file. As can be seen, the method provided in the application can render and display the instant display component of the target application page and the placeholder component of the time-dependent display component when the target application page is first rendered and displayed, and after the rendering is completed, the time-dependent display component can be rendered and displayed in the target application page rendered and displayed for the first time asynchronously, so as to reduce the start time consumption of the target application page and improve the start speed of the target application page. BRIEF DESCRIPTION OF DRAWINGS

[0044] In order to more clearly illustrate the technical solutions in the application or the prior art, the drawings needed to be used in the embodiments or the prior art description will be briefly introduced. Obviously, the drawings in the following description are only some embodiments of the application, and other drawings can be obtained by those skilled in the art without creative labor.

[0045] Figure 1 is a structural schematic diagram of a network architecture provided by the application;

[0046] Figure 2 is a scene schematic diagram of page display provided by the application;

[0047] Figure 3 is a flow schematic diagram of a data processing method provided by the application;

[0048] Figure 4 is a scene schematic diagram of obtaining a component identifier provided by the application;

[0049] Figures 5-7 is a page schematic diagram of a target application page provided by the application;

[0050] Figures 8-9 is a page schematic diagram of a component debugging page provided by the application;

[0051] Figure 10 is a structural schematic diagram of a data processing apparatus provided by the application;

[0052] Figure 11 is a structural schematic diagram of a computer device provided by the application. DETAILED DESCRIPTION

[0053] The technical solutions in the present application will be described clearly and completely in combination with the drawings in the present application. Obviously, the described embodiments are only some of the embodiments of the present application, rather than all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative work fall within the scope of protection of the present application.

[0054] The present application relates to cloud technology. The cloud technology refers to a kind of hosting technology that unifies a series of resources such as hardware, software, network, etc. in a wide area network or local area network to realize data calculation, storage, processing and sharing.

[0055] The cloud technology is a general term for network technology, information technology, integration technology, management platform technology, application technology, etc. based on the cloud computing business model application, which can form a resource pool and be used on demand, flexibly and conveniently. Cloud computing technology will become an important support. The background service of the technical network system needs a large amount of computing and storage resources, such as video websites, picture websites and more portals. With the high development and application of the Internet industry, every item may have its own identification mark in the future, which needs to be transmitted to the background system for logical processing. Different levels of data will be processed separately, and various industry data need strong system support, which can only be realized through cloud computing.

[0056] The cloud technology involved in the present application can refer to the interaction between the front end and the background through the "cloud" to realize the display of the relevant application pages of the application program by the front end through the relevant data pulled in the background. The cloud technology involved in the present application also refers to the storage of the relevant compilation files (i.e. component compilation files) of the page components of the application pages of the application program through the "cloud".

[0057] First of all, it needs to be pointed out that before collecting relevant data (such as relevant request data for displaying application pages or trigger data for page controls, etc.) and during the process of collecting relevant data, a prompt interface or a pop-up window can be displayed, which is used to prompt the user that the relevant data of the user is being collected. Therefore, the present application only starts to perform the relevant steps of obtaining relevant data after obtaining the confirmation operation of the user to the prompt interface or the pop-up window, otherwise (i.e. without obtaining the confirmation operation of the user to the prompt interface or the pop-up window), the relevant steps of obtaining relevant data are ended, i.e. the relevant data of the user is not obtained. In other words, all the relevant data of the user collected by the present application is collected under the condition that the user agrees and authorizes, and the collection, use and processing of the relevant user data need to comply with the relevant laws, regulations and standards of the relevant countries and regions.

[0058] First, the related concepts of the present application are explained:

[0059] Applet: an application that can be used without downloading and installing. In order to provide users with more diversified business services, developers can develop corresponding applets for the terminal application (such as instant messaging application, shopping application, email application, etc.). The applet can be embedded into the terminal application as a sub-application, and by running the sub-application (i.e. the corresponding applet) in the application, the corresponding business service can be provided for the user.

[0060] Page and component: an applet consists of one or more pages, and each page consists of one or more components. Each page and component has corresponding wxml (a set of tag languages designed by the program framework, which can construct the structure of the applet page in combination with the basic components and event system), wxss (a set of style languages designed by the program framework, which can set the component style and describe how each component of the page is rendered), json (a lightweight data exchange format) and js (a programming language) files. A page is a special component.

[0061] Applet compilation: refers to the compilation behavior in the background when the applet code is uploaded. Editing the applet code at the component level will generate component-level files (such as component compilation files).

[0062] On-demand injection: refers to injecting only the content of the current page when jumping to a page, including the page content and dependent components or js files, etc.

[0063] On-demand injection: refers to injecting only the components required for the first rendering of the page on the basis of on-demand injection, and using placeholder components instead of other components. After rendering is completed, the placeholder components are replaced by asynchronously loading and injecting.

[0064] See Figure 1 , Figure 1 is a structural diagram of a network architecture provided by an embodiment of the present application. As Figure 1 shown, the network architecture can include a server 200 and a terminal device cluster, which can include one or more terminal devices, and the number of terminal devices will not be limited here. As Figure 1 shown, the plurality of terminal devices can specifically include terminal device 100a, terminal device 101a, terminal device 102a, …, and terminal device 103a; as Figure 1 shown, the terminal device 100a, the terminal device 101a, the terminal device 102a, …, and the terminal device 103a can all be network connected with the server 200, so that each terminal device can perform data interaction between the server 200 through the network connection.

[0065] like Figure 1 The server 200 shown can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN, and big data and artificial intelligence platforms. The terminal device can be a smartphone, tablet, laptop, desktop computer, smart TV, or other smart terminal. The following description uses the communication between terminal device 100a and server 200 as an example to illustrate the specific implementation of this application.

[0066] Please see also Figure 2 , Figure 2 This is a schematic diagram of a page display scenario provided in this application. For example... Figure 2 As shown, the target application can be any application that needs to display a page. The target application can be an application in the aforementioned terminal device 100a. The target application can be a subroutine of an app (software), and this subroutine can be a mini-program. A mini-program can have a host program, and the aforementioned server 200 can be a background device for the mini-program's host program. The target application can contain several application pages that can be displayed; these several application pages can include application page 1 to application page n.

[0067] Here, it is assumed that the application page to be displayed is the target application page of the target application, which can be any one of application pages from application page 1 to application page n. This target application page can contain several page components, which can include page component 1 to page component m. Page components 1 to m can be further divided into two categories: components that are displayed immediately and components that are displayed in real-time. For example, some page components from page component 1 to page component m can be components that are displayed immediately, while others can be components that are displayed in real-time.

[0068] Among them, the instant display component refers to the page component that needs to be displayed immediately on the target application page when rendering and displaying the target application page, while the time-display component refers to the page component that is displayed based on the trigger operation of the page control in the target application page.

[0069] Therefore, the target application program in the terminal device 100a in the present application can display the instant display component in the target application page according to the component compiling file of each page component of the target application page in the server 200, and then display the time-consuming display component in the displayed target application page asynchronously, so as to reduce the time consumption of starting the target application page and improve the display speed of the target application page. The specific process can also be referred to in the following Figure 3 Corresponding embodiments are described.

[0070] Please refer to Figure 3 , Figure 3 is a flowchart of a data processing method provided by the present application. The execution subject in the embodiment of the present application can be a computer device or a computer device cluster composed of multiple computer devices. The computer device can be a server or a terminal device. Therefore, the execution subject in the embodiment of the present application can be a server, a terminal device, or a combination of a server and a terminal device. Here, the execution subject in the present application is taken as a terminal device for example. As shown in Figure 3 , the method can include:

[0071] Step S101, when a target application page of a target application program needs to be displayed, a first component compiling file of an instant display component dependent on the target application page is acquired, and a second component compiling file of a placeholder component is acquired; the placeholder component is used to occupy a time-consuming display component dependent on the target application page.

[0072] Optionally, the terminal device can include a target application program, which can be any application program that needs to display an application page. The target application program can be an application program in the form of an app (software), or a subprogram (such as a mini-program) in the app, or an application program in the form of a webpage. When the target application program is a subprogram, the target application program can be a mini-program, which has a host program, that is, an app in which the mini-program is located.

[0073] The target application program includes several application pages that can be displayed on the terminal interface. The target application program can run in the terminal device. During the running of the target application program, any application page of the target application program can be requested to be displayed. In the present application, since the principle of displaying each application page of the target application program is the same, the process of displaying the target application page is taken as an example for specific description. The target application page can be any application page of the target application program.

[0074] When a display request or a jump display request for the target application page is triggered in the running target application, it indicates that the target application page needs to be displayed. For example, a control a can be included in another application page in the target application in addition to the target application page. The control a can be a control for requesting display of the target application page. When a user clicks (or performs other operations such as long-pressing, swiping, or voice control) the control a, it indicates that the display request or the jump display request for the target application page is triggered.

[0075] It should be noted that any operation performed by the terminal device in the following description can be performed by calling the target application or the host program to which the target application belongs (when the target application is a small program). Conversely, the operation performed by the target application or the host program to which the target application belongs can also be performed by the terminal device.

[0076] Further, the target application page can include a plurality of page components. Each page component included in the target application page has a dependency relationship with the target application page. The page component having the dependency relationship with the target application page depends on the target application page. Here, all page components included in the target application page can be divided into two types, one is an immediate display component (there can be multiple, the specific number is determined according to the actual application scenario), and the other is a time display component (there can be multiple, the specific number is determined according to the actual application scenario).

[0077] Among them, the immediate display component refers to a component that needs to be displayed immediately (immediately) when rendering and displaying the target application page. The time display component refers to a component that does not need to be displayed immediately when rendering and displaying the target application page. Specifically, the time display component can refer to a component that is displayed according to a trigger operation (such as a click operation, a long-press operation, etc.) of a page control in the displayed target application page. The page control can be any control in the target application page that can trigger the display of the time display component.

[0078] Therefore, in this application, when the target application page of the target application needs to be displayed, the terminal device can first obtain the component compilation file of the immediate display page component that depends on the target application page, and can obtain the component compilation file of the placeholder component. Among them, the component compilation file can be referred to as the compilation file. The component compilation file can be obtained by compiling the source code of the page component. The component compilation file of the immediate display component can be referred to as the first component compilation file, and the component compilation file of the placeholder component can be referred to as the second component compilation file.

[0079] The placeholder component is a component used for occupying the use-time display component dependent on the target application page. For example, when the component compilation file of the use-time display component has not been obtained, the placeholder component can be displayed at the display position of the use-time display component in the target application page through the component compilation file of the obtained placeholder component. The component compilation file of the placeholder component can be simpler and less data than the component compilation file of the use-time display component. For example, the placeholder component can be a rotating buffering component.

[0080] Optionally, when the target application page of the target application program needs to be displayed, the applet can obtain the component identifier of the instant display component, and can obtain the component identifier of the use-time display component. The component identifier of the instant display component can be referred to as a first component identifier, and the component identifier of the use-time display component can be referred to as a second component identifier. Further, the applet can pull the first component compilation file of the instant display component through the first component identifier, and can pull the component compilation file of the use-time display component or / and the placeholder component of the use-time display component through the second component identifier. The process can be described below.

[0081] The target application program can obtain the first component identifier and the second component identifier in the following process. When the target application page needs to be displayed, the target application program can obtain the page configuration file of the target application page. The page configuration file is a file associated with the display of the target application page and configured in advance. Optionally, when the target application program is an applet, the applet can pull the page configuration file of the target application page from the background device of the host program through the host program.

[0082] After obtaining the page configuration file of the target application page, the target application program can perform parsing processing on the page configuration file to obtain a component identifier list composed of component identifiers of all components dependent on the target application page. The component identifier list can be referred to as a full-amount component identifier list. In other words, the full-amount component identifier list can include component identifiers of all components dependent on the target application page. One component can correspond to one component identifier. Further, after performing the parsing processing on the page configuration file, the target application program can also obtain a component identifier list composed of component identifiers of use-time display components dependent on the target application page and configured in advance for the target application page. The component identifier list can be referred to as a use-time component identifier list.

[0083] Therefore, the applet can extract the second component identifier of the time display component from the parsed time display component list. The applet can also eliminate the component identifiers contained in the time display component identifier list from the parsed full component identifier list to obtain a reserved component identifier list, which is the list obtained by eliminating the second component identifier from the full component identifier list. Therefore, the applet can take the component identifiers in the reserved component identifier list as the second component identifiers.

[0084] Please refer to Figure 4 , Figure 4 is a scenario provided by the present application for obtaining component identifiers. As shown in Figure 4 , the target application program can parse the page configuration file of the target application page to obtain a full component identifier list and a time component identifier list of the target application page. The full component identifier list can include component identifiers of various page components dependent on the target application page (specifically, component identifier 1 to component identifier 6), and the time component identifier list can include component identifiers of various time display components dependent on the target application page (specifically, component identifier 2 to component identifier 4). Therefore, the target application program can directly extract the second component identifier of the time display component from the time component identifier list. Here, the second component identifier has three components, including component identifier 2, component identifier 3, and component identifier 4.

[0085] Furthermore, the target application program can also eliminate the component identifiers contained in the time component identifier list from the full component identifier list to obtain a reserved component identifier list. The reserved component identifier list can include component identifier 1, component identifier 5, and component identifier 6. Therefore, the target application program can take component identifier 1, component identifier 5, and component identifier 6 in the reserved component identifier list as the first component identifiers of the instant display component.

[0086] Among them, the component identifiers contained in the full component identifier list can be understood as the identifiers of the on-demand injection components of the target application page, and the component identifiers contained in the time component identifier list can be understood as the identifiers of the time injection components of the target application page.

[0087] If the target application is a mini-program, the mini-program can generate a first file pulling request, the first file pulling request can be a request for pulling the component compilation file of the instant display component, the first file pulling request can carry the component identifier of the instant display component (which can be referred to as a first component identifier), and therefore, the terminal device can call the host program of the mini-program to pull the first component compilation file associated with the first component identifier from the background device of the host program according to the first file pulling request. The instant display component has an association relationship with its first component identifier.

[0088] Optionally, the configuration of the on-demand injected component can be implemented by adding a configuration statement “lazyCodeLoading”: “requiredComponents” in the app.json (the json file of the target application). In this way, the background can pre-compile the source code of the target application at the component level (such as compiling the component compilation file, which is completed before the target application is applied), and the loading is also loaded at the page level (such as loading the full component identifier list of the target application page). In addition, it is also possible to configure in the json file corresponding to the target application page which injection needs to be injected asynchronously (that is, the configuration of the on-demand display component) and the corresponding placeholder component.

[0089] Further, the placeholder component can be pre-configured for the on-demand display component, and one on-demand display component can correspond to one placeholder component. The placeholder component configured for the on-demand display component can be a built-in component of the target application (that is, a number of selectable components pre-configured in the mini-program), or can also be a custom component.

[0090] Therefore, if the target application program is a subprogram, the subprogram is a small program, and the placeholder component is a built-in component in the small program, the second component compilation file of the placeholder component exists in the subprogram (i.e., the small program) and not in the background device of the host program, and therefore, the terminal device can obtain the second component compilation file of the placeholder component in the small program (front end).

[0091] In a possible implementation, the target application program can be a small program, the small program can have a host program, the small program can include a plurality of application pages (the specific number of the application pages can be determined according to an actual application scenario, and no limitation is made to this), the plurality of application pages can include the target application page, the plurality of application pages can have a component set, the component set can include all components (all page components) dependent on the plurality of application pages, and the background device (which can be a server or a server cluster) of the host program can compile a component compilation file corresponding to each component in the component set according to a unit of the component, and one component corresponds to one component compilation file. In other words, the background device of the host program can precompile component compilation files corresponding to all page components of each application page dependent on the target application page according to a unit of the component, instead of compiling according to a unit of a data packet (one data packet can include source codes of page components dependent on a plurality of application pages), so that the front end (such as a terminal device) only needs to obtain a compilation file of a page component related to an application page to be displayed, and does not need to obtain a compilation file of a page component related to an application page that is not currently displayed, thereby reducing the amount of data to be obtained and reducing the time consumed for starting (displaying) a page.

[0092] In step S102, the target application page is rendered and displayed based on the first component compilation file and the second component compilation file. The rendered and displayed target application page includes the instant display component and the placeholder component.

[0093] Optionally, the target application program in the terminal device can render and display the target application page based on the first compiled file and the second compiled file. The first compiled file compiles (or can be said to indicate) the manner of rendering and displaying the instant display component on the target application page, and the second compiled file compiles the manner of rendering and displaying the placeholder component on the target application page. Therefore, the target application page rendered and displayed can include the rendered instant display component and the placeholder component of the time display component.

[0094] That is, the target application program in the terminal device can display the target application page including the instant display component and the placeholder component on the terminal interface.

[0095] In step S103, the third component compiled file of the time display component is asynchronously acquired, and the placeholder component in the target application page rendered and displayed is replaced with the time display component according to the third component compiled file.

[0096] Optionally, after rendering and displaying the target application page, the mini program in the terminal device can then asynchronously acquire the component compiled file of the time display component, which can be referred to as a third component compiled file. The mini program can replace the placeholder component in the target application page rendered and displayed with the time display component according to the third component compiled file. After the replacement, the final target application page is displayed, which includes the rendered instant display component and the time display component.

[0097] Optionally, if the target application program is a mini program, the process of the mini program acquiring the third component compiled file of the time display component can be as follows: the mini program can generate a third file pulling request, which can be a request for pulling the component compiled file of the time display component. The third file pulling request can carry the component identifier (i.e., the second component identifier) of the time display component. Therefore, the terminal device can call the host program of the mini program to pull the third component compiled file associated with the second component identifier from the background device of the host program according to the third file pulling request. The time display component has an association relationship with its second component identifier.

[0098] Please refer to Figures 5-7 , Figures 5-7 is a page schematic diagram of a target application page provided by the present application. Figure 5 The displayed target application page is rendered and displayed based on the component compiled file of the instant display component. The target application page includes the displayed instant display component, which can specifically include a page component 100b, a page component 101b (which is actually a kind of page control), a page component 102b, and a page component 103b.

[0099] More importantly, when a target is detected... Figure 5 The triggering operation of page control 101b in the target application page can display Figure 6 The target application page shown includes a placeholder component 104b for a timing display component, which is displayed on the target application page before the third component compilation file is obtained. Then, once the target application obtains the third component compilation file for the timing display component, it can use this third component compilation file to... Figure 5 or Figure 6 The placeholder component shown is replaced with a time-display component, at which point the target application page can be displayed as follows: Figure 7 As shown, Figure 7 The image shows a time display component 105b after the placeholder component has been replaced. The placeholder component of the time display component 105b is the aforementioned placeholder component 104b. The time display component can also contain three controls, which can include a like control, a comment control, and a share control.

[0100] Using the method provided in this application, page components in the application page are divided into two types: instant display components and time-based display components. Therefore, when rendering the application page, placeholder components for both instant and time-based display components can be rendered and displayed first. This allows for rapid presentation and display of the target application page on the terminal interface, reducing startup time. This target application page includes placeholder components for both instant and time-based display components. Next, the compiled file for the time-based display component can be asynchronously retrieved, and the target application page can be rendered a second time, replacing the placeholder components from the first rendering with the time-based display components. Since the compiled file for the time-based display component has significantly more data than its placeholder components, and the parsing difficulty of the compiled file for the time-based display component (rendering the corresponding component by parsing the compiled file) is also significantly greater than that of its placeholder components, this application, by first displaying the placeholder components of the time-based display component and then asynchronously displaying the time-based display component, can improve the display speed of the target application page, reduce page lag, and enhance the user experience.

[0101] Optionally, the above process can belong to an application process of the target application. Further, the developer tool side also provides a placeholder component debugging switch (which can exist in the debugging control or debugging tool of the placeholder component), and in the development and debugging process of the target application (the implementation of the process is actually the same as the above application process of the target application), if the placeholder component debugging switch is turned on, after the first rendering displays the application page, if the component compilation file of the on-demand injection component (i.e., the on-demand display component) is obtained and the request for injecting the on-demand injection component in the application page (such as replacing the placeholder component with the on-demand injection component) is stopped (i.e., the injection is paused, which can be understood as blocking the interface for injecting the on-demand display component), the developer can debug the custom placeholder component of the on-demand injection component. It can be understood that when the placeholder component debugging switch is turned off, the target application can normally replace the placeholder component in the first rendering display application page with the corresponding on-demand display component.

[0102] Please refer to Figures 8-9 , Figures 8-9 is a page schematic diagram of a component debugging page provided by the present application. As shown in Figure 8 , the page (which can be a page in the developer tool) shown in Figure 8 is a state in which the placeholder component debugging switch in the placeholder component debugging tool is turned off, at which time the process of injecting the on-demand injection component into the target application page is normal and will not be blocked. Figure 9 The page shown in Figure 9 is a state in which the placeholder component debugging switch in the placeholder component debugging tool is turned on, at which time the placeholder component always exists in the first rendering target application page and has not been replaced with the corresponding on-demand injection component (i.e., the on-demand display component), and through the visual container, basic content, and form component modules in the page shown in Figure 9 , the currently displayed placeholder component can be debugged accordingly. The content of the debugging can be determined according to the actual application scenario.

[0103] Optionally, the above target application can be a subprogram, which can be an applet. The applet can have two sides, namely a webview side (which can be referred to as an interface side) and an appservice side (which can be referred to as a service side): the applet is divided into two threads, webview and appservice, webview is mainly used to display the rendering interface (i.e., the page), and appservice is used to process business logic, data, and interface calls, and the communication is realized through the system layer JSBridge (bridge), and the rendering of the UI (interface) and the processing of the event are realized.

[0104] After the source code of the target application is compiled (before the target application is applied) according to the granularity of the components in the present application, common files and files corresponding to each component / page can be generated, and the directory structure of the compiled files can generally include: app-config.json (global configuration), common.app.js (two-side common code, which can be empty), appservice.app.js (appservice-side common code), webview.app.js (webview-side common code), path / to / a / component.common.js (two-side specific component code), path / to / a / component.appservice.js (appservice-side specific component code), path / to / a / component.webview.js (webview-side specific component code), path / to / a / page.html (a page identification file representing a custom component that is an application page (an empty file)).

[0105] In combination with the above-mentioned two sides of the target application (if it is a mini program), the process of the present application is described: when the user starts the mini program and starts the page in the mini program / jumps to a certain page, the client of the target application (the front-end client in the application process of the target application) / the developer tool (the program tool in the developer device in the development process of the target application, which can be understood as the target application in the development process) receives the routing information (used to indicate which application page needs to be displayed currently) transmitted by the basic library (the program running framework of the mini program, which has framework ability and mechanical ability), obtains the page configuration information of the application page that needs to be displayed according to the routing information, injects the common common.js (two-side common file) and webview.js (webview-side specific file) and other files (compiled files) into the webview side through the page configuration information, and can inject the common common.js (two-side common file) and appservice.js (appservice-side specific file) and other files into the appservice side.

[0106] Further, the basic library can also analyze the dependency relationship between the page and the component through the above-mentioned obtained page configuration information, and through the analyzed dependency relationship, the on-demand injection component list (such as the above-mentioned full-amount component identification list) and the on-time injection component list (such as the above-mentioned on-time component identification list) can be obtained, and the pre-configured placeholder component of the on-time display component can be obtained.

[0107] Then, the base library can further call the loadJsFiles / loadComponents method (a method for dynamically loading resources) provided by the client / developer tool on the webview side and the appservice side to inject the on-demand injection list required by the application page to be displayed into the two sides respectively, and perform the first rendering on the application page. The first rendered application page contains the instant display component and the placeholder component of the time display component. After the page loading and rendering are completed, the base library can again call the loadJsFiles / loadComponents method provided by the client / developer tool of the target application program on the webview and appservice sides to inject the on-demand injection list into the two sides. After the injection is completed, the base library obtains the time display component (such as the component compilation file of the time display component) to replace the corresponding placeholder component in the rendered and displayed application page.

[0108] When the target application page of the target application program needs to be displayed, the first component compilation file of the instant display component dependent on the target application page can be obtained, and the second component compilation file of the placeholder component can be obtained. The placeholder component is used to occupy the time display component dependent on the target application page. The target application page is rendered and displayed based on the first component compilation file and the second component compilation file. The rendered and displayed target application page contains the instant display component and the placeholder component. The third component compilation file of the time display component is obtained asynchronously, and the placeholder component in the rendered and displayed target application page is replaced with the time display component according to the third component compilation file. As can be seen, the method provided by the application can first render and display the instant display component of the target application page and the placeholder component of the time display component when the target application page is first rendered and displayed. After the rendering is completed, the time display component can be rendered and displayed in the first rendered and displayed target application page asynchronously, so as to reduce the startup time of the target application page and improve the startup speed of the target application page.

[0109] Please refer to Figure 10 , Figure 10 is a structural schematic diagram of a data processing apparatus provided by the application. The data processing apparatus can be a computer program (including program code) running in a computer device, for example, the data processing apparatus is an application software, and the data processing apparatus can be used to execute the corresponding steps in the method provided by the embodiments of the application. As shown in Figure 10 , the data processing apparatus 1 can include:

[0110] The file obtaining module 11 is configured to obtain a first component compilation file of an instant display component dependent on a target application page of a target application program and a second component compilation file of a placeholder component when the target application page needs to be displayed;

[0111] The display module 12 is configured to render and display the target application page based on the first component compilation file and the second component compilation file; the rendered and displayed target application page comprises the instant display component and the placeholder component;

[0112] The replacement module 13 is configured to asynchronously obtain a third component compilation file of a time display component, and replace the placeholder component in the rendered and displayed target application page with the time display component according to the third component compilation file.

[0113] Optionally, when the target application page needs to be displayed, the file obtaining module 11 obtains the first component compilation file of the instant display component dependent on the target application page and the second component compilation file of the placeholder component in the following manner:

[0114] When the target application page needs to be displayed, a first component identifier of the instant display component is obtained, and a second component identifier of the time display component is obtained;

[0115] The first component compilation file of the instant display component is obtained according to the first component identifier, and the second component compilation file of the placeholder component is obtained according to the second component identifier.

[0116] Optionally, when the target application page needs to be displayed, the file obtaining module 11 obtains the first component identifier of the instant display component and the second component identifier of the time display component in the following manner:

[0117] When the target application page needs to be displayed, a page configuration file of the target application page is obtained;

[0118] The page configuration file is parsed to obtain a full-component identifier list composed of component identifiers of full components dependent on the target application page, and to obtain a time-component identifier list composed of component identifiers of time display components dependent on the target application page;

[0119] The first component identifier is determined according to the full-component identifier list and the time-component identifier list, and the second component identifier is extracted from the time-component identifier list.

[0120] Optionally, the file obtaining module 11 determines the first component identifier according to the full-component identifier list and the time-component identifier list in the following manner:

[0121] Eliminate the second component identifier contained in the time-consuming component identifier list from the full component identifier list to obtain a reserved component identifier list;

[0122] The component identifier in the reserved component identifier list is determined as the second component identifier.

[0123] Optionally, the target application program belongs to a subprogram, and the subprogram has a host program.

[0124] The file acquisition module 11 acquires the first component compilation file of the instant display component dependent on the target application page in the following manner:

[0125] A first file pulling request is generated in the subprogram; the first file pulling request carries the first component identifier of the instant display component.

[0126] The host program is called to pull the first component compilation file associated with the first component identifier to the background device of the host program according to the first file pulling request.

[0127] Optionally, the target application program belongs to a subprogram.

[0128] The file acquisition module 11 acquires the second component compilation file of the placeholder component in the following manner:

[0129] If the placeholder component is a built-in component of the subprogram, the second component compilation file of the placeholder component is acquired in the subprogram.

[0130] Optionally, the target application program belongs to a subprogram, and the subprogram has a host program.

[0131] The file acquisition module 11 acquires the second component compilation file of the placeholder component in the following manner:

[0132] If the placeholder component is a custom component, a second file pulling request is generated in the subprogram; the second file pulling request carries the second component identifier of the time-consuming display component.

[0133] The host program is called to pull the second component compilation file of the placeholder component indicated by the second component identifier to the background device of the host program according to the second file pulling request.

[0134] Optionally, the target application program belongs to a subprogram, and the subprogram has a host program.

[0135] The replacement module 13 acquires the third component compilation file of the time-consuming display component in the following manner:

[0136] A third file pulling request is generated in the subprogram; the third file pulling request carries the second component identifier of the time-consuming display component.

[0137] The calling host program pulls the second component identification associated third component compilation file according to the third file pulling request to the background device of the host program.

[0138] Optionally, the target application program belongs to a subprogram, the subprogram has a host program, the subprogram includes a plurality of application pages, the plurality of application pages include the target application page, the plurality of application pages have a component set, the component set includes components dependent on the plurality of application pages, and the background device of the host program is compiled with component compilation files corresponding to the components in the component set in units of the components.

[0139] Optionally, the instant display component refers to a component that needs to be displayed instantly when rendering and displaying the target application page, and the time display component refers to a component displayed according to a trigger operation on a page control in the target application page.

[0140] According to one embodiment of the present application, Figure 3 The steps involved in the data processing method shown can be executed by Figure 10 each module in the data processing device 1 shown. For example, Figure 3 the step S101 shown in the method shown in Figure 10 may be executed by the file acquisition module 11 in Figure 3 the step S102 shown in the method shown in Figure 10 may be executed by the display module 12 in Figure 3 the step S103 shown in the method shown in Figure 10 may be executed by the replacement module 13 in

[0141] When the target application page of the target application program needs to be displayed, the first component compilation file of the instant display component dependent on the target application page can be acquired, and the second component compilation file of the placeholder component can be acquired; the placeholder component is used to occupy the time display component dependent on the target application page; the target application page is rendered and displayed based on the first component compilation file and the second component compilation file; the rendered and displayed target application page includes the instant display component and the placeholder component; the third component compilation file of the time display component is asynchronously acquired, and the placeholder component in the rendered and displayed target application page is replaced with the time display component according to the third component compilation file. As can be seen, the method proposed in the present application can first render and display the instant display component of the target application page and the placeholder component of the time display component when the target application page is first rendered and displayed, and after the rendering is completed, the time display component in the target application page first rendered and displayed can be rendered and displayed again asynchronously, so as to reduce the startup time of the target application page and improve the startup speed of the target application page.

[0142] According to one embodiment of the present application, Figure 10The modules in the data processing apparatus 1 shown can be combined into one or several units respectively or in total, or some of the units can be further split into a plurality of sub-units with smaller functions, and the same operations can be implemented without affecting the implementation of the technical effects of the embodiments of the present application. The above modules are divided based on logical functions, and in actual applications, the functions of one module can also be implemented by a plurality of units, or the functions of a plurality of modules can be implemented by one unit. In other embodiments of the present application, the data processing apparatus 1 can also include other units, and in actual applications, these functions can also be assisted by other units, and can be implemented by a plurality of units in cooperation.

[0143] According to an embodiment of the present application, the data processing apparatus 1 shown in Figure 3 may be constructed by running a computer program (including program codes) capable of executing the steps involved in the corresponding method shown in Figure 10 , and implementing the data processing method of the embodiments of the present application on a general-purpose computer device such as a computer including processing elements and storage elements such as central processing units (CPUs), random access memory (RAM), read-only memory (ROM), etc. The above computer program can be recorded on a computer readable recording medium such as a computer readable recording medium, and loaded into the above computer device through the computer readable recording medium, and run therein.

[0144] Please refer to Figure 11 , Figure 11 is a structural schematic diagram of a computer device provided by the present application. As shown in Figure 11 , the computer device 1000 can include a processor 1001, a network interface 1004 and a memory 1005, in addition, the computer device 1000 can also include a user interface 1003, and at least one communication bus 1002. Among them, the communication bus 1002 is used to realize the connection communication between these components. Among them, the user interface 1003 can include a display screen (Display), a keyboard (Keyboard), and the optional user interface 1003 can also include a standard wired interface, a wireless interface. The network interface 1004 can optionally include a standard wired interface, a wireless interface (such as a WI-FI interface). The memory 1005 can be a high-speed RAM memory, or a non-volatile memory, for example, at least one disk storage. The memory 1005 can also be at least one storage device located away from the aforementioned processor 1001. As shown in Figure 11 , the memory 1005 as a computer storage medium can include an operating system, a network communication module, a user interface module and a device control application program.

[0145] InFigure 11 In the computer device 1000 shown, the network interface 1004 can provide network communication functions; the user interface 1003 is mainly used to provide an interface for user input; and the processor 1001 can be used to call a device control application program stored in the memory 1005 to implement:

[0146] When it is necessary to display a target application page of a target application, a first component compilation file of an instant display component dependent on the target application page is acquired, and a second component compilation file of a placeholder component is acquired; the placeholder component is used to occupy the instant display component dependent on the target application page;

[0147] The target application page is rendered and displayed based on the first component compilation file and the second component compilation file; the rendered and displayed target application page includes the instant display component and the placeholder component;

[0148] The third component compilation file of the time display component is acquired asynchronously, and the placeholder component in the rendered and displayed target application page is replaced with the time display component according to the third component compilation file.

[0149] In a possible implementation, the processor 1001 can also be used to call the device control application program stored in the memory 1005 to implement:

[0150] When it is necessary to display a target application page, a first component identifier of an instant display component is acquired, and a second component identifier of a time display component is acquired;

[0151] The first component compilation file of the instant display component is acquired according to the first component identifier, and the second component compilation file of the placeholder component is acquired according to the second component identifier.

[0152] In a possible implementation, the processor 1001 can also be used to call the device control application program stored in the memory 1005 to implement:

[0153] When it is necessary to display a target application page, a page configuration file of the target application page is acquired;

[0154] The page configuration file is parsed to obtain a full-amount component identifier list composed of component identifiers of full-amount components dependent on the target application page, and to obtain a time display component identifier list composed of component identifiers of time display components dependent on the target application page;

[0155] The first component identifier is determined according to the full-amount component identifier list and the time display component identifier list, and the second component identifier is extracted from the time display component identifier list.

[0156] In a possible implementation, the processor 1001 can further be configured to invoke the device control application stored in the memory 1005 to implement:

[0157] eliminate the second component identifiers contained in the time-consuming component identifier list from the full component identifier list to obtain a reserved component identifier list;

[0158] determine the component identifiers in the reserved component identifier list as the second component identifiers.

[0159] Optionally, the target application belongs to a subprogram, and the subprogram has a host program.

[0160] In a possible implementation, the processor 1001 can further be configured to invoke the device control application stored in the memory 1005 to implement:

[0161] generate a first file pulling request in the subprogram; the first file pulling request carries the first component identifier of the instant display component;

[0162] invoke the host program to pull, according to the first file pulling request, a first component compilation file associated with the first component identifier from a background device of the host program.

[0163] Optionally, the target application belongs to a subprogram.

[0164] In a possible implementation, the processor 1001 can further be configured to invoke the device control application stored in the memory 1005 to implement:

[0165] if the placeholder component belongs to a built-in component of the subprogram, obtain a second component compilation file of the placeholder component in the subprogram.

[0166] Optionally, the target application belongs to a subprogram, and the subprogram has a host program.

[0167] In a possible implementation, the processor 1001 can further be configured to invoke the device control application stored in the memory 1005 to implement:

[0168] if the placeholder component belongs to a custom component, generate a second file pulling request in the subprogram; the second file pulling request carries the second component identifier of the time-consuming display component;

[0169] invoke the host program to pull, according to the second file pulling request, a second component compilation file of the placeholder component indicated by the second component identifier from a background device of the host program.

[0170] Optionally, the target application belongs to a subprogram, and the subprogram has a host program.

[0171] In a possible implementation, the processor 1001 can further be configured to invoke a device control application stored in the memory 1005 to implement the following:

[0172] generate a third file pulling request in the subprogram; the third file pulling request carries the second component identifier of the instant display component;

[0173] invoke the host program to pull, according to the third file pulling request, a third component compilation file associated with the second component identifier from a background device of the host program.

[0174] In a possible implementation, the target application belongs to a subprogram, the subprogram has a host program, the subprogram includes a plurality of application pages, the plurality of application pages include the target application page, the plurality of application pages have a component set, the component set includes components dependent on the plurality of application pages, and the background device of the host program is compiled with component compilation files corresponding to the components in the component set respectively according to the units of the components.

[0175] In a possible implementation, the instant display component refers to a component that needs to be displayed instantaneously when the target application page is rendered and displayed, and the instant display component refers to a component displayed according to a trigger operation on a page control in the target application page.

[0176] It should be understood that the computer device 1000 described in the embodiments of the present application can execute the foregoing Figure 3 The foregoing description of the data processing method in the corresponding embodiments can also execute the foregoing Figure 10 The foregoing description of the data processing device 1 in the corresponding embodiments will not be described here. In addition, the beneficial effects of using the same method will not be described here.

[0177] In addition, it should be noted that the present application also provides a computer readable storage medium, and the computer readable storage medium stores the computer program executed by the foregoing data processing device 1, and the computer program includes program instructions, and when the processor executes the program instructions, the foregoing Figure 3 The foregoing description of the data processing method in the corresponding embodiments, therefore, will not be described here. In addition, the beneficial effects of using the same method will not be described here. For technical details of the computer storage medium embodiments involved in the present application that are not disclosed, please refer to the description of the method embodiments of the present application.

[0178] As an example, the foregoing program instructions can be deployed on one computer device for execution, or deployed on a plurality of computer devices located in one place for execution, or deployed on a plurality of computer devices distributed in multiple places and interconnected through a communication network for execution. The plurality of computer devices distributed in multiple places and interconnected through a communication network can constitute a blockchain network.

[0179] The computer readable storage medium can be an internal storage unit of the data processing apparatus or the computer device, for example, a hard disk or a memory of the computer device. The computer readable storage medium can also be an external storage device of the computer device, for example, a plug-in hard disk, a smart media card (SMC), a secure digital (SD) card, a flash card, etc. Further, the computer readable storage medium can include both the internal storage unit and the external storage device of the computer device. The computer readable storage medium is used to store the computer program and other programs and data required by the computer device. The computer readable storage medium can also be used to temporarily store data that has been output or will be output.

[0180] The present application provides a computer program product or computer program, which includes computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer readable storage medium, and the processor executes the computer instructions, so that the computer device executes the foregoing Figure 3 The foregoing data processing method is described in the corresponding embodiments, and thus will not be described again here. In addition, the beneficial effects of using the same method will not be described again. For technical details not disclosed in the computer readable storage medium embodiments involved in the present application, please refer to the description of the method embodiments of the present application.

[0181] The terms "first", "second", etc. in the description, claims and drawings of the embodiments of the present application are used to distinguish different objects, and are not used to describe a specific order. In addition, the term "comprising" and any variations thereof are intended to cover non-exclusive inclusion. For example, a process, method, device, product or equipment including a series of steps or units is not limited to the listed steps or units, but can optionally include steps or units not listed, or can optionally include other steps or units inherent to the process, method, device, product or equipment.

[0182] Those skilled in the art will recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, computer software, or a combination of both. To clearly illustrate the interchangeability of hardware and software, the components and steps of the various examples have been generally described in terms of functionality in the foregoing description. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementations should not be considered beyond the scope of this application.

[0183] The methods and related apparatuses provided in this application are described with reference to the method flowcharts and / or structural diagrams provided in this application. Specifically, each block of the method flowchart and / or structural diagram, as well as combinations of blocks in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing device to create a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing device, generate instructions for implementing the process. Figure 1 A schematic diagram of one or more processes and / or structures. Figure 1 The computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 A schematic diagram of one or more processes and / or structures. Figure 1 The functions specified in one or more boxes. These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable apparatus for implementing the process. Figure 1 A process or multiple processes and / or structures illustrate the steps of the functions specified in one or more boxes.

[0184] The above-disclosed embodiments are merely preferred embodiments of this application and should not be construed as limiting the scope of this application. Therefore, any equivalent variations made in accordance with the claims of this application shall still fall within the scope of this application.

Claims

1. A data processing method, characterized in that, The method includes: When it is necessary to display the target application page of the target application, the host program to which the target application belongs is called to obtain the page configuration file that depends on the target application page; The page configuration file is parsed to obtain a list of full component identifiers consisting of component identifiers of all components that depend on the target application page, and a list of timed component identifiers consisting of component identifiers of timed display components that depend on the target application page. The full components of the target application page are divided into instant display components and timed display components. Instant display components refer to components that need to be displayed instantly when rendering and displaying the target application page, and timed display components refer to components that are displayed on the target application page according to the trigger operation on the page control. The first component identifier is determined based on the full list of component identifiers and the list of time-consuming component identifiers, and the second component identifier is extracted from the list of time-consuming component identifiers. The first component compilation file of the real-time display component is obtained according to the first component identifier, and the second component compilation file of the placeholder component is obtained according to the second component identifier; the placeholder component is used to place a place for the time-based display component that depends on the target application page; wherein, the target application is a subroutine, the subroutine has a host program, the subroutine contains multiple application pages, the multiple application pages contain the target application page, the multiple application pages have a component set, the component set contains various components that depend on the multiple application pages, and the background device of the host program compiles the component compilation files corresponding to each component in the component set according to the component unit; The target application page is rendered and displayed based on the first component compilation file and the second component compilation file; the rendered and displayed target application page includes the real-time display component and the placeholder component; When a trigger operation is detected for the page control, the third component compilation file of the time display component is asynchronously obtained. After obtaining the third component compilation file, the placeholder component in the rendered target application page is replaced with the time display component according to the third component compilation file. Specifically, after the trigger operation for the page control is detected and before the third component compilation file is obtained, the placeholder component of the time display component associated with the page control is rendered and displayed in the target application page.

2. The method according to claim 1, characterized in that, Determining the first component identifier based on the full list of component identifiers and the list of time-consuming component identifiers includes: Remove the second component identifier contained in the time-consuming component identifier list from the full component identifier list to obtain the retained component identifier list; The component identifier in the reserved component identifier list is determined as the second component identifier.

3. The method according to claim 1, characterized in that, The target application is a subroutine, and the subroutine has a host program; The step of obtaining the first component compilation file that depends on the real-time display component of the target application page includes: The subroutine generates a first file fetch request; the first file fetch request carries a first component identifier of the instant display component; The host program is invoked to retrieve the compiled file of the first component associated with the first component identifier from the background device of the host program according to the first file retrieval request.

4. The method according to claim 1, characterized in that, The target application is a subroutine; The second component compilation file for obtaining the placeholder component includes: If the placeholder component is a built-in component of the subroutine, then the second component compilation file of the placeholder component is obtained within the subroutine.

5. The method according to claim 1, characterized in that, The target application is a subroutine; the subroutine has a host program. The second component compilation file for obtaining the placeholder component includes: If the placeholder component is a custom component, a second file fetch request is generated in the subroutine; the second file fetch request carries the second component identifier of the time-display component; The host program is invoked to retrieve the compiled file of the second component of the placeholder component indicated by the second component identifier from the background device of the host program according to the second file retrieval request.

6. The method according to claim 1, characterized in that, The target application is a subroutine; the subroutine has a host program. The asynchronous acquisition of the third component compilation file of the time-display component includes: A third file fetch request is generated in the subroutine; the third file fetch request carries the second component identifier of the timing display component; The host program is invoked to retrieve the compiled file of the third component associated with the second component identifier from the background device of the host program according to the third file retrieval request.

7. A data processing apparatus, characterized in that, The device includes: The file acquisition module is used to, when it is necessary to display the target application page of the target application, call the host program to which the target application belongs to obtain the page configuration file that depends on the target application page; parse the page configuration file to obtain a list of full component identifiers consisting of component identifiers of all components that depend on the target application page, and a list of time-based component identifiers consisting of component identifiers of time-based display components that depend on the target application page; determine a first component identifier based on the list of full component identifiers and the list of time-based component identifiers, and extract a second component identifier from the list of time-based component identifiers; obtain the first component compilation file of the instant display component based on the first component identifier, and obtain the second component compilation file of the placeholder component; The target application page's components are divided into real-time display components and time-based display components. Real-time display components are those that need to be displayed immediately during the rendering of the target application page, while time-based display components are those displayed on the target application page based on trigger operations on page controls. Placeholder components are used to reserve space for time-based display components that depend on the target application page. The target application is a subroutine with a host program. The subroutine contains multiple application pages, each containing the target application page. Each application page has a component set, which includes components that depend on the application pages. The host program's backend device compiles component compilation files corresponding to each component in the component set, organized by component unit. The display module is used to render and display the target application page based on the first component compilation file and the second component compilation file; the rendered and displayed target application page includes the real-time display component and the placeholder component; The replacement module is configured to asynchronously obtain the third component compilation file of the timing display component when a trigger operation for the page control is detected, and after obtaining the third component compilation file, replace the placeholder component in the rendered target application page with the timing display component according to the third component compilation file; wherein, after the trigger operation for the page control is detected and before the third component compilation file is obtained, the target application page renders and displays a placeholder component of the timing display component associated with the page control.

8. A computer program product comprising a computer program / instructions that, when executed by a processor, implement the steps of the method according to any one of claims 1-6.

9. A computer device, characterized in that, It includes a memory and a processor, the memory storing a computer program that, when executed by the processor, causes the processor to perform the steps of the method according to any one of claims 1-6.

10. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program adapted to be loaded by a processor and executed as described in any one of claims 1-6.

Images