CN114647473A - Page display method, device and terminal device - Google Patents

Abstract

The present application provides a page display method, device and terminal device, the method includes: receiving a theme switching request of a first application, the theme switching request includes an identifier of a theme to be switched, and the first application includes a plurality of small program; according to the identification of the to-be-switched theme, obtain the theme information of the to-be-switched theme in a data packet, and the data packet includes the theme information of a plurality of themes; update all the theme information according to the theme information of the to-be-switched theme The display pages of the multiple applets described above. Reduce the complexity of the applet.

Description

Page display method, device and terminal device

technical field

The present application relates to the technical field of data processing, and in particular, to a page display method, apparatus and terminal device.

Background technique

An application can include multiple applets, and by selecting the theme of the applets, the display page of the applets can be changed.

At present, the theme of the applet can be written into the development framework of the applet in an inline manner, so that the applet can change the displayed theme. For example, in an inline manner, the value of the page element that needs to be modified is dynamically written into the tag of the corresponding page element, thereby realizing multi-theme switching of the applet. However, in this way, the underlying business logic of the applet needs to be modified, which in turn leads to high complexity of the applet.

SUMMARY OF THE INVENTION

The present application provides a page display method, device and terminal device, which are used to solve the technical problem of high complexity of small programs in the prior art.

In a first aspect, the present application provides a method for displaying a page, the method comprising:

receiving a theme switching request from a first application, where the theme switching request includes an identifier of a theme to be switched, and the first application includes a plurality of small programs;

According to the identification of the to-be-switched theme, obtain the theme information of the to-be-switched theme in a data packet, and the data packet includes the theme information of a plurality of themes;

According to the theme information of the to-be-switched theme, the display pages of the plurality of small programs are updated.

In a possible implementation, for the display page of any applet; according to the theme information of the theme to be switched, updating the display page of the applet includes:

acquiring first page information of the display page, where the first page information includes the theme style currently displayed by each node in the display page;

According to the theme information of the theme to be switched, virtual rendering is performed on each node in the display page to obtain second page information, where the second page information includes the theme after virtual rendering of each node in the display page style;

The display page of the applet is updated according to the first page information and the second page information.

In a possible implementation manner, updating the display page of the applet according to the first page information and the second page information includes:

determining a first correspondence between the each node in the first page information and the each node in the second page information;

According to the first correspondence and the second page information, a target node is determined in the first page information, and the target node is the node of the theme style to be updated;

The theme style of the target node is updated to update the display page of the applet.

In a possible implementation manner, the theme style includes at least one theme parameter; the theme style of the target node is updated to update the display page of the applet, including:

Determine a target theme parameter in the theme style of the target node, and the target theme parameter is the theme parameter to be updated;

The target theme parameter is updated to update the display page of the applet.

In a possible implementation manner, before acquiring the topic information of the topic to be switched in the data packet, the method further includes:

Get topic information for at least one topic;

The topic information of the at least one topic is stored to the data package.

In a possible implementation, acquiring subject information of at least one subject includes:

Obtain a theme template corresponding to the at least one theme, where the theme template includes a plurality of theme parameter variables;

The topic information of the topic is acquired according to the plurality of topic parameter variables.

In a possible implementation manner, acquiring topic information of the topic according to the plurality of topic parameter variables, including:

Adding corresponding theme parameters to the theme parameter variables of the theme template to obtain theme styles;

The theme style is compiled by a compiler to obtain theme information of the theme.

In a second aspect, the present application provides a page display device, the page display device includes a receiving module, a first acquiring module and an updating module, wherein:

The receiving module is configured to receive a theme switching request of a first application, where the theme switching request includes an identifier of a theme to be switched, and the first application includes a plurality of small programs;

The first obtaining module is configured to, according to the identifier of the theme to be switched, obtain the theme information of the theme to be switched in a data package, where the data package includes theme information of a plurality of themes;

The updating module is configured to update the display pages of the plurality of small programs according to the theme information of the theme to be switched.

In a possible implementation, the update module is specifically used for:

acquiring first page information of the display page, where the first page information includes the theme style currently displayed by each node in the display page;

According to the theme information of the theme to be switched, virtual rendering is performed on each node in the display page to obtain second page information, where the second page information includes the theme after virtual rendering of each node in the display page style;

The display page of the applet is updated according to the first page information and the second page information.

In a possible implementation, the update module is specifically used for:

determining a first correspondence between the each node in the first page information and the each node in the second page information;

According to the first correspondence and the second page information, a target node is determined in the first page information, and the target node is the node of the theme style to be updated;

The theme style of the target node is updated to update the display page of the applet.

In a possible implementation, the update module is specifically used for:

Determine a target theme parameter in the theme style of the target node, and the target theme parameter is the theme parameter to be updated;

