CN113296841A - Application program processing method, device, equipment and medium - Google Patents

Application program processing method, device, equipment and medium Download PDF

Info

Publication number
CN113296841A
CN113296841A CN202110395401.1A CN202110395401A CN113296841A CN 113296841 A CN113296841 A CN 113296841A CN 202110395401 A CN202110395401 A CN 202110395401A CN 113296841 A CN113296841 A CN 113296841A
Authority
CN
China
Prior art keywords
component
application
sub
application program
target
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202110395401.1A
Other languages
Chinese (zh)
Inventor
刘小娟
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
JD Digital Technology Holdings Co Ltd
Original Assignee
JD Digital Technology Holdings Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by JD Digital Technology Holdings Co Ltd filed Critical JD Digital Technology Holdings Co Ltd
Priority to CN202110395401.1A priority Critical patent/CN113296841A/en
Publication of CN113296841A publication Critical patent/CN113296841A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/448—Execution paradigms, e.g. implementations of programming paradigms
    • G06F9/4482—Procedural
    • G06F9/4484—Executing subprograms
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/46—Multiprogramming arrangements
    • G06F9/54—Interprogram communication
    • G06F9/547—Remote procedure calls [RPC]; Web services

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Stored Programmes (AREA)

Abstract

The embodiment of the application provides an application program processing method, device, equipment and medium. The method comprises the following steps: responding to the detected page processing request of the sub application program, and determining a target component, wherein the target component is a UI component in the sub application program to be loaded; determining related data of a target component in component loading data of a main application program, wherein the main application program and a sub-application program belong to the same Web application program; and displaying the page of the sub application program according to the related data. Therefore, the sub application program can carry out component processing according to the component loading data of the main application program, and the page display efficiency of the sub application program is effectively improved.

Description

Application program processing method, device, equipment and medium
Technical Field
Embodiments of the present application relate to the field of computer technologies, and in particular, to a method, an apparatus, a device, and a medium for processing an application program.
Background
With the development of front-end technology and the increase of project size, in the front-end technology, it is necessary to split a larger-scale project into a plurality of sub-projects related to each other based on micro-services, and to provide a uniform access portal for the plurality of sub-projects related to each other. For example, in a World wide Web (Web) application implemented based on microservices, a plurality of sub-applications (i.e., mini front-end applications, in the form of a single-page application) and a main application (also called a master station or Portal station, which provides a unified access Portal for the plurality of sub-applications) are included.
In a Web application, there may be an overlap between a service provided by a main application and a service provided by a sub application, and between services provided by different sub applications. Currently, when a User uses the same service on a main application program and a sub application program, the main application program and the sub application program respectively load User Interface (UI) components corresponding to the service; or, when the user uses the same service on different sub-applications, the different sub-applications respectively load the UI components corresponding to the service. Therefore, a common UI component exists between the main application and the sub-application, and between different sub-applications.
In view of the above phenomena, how to process UI components in a Web application to improve the page display efficiency of a sub application is an urgent problem to be solved.
Disclosure of Invention
Embodiments of the present application provide an application processing method, apparatus, device, and medium, so as to improve page display efficiency of a sub-application.
In a first aspect, the present application provides an application processing method, including:
in response to detecting a page processing request of a sub-application, determining a target component, wherein the target component is a UI component of the sub-application;
determining related data of the target component in component loading data of a main application program, wherein the main application program and the sub application program belong to the same Web application program;
and displaying the page of the sub application program according to the related data.
In one possible implementation manner, the page processing request includes a component loading request of the sub application, and determining, in the component loading data of the main application, relevant data of a target component includes:
and acquiring the resource data of the target component from the component loading data.
In one possible implementation manner, the component loading data includes resource data of all UI components of the Web application, and the application processing method further includes:
and in response to the detection of the component loading request of the main application program, loading and caching resource data of all UI components of the Web application program.
In a possible implementation manner, the component loading data includes resource data of a first component, where the first component is a UI component shared between the main application and the sub-application, and/or the first component is a UI component shared between different sub-applications, and the application processing method further includes:
and in response to detecting the component loading request of the main application program, loading and caching the resource data of the first component.
In a possible implementation manner, the obtaining resource data of the target component from the component loading data includes:
and if the target component is determined to belong to the first component, acquiring resource data of the target component from the component loading data.
In one possible implementation manner, the application processing method further includes:
and triggering a component loading request of the main application program under the condition that the Web application program is started.
In a possible implementation manner, the page component loading request of the sub application includes identification information of the target component, and the obtaining resource data of the target component from the component loading data includes:
and acquiring resource data corresponding to the identification information of the target component in the component loading data.
In a possible implementation manner, the displaying the page of the sub application according to the related data includes:
sending, by the host application, resource data of the target component to the sub-application;
and in the sub-application program, page rendering of the sub-application program is carried out according to the resource data between the targets.
In one possible implementation manner, the page processing request includes a component style switching request, and the determining, in the component loading data of the host application, the relevant data of the target component includes:
determining a target style for the target component;
and determining style information of the target component according to the target style in the component loading data.
In one possible implementation manner, the determining, in the component loading data, the style information of the target component according to the target style includes:
determining, in the component load data, a target global style variable associated with the target component; and determining the value of the target global style variable according to the target style. .
In a possible implementation manner, the displaying the page of the sub application according to the related data includes:
and calling a style function corresponding to the target component in the sub-application program according to the value of the target global style variable, and displaying the page of the sub-application program.
In another aspect, the present application provides an application processing apparatus, including:
the system comprises a first determining module, a second determining module and a third determining module, wherein the first determining module is used for responding to the page processing request of the detected sub-application program and determining a target component, and the target component is a UI component of the sub-application program to be loaded;
the second determination module is used for determining related data of the target component in component loading data of a main application program, wherein the main application program and the sub-application program belong to the same Web application program;
and the display module is used for displaying the page of the sub application program according to the related data.
In a possible implementation manner, the page processing request includes a component loading request of the sub application, and the second determining module is specifically configured to:
and acquiring the resource data of the target component from the component loading data.
In one possible implementation manner, the component loading data includes resource data of all UI components of the Web application, and the application processing apparatus further includes:
and the first loading module is used for loading and caching resource data of all UI components of the Web application program in response to the detection of the component loading request of the main application program.
In a possible implementation manner, the component loading data includes resource data of a first component, where the first component is a UI component shared between the main application and the sub-application, and/or the first component is a UI component shared between different sub-applications, and the application processing apparatus further includes:
and the second loading module is used for responding to the detected component loading request of the main application program, loading the resource data of the first component and caching the resource data.
In a possible implementation manner, the second determining module is specifically configured to:
and if the target component is determined to belong to the first component, acquiring resource data of the target component from the component loading data.
In one possible implementation manner, the application processing apparatus further includes:
and the triggering module is used for triggering the component loading request of the main application program under the condition that the Web application program is started.
In a possible implementation manner, the page component loading request of the sub application includes identification information of the target component, and the second determining module is specifically configured to:
and acquiring resource data corresponding to the identification information of the target component in the component loading data.
In a possible implementation manner, the display module is specifically configured to:
sending, by the host application, resource data of the target component to the sub-application;
and in the sub-application program, page rendering of the sub-application program is carried out according to the resource data between the targets.
In a possible implementation manner, the page processing request includes a component style switching request, and the second determining module is specifically configured to:
determining a target style for the target component;
and determining style information of the target component according to the target style in the component loading data.
In a possible implementation manner, the component loading data includes a plurality of global style variables, and the second determining module is specifically configured to:
determining, in the component load data, a target global style variable associated with the target component;
and determining the value of the target global style variable according to the target style.
In a possible implementation manner, the display module is specifically configured to:
and calling a style function corresponding to the target component in the sub-application program according to the value of the target global style variable, and displaying the page of the sub-application program.
In a third aspect, the present application provides an electronic device, comprising: at least one processor and memory;
the memory stores computer-executable instructions;
the at least one processor executes the computer-executable instructions stored by the memory, so that the at least one processor performs the application processing method as described above in the first aspect and various possible implementations of the first aspect.
In a fourth aspect, the present application provides a computer-readable storage medium, in which computer-executable instructions are stored, and when a processor executes the computer-executable instructions, the application processing method according to the first aspect and various possible implementation manners of the first aspect is implemented.
In a fifth aspect, the present application provides a computer program product comprising a computer program, which when executed by a processor implements the application processing method according to the first aspect and each possible implementation manner of the first aspect.
According to the application program processing method, device, equipment and storage medium, the target component is determined in response to the detection of the page processing request of the sub-application program, and the target component is a UI component of the sub-application program. In the component loading data of the host application, relevant data of the target component is determined. And displaying the page of the sub application program according to the related data. Therefore, when the page of the sub application program is displayed, the related data of the target component can be directly acquired from the component loading data of the main application program, the component data acquisition efficiency of the sub application program is effectively improved, and the page display efficiency of the sub application program is further improved.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and together with the description, serve to explain the principles of the application.
Fig. 1 is an exemplary diagram of an application scenario applicable to an application processing method according to an embodiment of the present application;
FIG. 2 is a flowchart illustrating an application processing method according to an embodiment of the present application;
FIG. 3 is a flowchart illustrating a method for processing an application according to another embodiment of the present application;
FIG. 4 is a flowchart illustrating a method for processing an application according to another embodiment of the present application;
FIG. 5 is a block diagram of an application processing apparatus according to an embodiment of the present application;
fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the present application.
With the above figures, there are shown specific embodiments of the present application, which will be described in more detail below. These drawings and written description are not intended to limit the scope of the inventive concepts in any manner, but rather to illustrate the inventive concepts to those skilled in the art by reference to specific embodiments.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some embodiments of the present application, but not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
First, terms referred to in embodiments of the present application are explained:
1. world wide Web (Web) application: applications that do not require installation and are typically run based on a browser.
2. Front-end architecture based on microservices: also known as a micro front end. In the front-end architecture, a large-scale project is split into a plurality of sub-projects which are mutually associated based on the concept of micro-service, a uniform access entrance is provided for the sub-projects, a user can use the sub-projects conveniently, developers can develop, test and release the sub-projects independently, and the development efficiency of the front end is improved effectively.
3. User Interface (UI) component: function modules on the user interface, such as buttons, edit boxes, progress scroll bars, fonts, etc. on the user interface. In order to avoid repeated development of the same function module and reduce code redundancy, developers abstract the function module on the user interface into UI components, so that different user interfaces can be directly invoked conveniently. Generally, after an application program is started, a UI component on a page is loaded first, and then page rendering is performed according to the loaded UI component.
4. Resource data of UI component: configuration parameters required when rendering a component view of a UI component on a page, such as images, text, styles, etc. of the UI component.
In the Web application program developed based on the micro service, the Web application program comprises a plurality of sub application programs and a main application program, wherein the sub application programs are single-page application programs, the main application program is also called a main station or a Portal station, in the development process, the sub application programs are also called sub projects, and the main application program is also called a main project. The main application provides access to the various sub-applications.
And when the user opens the main application program and the sub application program, the main application program and the sub application program load the UI components so as to provide corresponding services for the user. In a Web application, there may be an overlap between a service provided by a main application and a service provided by a sub application, and an overlap between services provided by different sub applications, in other words, there may be a UI component that may be shared between the main application and the sub applications, and a UI component that may be shared between different sub applications. For example, the main application and the sub-applications use the same font and the same edit box, and for example, different sub-applications use the same button and the same calendar.
The UI component that may be shared between the main application and the sub-application and the UI component that may be shared between different sub-applications affect the processing efficiency of the UI component in the Web application.
For example, in the related art, the main application and the sub-application independently perform UI component loading, for example, when a user opens the main application, the main application performs UI component loading to provide a service corresponding to the UI component; and opening the sub-application program by the user, and loading the UI component by the sub-application program so as to provide the service corresponding to the UI component. In this way, the main application program and the sub-application program are likely to respectively perform loading of the same UI component, which results in repeated loading of the UI component, and the loading efficiency of the UI component is not high.
In order to improve the processing efficiency of the UI component and further improve the page display efficiency of the sub-application, an embodiment of the present application provides an application processing method, in the component loading data of the main application, relevant data of the UI component of the sub-application is determined, and the page display of the sub-application is performed according to the determined relevant data of the UI component, so that the sub-application can be prevented from repeatedly requesting the relevant data of the UI component from the server, the page display efficiency of the sub-application is improved, and the performance overhead of the user terminal is also reduced.
Fig. 1 is an exemplary diagram of an application scenario to which an application processing method provided in an embodiment of the present application is applied. In an application scenario, a plurality of user terminals 101 and a server 102 are included, and each user terminal 101 communicates with the server 102 through a network. A user may open a Web application on a browser of the user terminal 101, for example, the user may open a main application by inputting a Uniform Resource Locator (URL) of the main application on the user terminal 101; alternatively, the sub-application is opened by entering the URL of the sub-application. Taking the main application as an example, when the main application is started, the main application requests the server 102 for a page resource through the user terminal 101. And after the page resources of the main application program are obtained, displaying the page of the main application program.
The user terminal 101 is, for example, a computer, a tablet computer, a mobile phone, a wearable smart device, a smart home device, and the like, and fig. 1 takes the user terminal 101 as an example. The server 102 is, for example, a distributed server or a centralized server.
The following describes technical solutions of embodiments of the present application and how to solve the above technical problems with specific embodiments. The following several specific embodiments may be combined with each other, and details of the same or similar concepts or processes may not be repeated in some embodiments. Embodiments of the present application will be described below with reference to the accompanying drawings.
For example, the execution subject of each method embodiment of the present application is an electronic device, and the electronic device is, for example, the user terminal 101 shown in fig. 1.
Fig. 2 is a flowchart illustrating an application processing method according to an embodiment of the present application. As shown in fig. 2, the method includes:
s201, in response to the detection of the page processing request of the sub-application program, determining a target component.
The page processing request of the sub-application program is used for requesting the page processing of the sub-application program. The target component is a UI component of the sub-application, namely the target component is a UI component on a page of the sub-application, and the number of the target components is one or more.
In this step, when the page processing request of the sub application is detected, the target component may be determined according to the page processing request. For example, if the page processing request involves all UI components of the sub-application, all UI components of the sub-application may be determined to be target components; if the page processing request relates to one or more UI components on the sub-application, the one or more UI components related to the page processing request can be determined as target components.
S202, determining related data of the target component in the component loading data of the main application program.
The main application program and the sub application program belong to the same Web application program, and the relationship between the main application program and the sub application program may refer to the description of the related contents, which is not described again. The component loading data of the host application includes resource data of a plurality of UI components loaded by the host application.
In this step, after the target component is determined, the related data of the target component may be searched for and obtained from the component loading data of the host application, where the related data of the target component may be one or more items of resource data of the target component, for example, the related data of the target component is one or more items of an image, a text, and a style of the target component.
And S203, displaying the page of the sub application program according to the related data.
In this step, after the relevant data of the target component is obtained, view rendering of the target component is performed on the page of the sub-application program according to the relevant data of the target component, and the page of the sub-application program is displayed. Therefore, in the page display process of the sub-application program, the related data of the target component can be obtained from the component loading data of the main application program, the data volume of the repeated loading of the sub-application program and the main application program is reduced, and the page display efficiency of the sub-application program is improved.
In the embodiment of the application, when the page processing request of the sub-application is detected, the related data of the target component on the sub-application is determined in the component loading data of the main application, and the sub-application does not need to request the server to load the related data of the target component, so that the data volume of repeated loading of the sub-application and the main application is reduced, the page display efficiency of the sub-application is improved, and the performance overhead of the user terminal is reduced.
In some embodiments, one possible implementation of S201 includes: in response to detecting a page processing request of a sub-application, identification information of a target component is determined. One possible implementation of S202 includes: and acquiring related data of the target component in the component loading data of the main application program according to the identification information of the target component. Therefore, according to the identification information of the target assembly, the efficiency and the accuracy of obtaining the related data of the target assembly are effectively improved.
In the development process, corresponding identification information is set for the UI component, and the identification information of the UI component is unique. The identification information of the UI component is, for example, a component number, and/or a component name of the UI component.
Specifically, when the identification information of the target component is determined: the page processing request comprises the identification information of the target component, so that the identification information of the target component can be directly obtained from the page processing request; or, a corresponding relation between the sub-application and the identification information of the UI component of the sub-application is preset, and when a page processing request of the sub-application is detected, the identification information of the UI component of the sub-application is determined according to the corresponding relation, so as to obtain the identification information of the target component.
Specifically, after the identification information of the target component is obtained, the identification information of the target component is used as a keyword to search the relevant data of the target component in the component loading data of the main application program.
In some embodiments, the page processing request of the sub-application includes a component loading request of the sub-application, and the component loading request is used for requesting to load resource data of each UI component of the sub-application, so that the resource data of the target component can be determined based on the component loading data of the main application, and repeated loading of the resource data of the target component by the sub-application and the main application is avoided.
The page processing request based on the sub-application includes a component loading request of the sub-application, and fig. 3 is a flowchart illustrating an application processing method according to another embodiment of the present application. As shown in fig. 3, the method includes:
s301, in response to the detection of the component loading request of the sub-application program, determining a target component.
In this step, when a request of a sub application is detected, or when it is detected that the sub application is started, or during the starting process of the sub application, a component loading request of the sub application may be triggered to request to load resource data of each UI component of the sub application.
Optionally, when a request of the sub-application is detected, or when the sub-application is detected to be started, or in the starting process of the sub-application, a page loading request of the sub-application is triggered, where the page loading request includes a component loading request, the page loading request is used to request to load a page resource of the sub-application, and the page resource of the sub-application includes resource data of each UI component of the sub-application and resource data of each view element that is not componentized on the sub-application. Resource data of view elements that are not componentized, such as the color of the page background of the sub-application.
In this step, when a component loading request of the sub application is detected, since the sub application is a single-page application in the Web application, resource data of all UI components of the sub application needs to be loaded when the sub application is started, and all UI components of the sub application can be determined as target components.
S302, obtaining the resource data of the target assembly from the assembly loading data.
In this step, after the target component is determined, the resource data of the target component can be searched and obtained from the resource data of the plurality of UI components in the component loading data.
In some embodiments, one possible implementation of S301 includes: in response to detecting a component load request of a sub-application, identification information of a target component is determined. One possible implementation of S302 includes: and acquiring resource data corresponding to the identification information of the target component in the component loading data. Therefore, according to the identification information of the target component, the efficiency and the accuracy of obtaining the resource data of the target component are improved. The process of determining the identification information of the target component in response to detecting the component loading request of the sub-application and the identification information of the component may refer to the description of the foregoing embodiments, and is not described in detail again. The component loading data includes correspondence between identification information of the plurality of components and resource data of the plurality of components.
And S303, displaying the page of the sub-application program according to the resource data of the target component.
In this step, after the resource data of the target component is obtained, rendering of the component view of the target component may be performed in the sub-application, rendering of the view elements that are not componentized in the sub-application may be performed, and page rendering and display of the sub-application may be achieved.
In the embodiment of the application, when the page loading request of the sub-application is detected, the resource data of the target component on the sub-application is determined in the component loading data of the main application, and the sub-application does not need to request the server to load the resource data of the target component, so that the repeated loading of the resource data of the target component by the sub-application and the main application is avoided, the page display efficiency of the sub-application is improved, and the performance overhead of the user terminal is reduced.
In some embodiments, the component load data for the host application includes resource data for all UI components of the Web application, where all UI components include all UI components of the host application and all UI components of all sub-applications in the Web application.
Therefore, when a component loading request of the sub-application is detected (for example, when the sub-application is detected to be started), the resource data of all the UI components in the sub-application can be obtained from the component loading data of the main application, the sub-application does not need to repeatedly request the resource data of the UI components from the server, the repeated request of loading the resource data of the same UI component from the server between the main application and the sub-application and between different sub-applications is effectively avoided, the UI component loading efficiency of the sub-application is improved, and the page display efficiency of the sub-application is improved.
Optionally, in response to detecting a component loading request of the main application (for example, when the main application is started, the component loading request of the main application is triggered), the resource data of all UI components of the Web application are loaded and cached, so as to obtain component loading data that is cached in advance by the main application. When a component loading request of a main application program is detected, requesting a server to load resource data of all UI components of the Web application program, receiving the resource data of all the UI components of the Web application program returned by the server, and caching.
In some embodiments, the component load data of the primary application includes resource data of a first component, wherein the first component is a UI component shared between the primary application and the sub-application, and/or the first component is a UI component shared between different sub-applications. In other words, the component loading data of the host application includes: resource data of a UI component shared between the main application and the sub-application, and/or resource data of a UI component shared between different sub-applications.
When the first component is a UI component shared between the main application program and the sub application program and/or a UI component shared between different sub application programs, the main application program loads the resource data of the first component, and the sub application program does not need to request the server to load the resource data of the first component when the component is loaded. Therefore, through the pre-loading of the resource data of the first component by the main application program, the main application program and the sub-application program are prevented from repeatedly requesting the server to load the resource data of the same UI component, and/or the different sub-application programs repeatedly requesting the server to load the resource data of the same UI component.
Considering that the UI components of the sub-application may also include UI components used by only the sub-application, one possible implementation manner of S302 includes: and if the target component is determined to belong to the first component, acquiring the resource data of the target component from the component loading data. Aiming at the UI components shared by the main application program and the sub application programs and/or the UI components shared by different sub application programs, the resource data of the UI components can be pre-loaded by the main application program, the sub application programs obtain the resource data of the target component from the resource data of the UI components pre-loaded by the main application program, the main application program and the sub application programs are effectively prevented from repeatedly loading the same UI components and/or the different sub application programs are prevented from repeatedly loading the same UI components, the loading efficiency of the UI components is improved, and the page display efficiency of the sub application programs is improved.
Further, for a target component that does not belong to the first component, the sub-application may request the server to load resource data for the target component to enable successful display of the page of the sub-application.
Optionally, in response to detecting a component loading request of the main application (for example, when the main application is started, triggering the component loading request of the main application), the resource data of the first component is loaded and cached, so as to obtain the component loading data that is cached in advance by the main application. When the component loading request of the main application program is detected, requesting the server to load the resource data of the first component, receiving the resource data of the first component returned by the server, and caching. The component loading request of the main application program includes, for example, a component identifier of the first component, or a correspondence between the component identifier of the first component and the component loading request is preset on the server.
Further, in a case where the resource data of all UI components of the Web application are loaded and cached in response to detection of the component loading request of the host application, or in a case where the resource data of the first component are loaded and cached in response to detection of the component loading request of the host application, the component loading request of the host application may be triggered in a case where the Web application is started. For example, when a Web application start request input by a user is detected, or during the Web application start process, a component loading request of a host application is triggered. Wherein a user may request to launch a Web application by accessing a host application or a sub-application, for example, entering a URL of the host application or entering a URL of the sub-application in a browser.
Therefore, when the Web application is started, no matter the currently started main application or sub-application, the component loading request of the main application can be triggered to obtain the component loading data of the main application as early as possible, for example, the resource data of all UI components of the Web application or the resource data of the first component is obtained, so that when other applications in the Web application are subsequently started, the resource data of the common UI component can be directly obtained from the component loading data of the main application, and the Web application is prevented or reduced from repeatedly loading the same UI component.
In some embodiments, the main application and the sub-applications may communicate with each other. Based on the main application and the sub-application being able to communicate with each other, and the related data of the target component including the resource data of the target component, one possible implementation manner of S203 or S303 includes: sending the resource data of the target component to the sub-application program through the main application program; and in the sub-application program, rendering the page of the sub-application program according to the resource data of the target assembly.
Specifically, after the resource data of the target component is obtained, the resource data of the target component is sent to the sub-application that sends the component loading request through the main application, for example, the main application sends the resource data of the target component to the sub-application through a tips object in an vue tool, where vue is a front-end development framework. And the sub application program performs rendering of the component view of the target component according to the resource data of the target component, so as to realize page rendering of the sub application program.
Alternatively, the sub-application may send a component load request to the main application. The main application program determines a target component based on the component loading request of the sub-application program, and determines the related data of the target component in the component loading data of the main application program. The host application sends the data associated with the target component to the sub-application. Therefore, the application processing method provided by the present embodiment can be implemented by the host application by establishing communication between the host application and each of the sub-applications. When each sub application program displays the page, the resource data of the component can be acquired from the component loading data of the main application program, the situation that the same UI component is repeatedly loaded between the main application program and the sub application program or between different sub application programs is avoided or reduced, and the page display efficiency of the sub application programs is improved.
The common UI component exists between the main application program and the sub application programs, and the common UI component exists between different sub application programs, so that the styles of the same UI component may not be uniform between the main application program and the sub application programs or between different sub application programs except that the loading of the resource data of the UI component may be repeated between the main application program and the sub application programs or between different sub application programs. For example, the same UI component may differ in color, font, and background image, on the page of the main application and the page of the sub-application, or on the page of a different sub-application. The user is usually required to modify the style of the UI component on the main application and the sub-application many times, which brings inconvenience to the user. For example, after the user manually switches the style of the UI component from style 1 to style 2 on the main application, the user also needs to manually switch the style of the UI component from style 1 to style 2 on the sub application.
In some embodiments, in order to improve flexibility and convenience of style switching of UI components in a Web application and improve page display efficiency of a sub application, a page processing request of the sub application may include a component style switching request of the sub application, where the component style switching request is used to request style switching of UI components of the sub application. Therefore, the style information of the target component can be determined based on the component loading data of the main application program, and the style switching of the target component can be realized according to the style information.
The page processing request based on the sub-application includes a component style switching request of the sub-application, and fig. 4 is a flowchart illustrating an application processing method according to another embodiment of the present application. As shown in fig. 4, the method includes:
s401, in response to the detection of the component style switching request of the sub-application, determining a target component and a target style of the target component.
The component style switching request of the sub-application can be triggered by a user or can be triggered by a main application. For example, in the case where the sub-application is started, the user requests switching of the style of the target component to the target style on the page of the sub-application. For another example, when the main application is started, the user requests to switch the style of the target component to the target style on the page of the main application, and when the main application switches the style of the target component on the page of the main application, the main application can send a component style switching request for switching the style of the target component to the started sub-application, so that the user does not need to manually switch the style of the target component on the sub-application.
The component style switching request of the sub-application program comprises identification information of the target component and a target style of the target component, the target component is a UI component which indicates the sub-application program to switch styles through the component style switching request, and the target style is the style after the target component is switched.
The style of the target component is, for example, the skin color of the target component, the shape of the target component, the font of the target component, and the like. For example, the component style switching request instructs the sub-application to switch the skin color of the target component from white to gray, and the target style of the target component is that the skin of the target component is gray; the component style switching request instructs the sub-application to switch the font of the target component from the song style to the regular font, and the target style of the target component is the regular font of the target component.
In this step, after detecting the component style switching request of the sub-application, the identification information of the target component may be obtained from the component style switching request, and the target style of the target component may be obtained. The number of target components may be one or more, and different target components may correspond to different or the same target styles.
S402, determining style information of the target component according to the target style in the component loading data of the main application program.
Wherein the style information of the UI component is used to set a style of the UI component.
Further, the style information of the UI component includes a style function of the UI component, and the style function is a style method implemented by a programming language and is used to implement a function of setting a corresponding style for the UI component. For example, a style function for implementing skin color switching of UI components.
In this step, the component loading data of the host application includes style information of different UI components. After determining the style information of the target component and the target component, the style information of the target component can be obtained in the component loading data of the main application program, and the style information of the target component is updated according to the target style. Therefore, the main application program or other sub-application programs can also render the target assembly according to the updated style information of the target assembly, so that the target style of the target assembly is unified on the main application program and different sub-application programs, a user does not need to switch the target style of the target assembly on the main application program and each sub-application program one by one, and the user experience is improved.
For example, a style function for setting a skin color for a target component may be obtained from component load data of a host application. When the target style is that the skin color of the target component is white, a style function for setting the skin color of the target component to white may be determined according to a style function for setting the skin color of the target component, and a default style function of the target component may be determined as a style function for setting the skin color of the target component to white.
And S403, displaying the page of the sub-application program according to the style information of the target assembly.
In this step, after the style information of the target component is determined, the page of the sub-application program may be refreshed, and the target component may be rendered and the page of the sub-application program may be redisplayed according to the style information of the target component.
In the embodiment of the application, when a component style switching request of the sub-application is detected, the target style of the target component and the target style of the target component are determined, in the component loading data of the main application, the style information of the target component is determined according to the target style, and the page of the sub-application is displayed according to the style information of the target component, so that the flexibility and convenience of style switching of the target component are improved, the page display efficiency of the sub-application is improved, and the user experience is improved.
In some embodiments, the component loading data includes a plurality of global style variables, and one possible implementation manner of S402 includes: determining a target global style variable associated with a target component in the component loading data; and determining the value of the target global style variable according to the target style. One possible implementation of S403 includes: switching the style of the target component into a target style in the sub-application program according to the value of the target global style variable; and displaying the page of the sub application program after the style switching.
The component loading data of the main application program comprises a plurality of global style variables, and different UI components correspond to different global style variables. For example, different types of styles of a UI component may respectively correspond to a global style variable for one UI component, for example, a skin color of the UI component corresponds to the global style variable a1, a font of the U1 component corresponds to the global style variable a2, and when a1 is equal to 1, the skin color is white, and when a1 is equal to 2, the skin color is gray. Or, for one UI component, different types of styles of the UI component may all correspond to the same global style variable, for example, when the global style variable a3 and a3 are equal to 1, the skin color is white and the font is regular, and when a3 is equal to 2, the skin color is gray and the font is song.
When the global style variable is adopted, a developer can only develop one style function and one global style variable aiming at the style of the same component, and the function of the style function is changed by changing the value of the global style variable, so that the switching of the component style is realized, and the requirement of writing a separate style function for each style is avoided. For example, when the value of the global style variable a1 is 1, the style function functions to set the skin of a component to white, and when the value of the global style variable a1 is 2, the style function functions to set the skin of a component to gray, without developing a style function for setting the skin color to white and then developing a style function for setting the skin color to gray, and without separately writing the same style function for each application. Therefore, on one hand, the workload of developers is reduced, on the other hand, the switching of the component styles can be realized only by changing the value of the global style variable, the switching uniformity, flexibility and efficiency of the component styles are improved, and further the page display efficiency of the sub-application program is improved.
Specifically, in the component loading data, a target global style variable related to the target component can be determined, the value of the target global style variable is determined according to the target style, and the value of the target global style variable is also updated in the component loading data, so that the main application program and other sub-application programs can automatically switch the style of the target component to the target style when the component loading is carried out. After the value of the target global style variable is determined, the style of the target component can be switched into the target style by calling a corresponding style function in the sub-application program, and the page of the sub-application program after style switching is displayed. For example, the value of the target global Style variable is passed into a Style file of the sub-application, such as a Cascading Style Sheets (CSS). And realizing style switching of the target component in the sub-application program by running a style file (the style file comprises a style function). Therefore, style switching of the UI component can be achieved by changing the global style variable.
Fig. 5 is a schematic structural diagram of an application processing apparatus 500 according to an embodiment of the present application. As shown in fig. 5, the application processing apparatus 500 includes: a first determining module 501, a second determining module 502 and a display module 503.
A first determining module 501, configured to determine, in response to detecting a page processing request of a sub application, a target component, where the target component is a user interface UI component of the sub application to be loaded;
a second determining module 502, configured to determine, in the component loading data of the main application, related data of the target component, where the main application and the sub-application belong to a same ww an Web application;
and a display module 503, configured to display a page of the sub-application according to the relevant data.
In the embodiment of the application, when the page processing request of the sub-application is detected, the related data of the target component on the sub-application is determined in the component loading data of the main application, and the sub-application does not need to request the server to load the related data of the target component, so that the data volume of repeated loading of the sub-application and the main application is reduced, the page display efficiency of the sub-application is improved, and the performance overhead of the user terminal is reduced.
In a possible implementation manner, the page processing request includes a component loading request of the sub application, and the second determining module 502 is specifically configured to:
and acquiring the resource data of the target component from the component loading data.
In one possible implementation, the component loading data includes resource data of all UI components of the Web application, and the application processing apparatus 500 further includes:
and a first loading module (not shown) for loading and caching the resource data of all the UI components of the Web application in response to detecting the component loading request of the main application.
In a possible implementation manner, the component loading data includes resource data of a first component, the first component is a UI component shared between the main application and the sub-application, and/or the first component is a UI component shared between different sub-applications, and the application processing apparatus 500 further includes:
and a second loading module (not shown) for loading and caching the resource data of the first component in response to detecting the component loading request of the main application program.
In a possible implementation manner, the second determining module 502 is specifically configured to:
and if the target component is determined to belong to the first component, acquiring the resource data of the target component from the component loading data.
In one possible implementation, the application processing apparatus 500 further includes:
and a triggering module (not shown) for triggering the component loading request of the main application program in the case of the Web application program starting.
In a possible implementation manner, the page component loading request of the sub application includes identification information of the target component, and the second determining module 502 is specifically configured to:
and acquiring resource data corresponding to the identification information of the target component in the component loading data.
In a possible implementation manner, the display module 503 is specifically configured to:
sending the resource data of the target component to the sub-application program through the main application program;
and in the sub-application program, page rendering of the sub-application program is carried out according to the resource data between the targets.
In a possible implementation manner, the page processing request includes a component style switching request, and the second determining module 502 is specifically configured to:
determining a target style of a target component;
and in the component loading data, determining style information of the target component according to the target style.
In a possible implementation manner, the component loading data includes a plurality of global style variables, and the second determining module 502 is specifically configured to:
determining a target global style variable associated with a target component in the component loading data;
and determining the value of the target global style variable according to the target style.
In a possible implementation manner, the display module 503 is specifically configured to:
switching the style of the target component into a target style in the sub-application program according to the value of the target global style variable;
and displaying the page of the sub application program after the style switching.
The application processing apparatus provided in the embodiment of the present application may be configured to execute the method embodiments described above, and the implementation principle and the technical effect are similar, which are not described herein again.
Fig. 6 is a schematic diagram of a hardware structure of an electronic device according to an embodiment of the present application. As shown in fig. 6, the electronic device 600 provided in the present embodiment includes: at least one processor 601 and memory 602. The electronic device 600 further comprises a communication section 603. The processor 601, the memory 602, and the communication section 603 are connected by a bus 604.
In particular implementations, the at least one processor 601 executes computer-executable instructions stored by the memory 602 to cause the at least one processor 601 to perform the application processing methods as described above.
For a specific implementation process of the processor 601, reference may be made to the above method embodiments, which implement the principle and the technical effect similarly, and details of this embodiment are not described herein again.
In the embodiment shown in fig. 6, it should be understood that the Processor may be a Central Processing Unit (CPU), other general purpose processors, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), etc. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of a method disclosed in connection with the present invention may be embodied directly in a hardware processor, or in a combination of the hardware and software modules within the processor.
The memory may comprise high speed RAM memory and may also include non-volatile storage NVM, such as at least one disk memory.
The bus may be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, an Extended ISA (EISA) bus, or the like. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, the buses in the figures of the present application are not limited to only one bus or one type of bus.
The application also provides a computer readable storage medium, in which computer execution instructions are stored, and when the processor executes the computer execution instructions, the application processing method is realized.
The present application also provides a computer program product comprising a computer program which, when executed by a processor, implements the application processing method as above.
The computer-readable storage medium may be implemented by any type of volatile or non-volatile memory device or combination thereof, such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disk. Readable storage media can be any available media that can be accessed by a general purpose or special purpose computer.
An exemplary readable storage medium is coupled to the processor such the processor can read information from, and write information to, the readable storage medium. Of course, the readable storage medium may also be an integral part of the processor. The processor and the readable storage medium may reside in an Application Specific Integrated Circuits (ASIC). Of course, the processor and the readable storage medium may also reside as discrete components in the apparatus.
The reader should understand that in the description of this specification, reference to the description of the terms "one embodiment," "some embodiments," "an example," "a specific example," or "some examples," etc., means that a particular feature, structure, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the present application. In this specification, the schematic representations of the terms used above are not necessarily intended to refer to the same embodiment or example. Furthermore, the particular features, structures, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples. Furthermore, various embodiments or examples and features of different embodiments or examples described in this specification can be combined and combined by one skilled in the art without contradiction.
It is clear to those skilled in the art that, for convenience and brevity of description, the specific working process of the apparatus described above may refer to the corresponding process in the foregoing method embodiment, and is not described herein again.
In the several embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other ways. For example, the above-described apparatus embodiments are merely illustrative, and for example, a division of a unit is merely a logical division, and an actual implementation may have another division, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed.
Units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiments of the present application.
In addition, functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.
The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present application may be substantially or partially contributed by the prior art, or all or part of the technical solution may be embodied in a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method of the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.
It should also be understood that, in the embodiments of the present application, the sequence numbers of the above-mentioned processes do not mean the execution sequence, and the execution sequence of each process should be determined by its function and inherent logic, and should not constitute any limitation to the implementation process of the embodiments of the present application.
While the invention has been described with reference to specific embodiments, the scope of the invention is not limited thereto, and those skilled in the art can easily conceive various equivalent modifications or substitutions within the technical scope of the invention, and these modifications or substitutions are intended to be included in the scope of the invention. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims (15)