The target theme parameter is updated to update the display page of the applet.

In a possible implementation manner, the page display apparatus further includes a second obtaining module, and the second obtaining module is used for:

Get topic information for at least one topic;

The topic information of the at least one topic is stored to the data package.

In a possible implementation manner, the second obtaining module is specifically used for:

Obtain a theme template corresponding to the at least one theme, where the theme template includes a plurality of theme parameter variables;

The topic information of the topic is acquired according to the plurality of topic parameter variables.

In a possible implementation manner, the second obtaining module is specifically used for:

Adding corresponding theme parameters to the theme parameter variables of the theme template to obtain theme styles;

The theme style is compiled by a compiler to obtain theme information of the theme.

In a third aspect, the present application provides a terminal device, including: a processor and a memory;

the memory stores computer-executable instructions;

The processor executes the computer-executable instructions stored in the memory, so that the processor executes the page display method according to the first aspect.

In a fourth aspect, embodiments of the present application provide a computer-readable storage medium, where computer-executable instructions are stored in the computer-readable storage medium, and when the computer-executable instructions are executed by a processor, are used to implement any of the foregoing. the page display method described above.

In a fifth aspect, the present application further provides a computer program product, including a computer program, which, when executed by a processor, implements the steps of the page display method according to any one of the preceding items.

The present application provides a page display method, device and terminal device for receiving a theme switching request of a first application, wherein the theme switching request includes an identifier of a theme to be switched, and the first application includes a plurality of small programs, according to the theme to be switched The identifier of the to-be-switched theme is obtained in the data package, wherein the data package includes the theme information of multiple themes, and the display pages of the multiple applets are updated according to the theme information of the to-be-switched theme. According to the above method, the terminal device can directly call the theme information of the theme to be switched of the applet in the data packet, and then update the display page of the applet according to the theme information of the theme to be switched. In this way, when switching the theme of the applet , there is no need to write the corresponding theme code in the applet, thereby reducing the complexity of the applet.

Description of drawings

1 is a schematic diagram of an application scenario provided by an embodiment of the present application;

2 is a schematic flowchart of a page display method provided by an embodiment of the present application;

3 is a schematic diagram of a process for receiving a theme switching request provided by an embodiment of the present application;

4 is a schematic diagram of a theme provided by an embodiment of the present application;

5 is a schematic flowchart of a method for obtaining subject information provided by an embodiment of the present application;

6 is a schematic diagram of a process for updating a page of an applet provided by an embodiment of the present application;

FIG. 7 is a schematic process diagram of a page display method provided by an embodiment of the present application;

FIG. 8 is a schematic structural diagram of a page display device according to an embodiment of the present application;

FIG. 9 is a schematic structural diagram of another page display device provided by an embodiment of the present application;

FIG. 10 is a schematic diagram of a hardware structure of a terminal device provided by this application.

Detailed ways

Exemplary embodiments will be described in detail herein, examples of which are illustrated in the accompanying drawings. Where the following description refers to the drawings, the same numerals in different drawings refer to the same or similar elements unless otherwise indicated. The implementations described in the illustrative examples below are not intended to represent all implementations consistent with this application. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present application as recited in the appended claims.

It should be noted that, herein, the terms "comprising", "comprising" or any other variation thereof are intended to encompass non-exclusive inclusion, such that a process, method, article or device comprising a series of elements includes not only those elements, It also includes other elements not expressly listed or inherent to such a process, method, article or apparatus. Without further limitation, an element qualified by the phrase "comprising a..." does not preclude the presence of additional identical elements in a process, method, article or apparatus that includes the element.

For ease of understanding, concepts involved in the embodiments of the present application are first described.

Terminal equipment: It is a device with wireless transceiver function. Terminal equipment can be deployed on land, including indoor or outdoor, handheld, wearable or vehicle-mounted; it can also be deployed on water (such as ships, etc.); it can also be deployed in the air (such as aircraft, balloons and satellites, etc.). The terminal device may be a mobile phone (mobile phone), a tablet computer (Pad), a computer with a wireless transceiver function, a virtual reality (VR) terminal device, an augmented reality (AR) terminal device, an industrial control (industrial) terminal device. wireless terminal in control), in-vehicle terminal equipment, wireless terminal in self driving, wireless terminal equipment in remote medical, wireless terminal equipment in smart grid, transportation safety ( Wireless terminal equipment in transportation safety, wireless terminal equipment in smart city, wireless terminal equipment in smart home, wearable terminal equipment, etc. The terminal equipment involved in the embodiments of this application may also be referred to as terminal, user equipment (UE), access terminal equipment, vehicle-mounted terminal, industrial control terminal, UE unit, UE station, mobile station, mobile station, and remote station , remote terminal equipment, mobile equipment, UE terminal equipment, wireless communication equipment, UE proxy or UE device, etc. Terminal devices can also be stationary or mobile.

In the related art, an application program includes a plurality of applet programs, and the display page of the applet program can be changed by selecting the theme of the applet program. At present, since there is no kernel for loading Cascading Style Sheets (CSS) files in the applet, the theme of the applet can be written into the development framework of the applet in an inline way, so that the applet can Display themes can be changed. For example, in an inline manner, selectable color parameters are written in the text color label of the applet in advance, and then when the applet is used, the text color of the applet can be switched to the preset color. However, in this way, the underlying business logic of the applet needs to be modified, which in turn leads to high complexity of the applet.

In order to solve the technical problem of high complexity of small programs in the related art, an embodiment of the present application provides a page display method, which receives a theme switching request of a first application, wherein the theme switching request includes an identifier of the theme to be switched, and the first The application includes a plurality of small programs. According to the identification of the theme to be switched, the theme information of the theme to be switched is obtained in the data package, and multiple theme parameters in the theme information of the theme to be switched are obtained, and multiple theme parameters of each display page are obtained. Page parameters, according to multiple theme parameters and multiple page parameters, update the display pages of multiple mini programs. In this way, when switching the theme of the applet, the terminal device can directly obtain the corresponding theme information in the data package, and update the display page of the applet according to the theme information, without writing the corresponding theme code in the applet, thereby reducing the The complexity of the applet.

Below, with reference to FIG. 1 , the application scenario of the present application will be described.

FIG. 1 is a schematic diagram of an application scenario provided by an embodiment of the present application. See Figure 1, including end devices and packets. The data package stores multiple topics such as topic A and topic B. When the terminal device receives the theme switching request, the terminal device may obtain the identification of the theme to be switched in the theme switching request as the identification of theme A. The terminal device obtains topic A in the data package, and switches the topic of the applet to topic A. In this way, when switching the theme of the applet, the terminal device can directly obtain the corresponding theme information in the data package, and update the display page of the applet according to the theme information, without writing the corresponding theme code in the applet, thereby reducing the The complexity of the applet.

The technical solutions of the present application and how the technical solutions of the present application solve the above-mentioned technical problems will be described in detail below with specific examples. The following specific embodiments may be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments. The embodiments of the present application will be described below with reference to the accompanying drawings.

FIG. 2 is a schematic flowchart of a page display method provided by an embodiment of the present application. Referring to Figure 2, the method can include:

S201. Receive a theme switching request of a first application.

The execution subject of this application may be a terminal device, or may be a page display apparatus provided in the terminal device. The page display device may be implemented by software, and the page display device may also be implemented by a combination of software and hardware.

Optionally, the first application includes multiple small programs. For example, the first application may be an application program including a plurality of small programs in the terminal device. Optionally, the applet can be a micro application. For example, the micro-application can be an application program that can be used without downloading and installing, and the micro-application can be a one-code-pass micro-application, a weather query micro-application, a vehicle information query micro-application, and the like.

Optionally, the theme switching request is used to switch themes of the multiple applet in the first application. The theme may be the display style of the applet page. For example, if the themes of the applet are different, information such as text color, background color, and control size displayed on the page of the applet is different. Optionally, the topic switching request includes an identifier of the topic to be switched. For example, the identifier of the theme to be switched may be the name of the theme, the ID of the theme, and the like.

Hereinafter, with reference to FIG. 3 , description will be given of receiving a theme switching request of the first application.

FIG. 3 is a schematic diagram of a process of receiving a theme switching request according to an embodiment of the present application. See Figure 3, including terminal equipment. The display page of the terminal device is page 101, the page 101 is the theme control page, and the page 101 includes theme A, theme B, theme C, theme D and control buttons for each theme. When the user clicks the control button of the theme C, the page 101 of the terminal device jumps to the page 102 . Page 102 includes topic A, topic B, topic C, topic D and the control button of each topic, the control button of topic C is turned on, and the terminal device receives the topic switching request, wherein the topic switching request includes the identification of topic C .

S202. Acquire topic information of the topic to be switched in the data packet according to the identifier of the topic to be switched.

Optionally, the data package includes topic information of multiple topics. Optionally, the applet can obtain topic information in the data package. For example, the data package can be a bundle, and the terminal device can obtain theme information in the bundle. For example, bundles are used for data transfer. The bundles can store topic information of multiple topics, and the topic information of each topic is stored in the form of key-value pairs.

Optionally, the topic information may include multiple topic parameters. The theme parameters may include at least one of the following: theme color information, theme font information, and theme control information. Optionally, the theme color information may include theme color, background color, card background color, auxiliary color, button color, function color, and the like. For example, the theme color is the primary color, the background color is the background color of all pages, the card background color is the card background color of a group of elements framed in one card, the secondary color is the secondary color, and the button colors include normal, click, disabled ( Expressed by opacity), functional colors include fluorescent colors, green, blue, yellow, purple, cyan, red, etc.

Optionally, the theme font information may include font, font size and font weight. For example, the font may include two font specifications for the title and the body. The title includes the main title, the middle title and the subtitle, and the body includes the body, secondary body, auxiliary text and so on. Optionally, the font size can be the size of the text font. Optionally, the font weight can be the thickness of the text font.

Optionally, the theme control information may include the margins of the controls, the spacing of the controls, the corners of the controls, and the lines of the controls. Optionally, the margin of the control can be the distance from the content to the edge of the control. For example, if the control is a query control, the margin of the control is the distance between the text "query" within the control and the bounds of the control. Optionally, the spacing of controls can be the distance between two controls. For example, if the distance between control A and control B is 1 mm. The spacing of the controls is 1 mm. Optionally, the corner of the control can be the shape of the corner of the control. For example, the corners of a control can be right-angled, rounded, and so on. Optionally, the line of the control can be the thickness of the border of the control. For example, if the line of the control is 1 mm, the line thickness of the border of the control is 1 mm.

Hereinafter, the subject will be described with reference to FIG. 4 .

FIG. 4 is a schematic diagram of a theme provided by an embodiment of the present application. See Figure 4, including the subject. Among them, the theme includes UI framework controls and application scene controls. The font of the text "UI Framework" and "Application Scenario" is italic, and the font of the text "Touch" is Song. The distance between the text "UI frame" and the edge of the control is the margin of the control, the distance between the UI frame control and the application scene control is the control spacing, and the corners of the UI frame control and the application scene control are rounded.

Optionally, the subject information of the subject to be switched may be acquired according to the following feasible implementation manner: acquiring the correspondence between the subject information and the identifier. The correspondence between the topic information and the identifier includes topic information of each topic in the data package, and an identifier corresponding to each topic information. For example, the corresponding relationship between topic information and identification can be as shown in Table 1:

Table 1

subject information logo Subject Information 1 Logo 1 Topic Information 2 Logo 2 Topic Information 3 Logo 3 ... ...

It should be noted that, Table 1 only illustrates the correspondence between the subject information and the identifier in the form of an example, and does not limit the correspondence between the subject information and the identifier.

According to the identifier of the topic to be switched and the corresponding relationship between the topic information and the identifier, the topic information of the topic to be switched is acquired in the data package. For example, if the identifier of the topic to be switched is identifier 1, the topic information of the topic to be switched is topic information 1; if the identifier of the topic to be switched is identifier 2, the topic information of the topic to be switched is topic information 2; The identifier is identifier 3, and the topic information of the topic to be switched is topic information 3. In this way, each topic information in the data package has a corresponding identifier, and the terminal device can accurately determine the topic identifier of the topic to be switched according to the identifier of the topic to be switched and the identifier in the data package.

S203. Update the display pages of the plurality of mini-programs according to the theme information of the theme to be switched.

Optionally, with respect to the display page of any one applet, the display pages of a plurality of applet may be updated according to the following feasible implementation manner: obtaining the first page information of the display page. Wherein, the first page information includes the theme style currently displayed by each node in the display page. Optionally, the theme style can be the theme information currently displayed by the visualization node. For example, the theme style of the visualization node may be information such as font, font size, and control spacing currently displayed by the visualization node. For example, a display page may include multiple visualization nodes, and each visualization node is displayed according to the current theme style. For example, the display page includes control A and control B, and both the font format of control A and the font format of control B are displayed according to a preset theme.

Optionally, the terminal device may obtain the rendering tree of the displayed page, and then obtain the information of the first page. For example, the terminal device may construct a rendering tree corresponding to the display page according to the display format of each visual node of the display page, and the rendering tree includes the current first page information of the display page.

According to the theme information of the theme to be switched, virtual rendering is performed on each node in the display page to obtain the second page information. Wherein, the second page information includes the theme style after virtual rendering of each node in the display page. For example, the terminal device may perform virtual rendering on each visual node of the display page in the virtual space by using the theme information of the theme to be switched, and then obtain the second page information of the display page after the virtual rendering. For example, when the terminal device obtains the theme information of the theme to be switched, it can obtain the position of the current theme in the file, and then replace the current theme with the theme information of the theme to be switched, and simulate and render the display page based on the theme information of the theme to be switched. (The display page is not updated), and then the rendering tree after the display page is simulated and rendered is obtained, and the second page information of the display page is obtained through the rendering tree.

The display page of the applet is updated according to the first page information and the second page information. Optionally, the display page of the applet may be updated according to the following feasible implementation manner: determining the first correspondence between each node in the first page information and each node in the second page information. For example, the first correspondence includes nodes corresponding to each node in the first page information in the second page information. For example, since the second page information is obtained by the terminal device performing virtual rendering of the nodes of the display page according to the theme information of the theme to be switched, the nodes of the first page information and the corresponding nodes of the second page information are actually the display pages the same node. For example, the display page includes control A, if the node of control A in the first page information is node A, and if the node of control A in the second page information is node B, then node A and node B are a group of corresponding node.

According to the first correspondence and the second page information, the target node is determined in the first page information. The target node is the node whose theme style is to be updated. For example, if the theme style of the node changes after the theme switching, the node is determined as the target node. If the theme style of the node does not change after the theme switching, the node is not the target node. For example, by displaying the current rendering tree of the page and the rendering tree obtained after virtual rendering of the displayed page, the node whose data has changed in the current rendering tree can be accurately determined, and then the node is determined as the target node.

Optionally, since the content to be displayed in the visualization nodes is different (for example, some visualization nodes include large titles and subtitles, while other visualization nodes are images, etc.), therefore, when the theme is switched, the theme styles of some nodes may not be the same. If it is not changed (for example, if the theme to be switched only modifies the font, then the node displaying the image does not need to be replaced), and no rendering is required. Only the node whose theme style has changed will be rendered and updated, which can save the resources of the terminal device.

Update the theme style of the target node to update the display page of the applet. Optionally, the theme style includes at least one theme parameter, and the display page can be updated according to the following feasible implementation methods: determining the target theme parameter in the theme style of the target node, and updating the target theme parameter to update the display page of the applet.

Optionally, the theme style may include at least one theme parameter. For example, the theme style of a visualization node may include theme font information, theme control information, theme color information, and so on. The target theme parameter is the theme parameter to be updated. For example, node A is a node in the first page information, and node A corresponds to a node in the second page information is node B. If the theme style A of node A is different from the theme style B of node B, the theme style A includes Target theme parameter. If the font in theme style A is different from the font in theme style B, the target theme parameter is the font. For example, the data of the current rendering tree of the display page can be compared with the data of the rendering tree after the virtual rendering of the display page, so as to obtain the target node and the target theme parameters in the theme style of the target node.

Optionally, updating the target theme parameter to update the display page of the applet, specifically: updating the target theme parameter in the first page information to the corresponding theme parameter in the second page information. For example, node A is the target node in the first page information, and the corresponding node of node A in the second page information is node B. If the font parameter of node A is the target theme parameter, update the font parameter of node A to node B B font parameters, and then update the display page of the applet; if the main background color of node A is gray, and the main background color of node B is white, then the main background color of node A is updated to white, and then the applet The display page is updated. Optionally, all target nodes in the first information may be updated, thereby implementing the update of the display page. In this way, only the changed theme parameters can be updated, thereby saving the resources of the terminal device.

Optionally, when switching themes, the terminal device may perform page update on multiple applet programs of each first application in the terminal device. For example, when the terminal device switches themes, both the display pages of multiple applets of application A and the display pages of multiple applets of application B are updated.

An embodiment of the present application provides a page display method for receiving a theme switching request of a first application, wherein the theme switching request includes an identifier of a theme to be switched, and the first application includes a plurality of small programs. According to the identifier of the theme to be switched, Obtain the theme information of the theme to be switched in the data package, and obtain the first page information of the display page, where the first page information includes the theme style currently displayed by each node in the display page, and according to the theme information of the theme to be switched, the display Virtual rendering is performed on each node in the page to obtain second page information, wherein the second page information includes the theme style after virtual rendering of each node in the display page, and the applet is updated according to the first page information and the second page information display page. In this way, when switching the theme of the applet, the terminal device can directly obtain the corresponding theme information in the data package, and update the display page of the applet according to the theme information, without writing the corresponding theme code in the applet, thereby reducing the The complexity of the applet.

On the basis of the embodiment shown in FIG. 2 , the above-mentioned page display method further includes a process of acquiring topic information. The method for acquiring topic information is described below with reference to FIG. 5 .

FIG. 5 is a schematic flowchart of a method for acquiring subject information provided by an embodiment of the present application. Referring to Figure 5, the method flow includes:

S501. Acquire topic information of at least one topic.

Optionally, the topic information of at least one topic may be acquired according to the following feasible implementation manner: acquiring a topic template corresponding to at least one topic, wherein the topic template includes a plurality of topic parameter variables. For example, a topic parameter variable is a variable name that can be a topic parameter.

Optionally, the design of the theme template conforms to the following preset conditions: variable override, style override, component customization, and global customization. Among them, variable coverage satisfies global variable coverage and component variable coverage. For example, by using the less variable mechanism to adjust the variable resolution in the process of compiling the theme, the organization structure of variable files covered by variables is organized according to a preset directory structure, and the preset directory rental structure can include global variable entries and components variable entry.

Optionally, style overrides satisfy component-level override styles. For example, by using the less mixin mechanism, some theme parameter variables can be styled with the features covered by the mixin, so that the theme template can support style override at the component level by customizing the component override mechanism, and support style override during the compilation process. priority.

Optionally, the component is customized for variable overrides within the component. For example, by customizing the loadUIOverridesmixin mechanism, the styles are covered at the component level through the overrides.less ending file convention, and then the variables.less ending file convention at the component level is implemented, so that the variables in the component are overridden during the component style compilation process. Optionally, global customization can override global variables during compilation through a preset interface. For example, global variables during compilation can be overridden by contracting the entry globals/theme.varibales.less file.

Get topic information of a topic based on multiple topic parameter variables. Optionally, the theme information of the theme can be obtained according to the following feasible implementation methods: adding the corresponding theme parameter to the theme parameter variable of the theme template to obtain the theme template style. The theme template style is compiled by the compiler to obtain the theme information of the theme. For example, by adjusting the value of the theme variable parameter in the theme template, different theme template styles can be obtained, and then the theme template styles can be compiled by the cli compiler to obtain themes that can be recognized by the applet. In this way, the theme can be customized at different levels and granularities through the overlay mechanism from components to the global, and the effect of the theme can be dynamically switched during the running process of the applet, which improves the control flexibility of the applet and reduces the complexity of the applet.

S502. Store topic information of at least one topic in a data package.

Optionally, the theme information of multiple themes can be obtained through the theme template and the compiler, and the multiple theme information can be stored in the data package, so that the applet can obtain the theme information in the data package. For example, the terminal device can add the theme parameters of multiple themes preset by the user to the theme parameter variable of the theme template to obtain theme template styles corresponding to the multiple themes, and compile the multiple theme template styles through the compiler to obtain multiple theme template styles. The theme information of the theme, and multiple theme information is stored in the bundle of the applet. When the applet switches the theme, it can obtain the corresponding theme information in the bundle to update the display page of the applet.

Next, the process of updating the page of the applet will be described with reference to FIG. 6 .

FIG. 6 is a schematic diagram of a process for updating a page of an applet provided by an embodiment of the present application. Please refer to Figure 6, including: theme compilation process and theme running process. Wherein, during theme compilation, N themes such as theme A, theme B, and theme N are customized, and theme parameters of each theme are input into the theme template to obtain N theme styles of the N themes. The cli compiler is used to compile and process N theme styles, configure the application theme, and store the compiled theme A, theme B, theme N and other N themes in the bundle of the applet.

Referring to Figure 6, when the theme is running, the applet container can obtain multiple themes in the bundle, select the theme to be switched from among the multiple themes, and parse the theme to be switched. Render and draw. When the theme is switched, the multi-application global notification switching theme mechanism enables the applet of each application in the terminal device to switch the theme. In this way, the applet can directly load the pre-configured theme in the bundle, thereby reducing the complexity of the applet.

The embodiment of the present application provides a method for obtaining theme information, obtaining a theme template corresponding to at least one theme, adding the corresponding theme parameter to the theme parameter variable of the theme template to obtain a theme style, and compiling the theme style through a compiler, Obtain the theme information of at least one theme, and store the theme information of at least one theme in the data package, so that the effect of the theme can be dynamically switched during the running process of the applet, the control flexibility of the applet is improved, and the applet can directly Loading the corresponding theme in the data package eliminates the need to write the corresponding theme code in the applet, thereby reducing the complexity of the applet.

On the basis of any one of the above-mentioned embodiments, the process of the above-mentioned page display method will be described below with reference to FIG. 7 .

FIG. 7 is a schematic process diagram of a page display method provided by an embodiment of the present application. See Figure 7, including terminal equipment. The page 201 of the terminal device is the applet page. The page 201 includes UI frame controls and application scene controls with a green background, and the distance between the application scene controls and the UI frame controls is relatively large. When the terminal device switches themes, the page 202 is the theme page, and the theme page includes theme A, theme B, theme C, theme D and control buttons corresponding to each theme. The control button of theme A is on, and the other control buttons are off. .

Referring to FIG. 7 , when the user clicks the control button of topic C, the terminal device displays page 203 , in which the control button of topic A is turned off and the control button of topic C is turned on. The terminal device obtains the topic information of topic C in the data package, and updates the page according to the topic information of topic C. After the page is updated, the terminal device displays the page 204, which is the applet page. The page 204 includes UI frame controls and application scene controls. The background of the UI frame control changes from green to white, and the distance between the UI frame control and the application scene control becomes smaller. In this way, the effect of the theme can be dynamically switched during the running process of the applet, the control flexibility of the applet is improved, and the applet can directly load the corresponding theme in the data package without writing the corresponding theme code in the applet, and then Reduce the complexity of the applet.

FIG. 8 is a schematic structural diagram of a page display apparatus provided by an embodiment of the present application. Referring to FIG. 8 , the page display device 10 includes a receiving module 11, a first acquiring module 12 and an updating module 13, wherein:

The receiving module 11 is configured to receive a theme switching request of a first application, where the theme switching request includes an identifier of a theme to be switched, and the first application includes a plurality of small programs;

The first obtaining module 12 is configured to, according to the identifier of the to-be-switched theme, obtain the theme information of the to-be-switched theme in a data packet, where the data packet includes the theme information of a plurality of themes;

The updating module 13 is configured to update the display pages of the plurality of small programs according to the theme information of the theme to be switched.

In a possible implementation manner, the update module 13 is specifically used for:

acquiring first page information of the display page, where the first page information includes the theme style currently displayed by each node in the display page;

According to the theme information of the theme to be switched, virtual rendering is performed on each node in the display page to obtain second page information, where the second page information includes the theme after virtual rendering of each node in the display page style;

The display page of the applet is updated according to the first page information and the second page information.

In a possible implementation manner, the update module 13 is specifically used for:

determining a first correspondence between the each node in the first page information and the each node in the second page information;

According to the first correspondence and the second page information, a target node is determined in the first page information, and the target node is the node of the theme style to be updated;

The theme style of the target node is updated to update the display page of the applet.

In a possible implementation manner, the update module 13 is specifically used for:

Determine a target theme parameter in the theme style of the target node, and the target theme parameter is the theme parameter to be updated;

The target theme parameter is updated to update the display page of the applet.

The page display apparatus provided in the embodiments of the present application can implement the technical solutions shown in the foregoing method embodiments, and the implementation principles and beneficial effects thereof are similar, and will not be repeated here.

FIG. 9 is a schematic structural diagram of another page display apparatus provided by an embodiment of the present application. On the basis of the embodiment shown in FIG. 8 , referring to FIG. 9 , the page display apparatus 10 further includes a second obtaining module 14 , and the second obtaining module 14 is used for:

Get topic information for at least one topic;

The topic information of the at least one topic is stored to the data package.

In a possible implementation manner, the second obtaining module 14 is specifically configured to:

Obtain a theme template corresponding to the at least one theme, where the theme template includes a plurality of theme parameter variables;

The topic information of the topic is acquired according to the plurality of topic parameter variables.

In a possible implementation manner, the second obtaining module 14 is specifically configured to:

Adding corresponding theme parameters to the theme parameter variables of the theme template to obtain theme styles;

The theme style is compiled by a compiler to obtain theme information of the theme.

The page display apparatus provided in the embodiments of the present application can implement the technical solutions shown in the foregoing method embodiments, and the implementation principles and beneficial effects thereof are similar, and will not be repeated here.

FIG. 10 is a schematic diagram of a hardware structure of a terminal device provided by this application. Referring to FIG. 10, the terminal device 20 may include: a processor 21 and a memory 22, wherein the processor 21 and the memory 22 can communicate; exemplarily, the processor 21 and the memory 22 communicate through a communication bus 23, and the memory 22 For storing program instructions, the processor 21 is configured to call the program instructions in the memory to execute the page display method shown in any of the above method embodiments.

Optionally, the terminal device 20 may further include a communication interface, and the communication interface may include a transmitter and/or a receiver.

Optionally, the above-mentioned processor may be a central processing unit (Central Processing Unit, CPU), and may also be other general-purpose processors, digital signal processors (Digital Signal Processors, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC) )Wait. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps in combination with the method disclosed in the present application can be directly embodied as executed by a hardware processor, or executed by a combination of hardware and software modules in the processor.