1. An application processing method, comprising:
in response to detecting a page processing request of a sub-application, determining a target component, wherein the target component is a User Interface (UI) component of the sub-application;
determining related data of the target component in component loading data of a main application program, wherein the main application program and the sub application program belong to the same global wide area network Web application program;
and displaying the page of the sub application program according to the related data.
2. The method according to claim 1, wherein the page processing request includes a component loading request of the sub-application, and the determining, in the component loading data of the main application, the relevant data of the target component includes:
and acquiring the resource data of the target component from the component loading data.
3. The application processing method according to claim 2, wherein the component loading data includes resource data of all UI components of the Web application, the application processing method further comprising:
and in response to the detection of the component loading request of the main application program, loading and caching resource data of all UI components of the Web application program.
4. The application processing method according to claim 2, wherein the component loading data includes resource data of a first component, the first component is a UI component shared between the main application and the sub-application, and/or the first component is a UI component shared between different sub-applications, and the application processing method further includes:
and in response to detecting the component loading request of the main application program, loading and caching the resource data of the first component.
5. The application processing method according to claim 4, wherein the obtaining resource data of the target component from the component loading data comprises:
and if the target component is determined to belong to the first component, acquiring resource data of the target component from the component loading data.
6. The application processing method according to any one of claims 3 to 5, further comprising:
and triggering a component loading request of the main application program under the condition that the Web application program is started.
7. The application program processing method according to any one of claims 2 to 5, wherein the page component loading request of the sub application program includes identification information of the target component, and the obtaining resource data of the target component from the component loading data includes:
and acquiring resource data corresponding to the identification information of the target component in the component loading data.
8. The application processing method according to any one of claims 2 to 5, wherein the displaying the page of the sub-application according to the related data includes:
sending, by the host application, resource data of the target component to the sub-application;
and in the sub-application program, rendering the page of the sub-application program according to the resource data of the target assembly.
9. The method according to claim 1, wherein the page processing request includes a component style switching request, and the determining the relevant data of the target component in the component loading data of the host application includes:
determining a target style for the target component;
and determining style information of the target component according to the target style in the component loading data.
10. The method according to claim 9, wherein the component load data includes a plurality of global style variables, and the determining style information of the target component according to the target style in the component load data includes:
determining, in the component load data, a target global style variable associated with the target component;
and determining the value of the target global style variable according to the target style.
11. The method for processing the application program according to claim 10, wherein the displaying the page of the sub application program according to the related data comprises:
switching the style of the target component into the target style in the sub-application according to the value of the target global style variable;
and displaying the page of the sub application program after the style switching.
12. An application processing apparatus, characterized in that the application processing apparatus comprises:
the system comprises a first determining module, a second determining module and a third determining module, wherein the first determining module is used for responding to the page processing request of the detected sub-application program and determining a target component, and the target component is a UI component of the sub-application program to be loaded;
the second determination module is used for determining related data of the target component in component loading data of a main application program, wherein the main application program and the sub-application program belong to the same Web application program;
and the display module is used for displaying the page of the sub application program according to the related data.
13. An electronic device, comprising: at least one processor and memory;
the memory is used for storing computer execution instructions;
the at least one processor executing the computer-executable instructions stored by the memory causes the at least one processor to perform the application processing method of any of claims 1-11.
14. A computer-readable storage medium having stored thereon computer-executable instructions which, when executed by a processor, implement the application processing method of any one of claims 1-11.
15. A computer program product comprising a computer program, characterized in that the computer program realizes the application processing method according to any of claims 1-11 when executed by a processor.
CN202110395401.1A 2021-04-13 2021-04-13 Application program processing method, device, equipment and medium Pending CN113296841A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110395401.1A CN113296841A (en) 2021-04-13 2021-04-13 Application program processing method, device, equipment and medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110395401.1A CN113296841A (en) 2021-04-13 2021-04-13 Application program processing method, device, equipment and medium