An embodiment of the present application provides a readable storage medium, where a computer program is stored on the readable storage medium; the computer program is used to implement the page display method described in any of the foregoing embodiments.

An embodiment of the present application provides a computer program product, where the computer program product includes instructions, which, when the instructions are executed, cause a computer to execute the above-mentioned page display method.

All or part of the steps for implementing the above method embodiments may be completed by program instructions related to hardware. The aforementioned program can be stored in a readable memory. When the program is executed, the steps including the above method embodiments are executed; and the aforementioned memory (storage medium) includes: read-only memory (English: read-only memory, abbreviation: ROM), RAM, flash memory, hard disk, Solid state drive, magnetic tape (English: magnetic tape), floppy disk (English: floppydisk), optical disc (English: optical disc) and any combination thereof.

The embodiments of the present application are described with reference to flowcharts and/or block diagrams of methods, apparatuses (systems), and computer program products according to the embodiments of the present application. It will be understood that each flow and/or block in the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to the processing unit of a general purpose computer, special purpose computer, embedded processor or other programmable terminal device to produce a machine such that the instructions executed by the processing unit of the computer or other programmable terminal device produce a method for implementing A means for the functions specified in a flow or flows of a flowchart and/or a block or blocks of a block diagram.

These computer program instructions may also be stored in a computer-readable memory capable of directing a computer or other programmable terminal device to function in a particular manner, such that the instructions stored in the computer-readable memory result in an article of manufacture comprising instruction means, the instruction means The functionality specified in the flow or flow of the flowchart and/or the block or blocks of the block diagram is implemented.

These computer program instructions can also be loaded onto a computer or other programmable terminal device to cause a series of operational steps to be performed on the computer or other programmable device to produce a computer-implemented process, whereby the instructions to be executed on the computer or other programmable device Steps are provided for implementing the functions specified in a flow or flows of the flowcharts and/or a block or blocks of the block diagrams.

Obviously, those skilled in the art can make various changes and modifications to the embodiments of the present application without departing from the spirit and scope of the present application. Thus, if these modifications and variations of the embodiments of the present application fall within the scope of the claims of the present application and their equivalents, the present application is also intended to include these modifications and variations.

In this application, the term "comprising" and its variants may mean non-limiting inclusion; the term "or" and its variants may mean "and/or". The terms "first", "second" and the like in this application are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. In this application, "plurality" means two or more. "And/or", which describes the association relationship of the associated objects, means that there can be three kinds of relationships, for example, A and/or B, which can mean that A exists alone, A and B exist at the same time, and B exists alone. The character "/" generally indicates that the associated objects are an "or" relationship.

Claims (10)

1. A page display method, comprising:

receiving a theme switching request of a first application, wherein the theme switching request comprises an identifier of a theme to be switched, and the first application comprises a plurality of small programs;

according to the identification of the theme to be switched, obtaining the theme information of the theme to be switched in a data packet, wherein the data packet comprises the theme information of a plurality of themes;