Publications (1)

Publication Number Publication Date
CN113296841A true CN113296841A (en) 2021-08-24

Family

ID=77319739

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110395401.1A Pending CN113296841A (en) 2021-04-13 2021-04-13 Application program processing method, device, equipment and medium

Country Status (1)

Country Link
CN (1) CN113296841A (en)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106502736A (en) * 2016-10-18 2017-03-15 腾讯科技（深圳）有限公司 Applied program processing method and device
CN107239318A (en) * 2017-06-13 2017-10-10 腾讯科技（深圳）有限公司 Using conversion method, device and equipment
CN108108205A (en) * 2016-11-25 2018-06-01 腾讯科技（深圳）有限公司 Application page surface treatment method and apparatus
CN108572825A (en) * 2018-05-28 2018-09-25 郑州悉知信息科技股份有限公司 A kind of user interface process method, apparatus and equipment
CN111736884A (en) * 2020-06-22 2020-10-02 平安医疗健康管理股份有限公司 Componentization method and system

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106502736A (en) * 2016-10-18 2017-03-15 腾讯科技（深圳）有限公司 Applied program processing method and device
CN108108205A (en) * 2016-11-25 2018-06-01 腾讯科技（深圳）有限公司 Application page surface treatment method and apparatus
CN107239318A (en) * 2017-06-13 2017-10-10 腾讯科技（深圳）有限公司 Using conversion method, device and equipment
CN108572825A (en) * 2018-05-28 2018-09-25 郑州悉知信息科技股份有限公司 A kind of user interface process method, apparatus and equipment
CN111736884A (en) * 2020-06-22 2020-10-02 平安医疗健康管理股份有限公司 Componentization method and system

Similar Documents

Publication Publication Date Title
CN104881318B (en) A kind of interface call method, device and terminal
CN106648685B (en) Intelligent terminal system application processing method and device and intelligent terminal
CN108776587B (en) Data acquisition method and device, computer equipment and storage medium
CN113010224B (en) Front-end micro-servitization method, front-end micro-servitization device, computer equipment and storage medium
CN107479868B (en) Interface loading method, device and equipment
CN112230923A (en) User interface rendering method, user interface rendering device and server
CN110941779B (en) Page loading method and device, storage medium and electronic equipment
CN112925718B (en) Call stack backtracking method, device, equipment and medium
CN112925717A (en) Method, apparatus, device and medium for determining objects of call stack frame
US20200034101A1 (en) Data displaying method and electronic device
CN111367518A (en) Page layout method and device, computing equipment and computer storage medium
WO2023178952A1 (en) Method and apparatus for integrating native program with applet, and device and medium
CN113296841A (en) Application program processing method, device, equipment and medium
CN112433778B (en) Mobile device page display method and device, electronic device and storage medium
CN111177624B (en) Website front-end and back-end communication method, device, computer equipment and storage medium
CN112988810B (en) Information searching method, device and equipment
CN110874322A (en) Test method and test server for application program
CN113760631A (en) Page loading duration determination method, device, equipment and storage medium
CN114647411A (en) Programming interface loading method and device, electronic equipment and storage medium
CN113849195A (en) Application program loading method and device, storage medium and terminal
CN111931111A (en) Webpage development method, webpage display method, device and equipment
CN110928753A (en) Method and device for controlling log output of browser console, computer equipment and computer readable storage medium
CN117130688B (en) Quick application card loading method, electronic equipment and storage medium
CN113703893B (en) Page rendering method, device, terminal and storage medium
CN105893092B (en) COM component processing method and device

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information
CB02 Change of applicant information

Address after: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Daxing District, Beijing, 100176

Applicant after: Jingdong Technology Holding Co.,Ltd.

Address before: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Beijing Economic and Technological Development Zone, 100176

Applicant before: Jingdong Digital Technology Holding Co., Ltd