and updating the display pages of the small programs according to the theme information of the theme to be switched.

2. The method of claim 1, wherein the method is directed to a display page of any one applet; updating the display page of the applet according to the theme information of the theme to be switched, wherein the updating comprises the following steps:

acquiring first page information of the display page, wherein the first page information comprises a currently displayed theme style of each node in the display page;

according to the theme information of the theme to be switched, virtually rendering each node in the display page to obtain second page information, wherein the second page information comprises a theme style after virtually rendering each node in the display page;

and updating the display page of the applet according to the first page information and the second page information.

3. The method of claim 2, wherein updating the displayed page of the applet based on the first page information and the second page information comprises:

determining a first correspondence between said each node in said first page information and said each node in said second page information;

determining a target node in the first page information according to the first corresponding relation and the second page information, wherein the target node is a node of a theme style to be updated;

and updating the theme style of the target node so as to update the display page of the small program.

4. The method of claim 3, wherein the theme style includes at least one theme parameter; updating the theme style of the target node to update the display page of the applet, including:

determining a target theme parameter in the theme style of the target node, wherein the target theme parameter is a theme parameter to be updated;

and updating the target theme parameter so as to update the display page of the small program.

5. The method according to any one of claims 1 to 4, wherein before the theme information of the theme to be switched is acquired in the data packet, the method further comprises:

obtaining subject information of at least one subject;

storing the subject information of the at least one subject to the data package.

6. The method of claim 5, wherein obtaining topic information for at least one topic comprises:

obtaining a theme template corresponding to the at least one theme, wherein the theme template comprises a plurality of theme parameter variables;

and obtaining the theme information of the theme according to the plurality of theme parameter variables.

7. The method of claim 6, wherein obtaining topic information of the topic according to the plurality of topic parameter variables comprises:

adding corresponding theme parameters in the theme parameter variables of the theme template to obtain a theme template style;

and compiling the theme template style through a compiler to obtain the theme information of the theme.

8. The page display device is characterized by comprising a receiving module, a first obtaining module and an updating module, wherein:

the receiving module is used for receiving a theme switching request of a first application, wherein the theme switching request comprises an identifier of a theme to be switched, and the first application comprises a plurality of small programs;

the first obtaining module is used for obtaining the theme information of the theme to be switched in a data packet according to the identification of the theme to be switched, wherein the data packet comprises the theme information of a plurality of themes;

and the updating module is used for updating the display pages of the small programs according to the theme information of the theme to be switched.

9. A terminal device, comprising: a processor, a memory;

the memory stores computer-executable instructions;

the processor executes the computer-executable instructions stored by the memory to cause the processor to perform the page display method of any of claims 1-7.

10. A computer-readable storage medium having stored thereon computer-executable instructions for implementing the page display method according to any one of claims 1 to 7 when executed by a processor.

Images