Application page rendering methods and devices, storage media and electronic devices

Abstract

This application discloses a method, apparatus, storage medium, and electronic device for rendering application pages, relating to the field of smart home technology. The method for rendering application pages includes: determining multiple sets of style data corresponding to multiple themes in the front-end page based on basic data and commonly used components in the application software, wherein the multiple themes and the multiple sets of style data correspond one-to-one; determining first style data corresponding to a first theme based on a first theme of the application software, wherein the multiple themes include the first theme, and the multiple sets of style data include the first style data; and rendering the application page based on the first style data upon receiving an access request for the application page of the application software, wherein the front-end page includes the application page. This technical solution solves the problem in related technologies where, when an app supports theme style switching, each H5 page requires independent theme style configuration, resulting in low efficiency for theme updates.

Description

Technical Field

[0001] This application relates to the field of smart home technology, and more specifically, to a method and apparatus for rendering application pages, a storage medium, and an electronic device. Background Technology

[0002] In traditional theme-switching solutions, each H5 page typically requires independent theme style configuration. This means developers must write Cascading Style Sheets (CSS) rules for each page to adapt to different themes, which is not only tedious but also prone to errors. As the number of H5 pages in the application increases, each new theme requires iterating through and adjusting the style code of all H5 pages, significantly increasing the development workload and extending the iteration cycle.

[0003] There is currently no effective solution to the problem that when an app supports theme style switching, each H5 page needs to be configured with an independent theme style, resulting in low efficiency of theme updates. Summary of the Invention

[0004] This application provides a method and apparatus for rendering application pages, a storage medium, and an electronic device to at least solve the problem in the related art where, when an APP supports theme style switching, each H5 page needs to be configured with an independent theme style, resulting in low efficiency of theme updates.

[0005] According to one embodiment of this application, a method for rendering an application page is provided, comprising: determining multiple sets of style data corresponding to multiple themes in the front-end page based on basic data and commonly used components of the front-end page in the application software, wherein the multiple themes and the multiple sets of style data correspond one-to-one; determining first style data corresponding to a first theme based on a first theme of the application software, wherein the multiple themes include the first theme and the multiple sets of style data include the first style data; and rendering the application page based on the first style data upon receiving an access request for the application page of the application software, wherein the front-end page includes the application page.

[0006] In one optional embodiment, determining multiple sets of style data corresponding to multiple themes in the front-end page based on the basic data and commonly used components of the front-end page in the application software includes: for any second theme among the multiple themes, determining first basic data and first commonly used components corresponding to the second theme, wherein the basic data includes the first basic data and the commonly used components include the first commonly used components; determining second style data of the second theme based on the first basic data and the first commonly used components, wherein the multiple sets of style data include the second style data.

[0007] In an optional embodiment, determining the first style data corresponding to the first theme based on the first theme of the application software includes: determining whether there is a third theme that is the same as the first theme among the plurality of themes; if the third theme is determined to exist among the plurality of themes, determining the third style data corresponding to the third theme from the plurality of style data; and determining the third style data as the first style data.

[0008] In an optional embodiment, after rendering the application page according to the first style data, the method further includes: upon receiving a configuration request from a target object, executing the configuration request, wherein the configuration request is used to indicate the addition of a fourth theme among the plurality of themes; upon completion of the configuration request execution, determining the fourth style data of the fourth theme according to the second basic data and the second commonly used component corresponding to the fourth theme; and upon receiving an access request for the application page, rendering the application page according to the fourth style data.

[0009] In an optional embodiment, after rendering the application page according to the first style data, the method further includes: obtaining the usage frequency of the multiple themes within a period of time before the current time, and the usage time period of the multiple themes; determining the fifth theme with the highest usage frequency among the multiple themes based on the multiple usage frequencies, and determining the first usage time period of the fifth theme from the multiple usage time periods; sending a first instruction to a target object within the first usage time period, wherein the first instruction is used to determine whether to switch the sixth theme of the application page to the fifth theme, and the sixth theme is the theme currently used by the application page.

[0010] In an optional embodiment, after sending a first instruction to the target object during the first usage time period, the method further includes: receiving a second instruction from the target object based on the first instruction; if the second instruction indicates that the sixth theme should be switched to the fifth theme, rendering the application page according to the fifth style data corresponding to the fifth theme; if the second instruction indicates that the switching of the sixth theme to the fifth theme should be prohibited, prohibiting the rendering of the application page according to the fifth style data.

[0011] In an optional embodiment, after obtaining the usage frequency of the plurality of topics over a period of time prior to the current time, the method further includes: determining a seventh topic with the lowest usage frequency among the plurality of topics based on the plurality of usage frequencies; sending a third instruction to the target object, wherein the third instruction is used to determine whether to delete the seventh topic; receiving a fourth instruction from the target object based on the third instruction, and executing the fourth instruction, wherein the fourth instruction is used to indicate whether to delete the seventh topic.

[0012] According to another aspect of the present invention, an application page rendering apparatus is also provided, comprising: a first determining module, configured to determine multiple sets of style data corresponding to multiple themes in the front-end page based on basic data and commonly used components of the front-end page in the application software, wherein the multiple themes and the multiple sets of style data correspond one-to-one; a second determining module, configured to determine first style data corresponding to a first theme based on a first theme of the application software, wherein the multiple themes include the first theme and the multiple sets of style data include the first style data; and a rendering module, configured to render the application page based on the first style data upon receiving an access request for the application page of the application software, wherein the front-end page includes the application page.

[0013] According to another aspect of the embodiments of this application, a computer-readable storage medium is also provided, wherein a computer program is stored in the computer program, and the computer program is configured to execute the above-described application page rendering method at runtime.

[0014] According to another aspect of the embodiments of this application, an electronic device is also provided, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the rendering method of the application page through the computer program.

[0015] According to another aspect of the embodiments of this application, a computer program product is also provided, including a computer program that, when executed by a processor, implements the above-described method for rendering application pages.

[0016] In this embodiment, multiple sets of style data corresponding to multiple themes in the front-end page are determined based on the basic data and commonly used components of the front-end page in the application software, wherein the multiple themes and the multiple sets of style data correspond one-to-one; a first style data corresponding to the first theme is determined based on the first theme of the application software, wherein the multiple themes include the first theme, and the multiple sets of style data include the first style data; upon receiving an access request for the application page of the application software, the application page is rendered according to the first style data, wherein the front-end page includes the application page. By adopting the above technical solution, the problem in related technologies where, when the APP supports theme style switching, each H5 page needs to be configured with an independent theme style, resulting in low efficiency in theme updates is solved. Attached Figure Description

[0017] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this application and, together with the description, serve to explain the principles of this application.

[0018] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, for those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0019] Figure 1 This is a schematic diagram of the hardware environment for a rendering method of an application page according to an embodiment of this application;

[0020] Figure 2 This is a flowchart of an application page rendering method according to an embodiment of this application;

[0021] Figure 3 This is a first schematic diagram of a rendering method for an application page according to an optional embodiment of this application;

[0022] Figure 4 This is a second schematic diagram of a rendering method for an application page according to an optional embodiment of this application;

[0023] Figure 5 This is a third schematic diagram of an application page rendering method according to an optional embodiment of this application;

[0024] Figure 6 This is a fourth schematic diagram of an application page rendering method according to an optional embodiment of this application;

[0025] Figure 7 This is a structural block diagram of an application page rendering device according to an embodiment of this application. Detailed Implementation

[0026] To enable those skilled in the art to better understand the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present application, and not all embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative effort should fall within the scope of protection of the present application.

[0027] It should be noted that the terms "first," "second," etc., in the specification, claims, and accompanying drawings of this application are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this application described herein can be implemented in orders other than those illustrated or described herein. Furthermore, the terms "comprising" and "having," and any variations thereof, are intended to cover non-exclusive inclusion; for example, a process, method, system, product, or apparatus that comprises a series of steps or units is not necessarily limited to those steps or units explicitly listed, but may include other steps or units not explicitly listed or inherent to such processes, methods, products, or apparatus.

[0028] According to one aspect of the embodiments of this application, a method for rendering an application page is provided. This method is widely applicable to whole-house intelligent digital control application scenarios such as smart homes, smart home ecosystems, smart home device ecosystems, and intelligence house ecosystems. Optionally, in this embodiment, the above-mentioned application page rendering method can be applied to, for example... Figure 1 The hardware environment shown consists of application software 102 and computer terminal 104. For example... Figure 1 As shown, application software 102 connects to computer terminal 104 via a network and can be used to provide services (such as application services) to application software 102 or clients installed on application software 102. A database can be set up on or independently of application software 102 to provide data storage services for application software 102 and computer terminal 104. Cloud computing and / or edge computing services can be configured on or independently of application software 102 to provide data processing services for application software 102 and computer terminal 104.

[0029] The aforementioned networks may include, but are not limited to, at least one of the following: wired network, wireless network. The aforementioned wired network may include, but is not limited to, at least one of the following: wide area network (WAN), metropolitan area network (MAN), local area network (LAN). The aforementioned wireless network may include, but is not limited to, at least one of the following: Wi-Fi (Wireless Fidelity), Bluetooth. Application software 102 and computer terminal 104 may not be limited to PCs, mobile phones, tablets, smart air conditioners, smart range hoods, smart refrigerators, smart ovens, smart stoves, smart washing machines, smart water heaters, smart washing equipment, smart dishwashers, smart projectors, smart TVs, smart clothes racks, smart curtains, smart audio-visual equipment, smart sockets, smart speakers, smart speakers, smart fresh air systems, smart kitchen and bathroom equipment, smart bathroom equipment, smart robot vacuum cleaners, smart window cleaning robots, smart mopping robots, smart air purifiers, smart steam ovens, smart microwave ovens, smart water heaters, smart air purifiers, smart water dispensers, system platforms, etc.

[0030] This embodiment provides a method for rendering an application page, applied to the aforementioned application software. Figure 2 This is a flowchart of an application page rendering method according to an embodiment of this application, the process including the following steps:

[0031] Step S202: Determine multiple sets of style data corresponding to multiple themes in the front-end page based on the basic data and commonly used components of the front-end page in the application software, wherein the multiple themes and the multiple sets of style data correspond one-to-one;

[0032] Step S204: Determine the first style data corresponding to the first theme based on the first theme of the application software, wherein the plurality of themes includes the first theme, and the plurality of style data includes the first style data;

[0033] Step S206: Upon receiving an access request for the application page of the application software, render the application page according to the first style data, wherein the front-end page includes the application page.

[0034] In this embodiment, multiple sets of style data corresponding to multiple themes in the front-end page are determined based on the basic data and commonly used components of the front-end page in the application software, wherein the multiple themes and the multiple sets of style data correspond one-to-one; a first style data corresponding to the first theme is determined based on the first theme of the application software, wherein the multiple themes include the first theme, and the multiple sets of style data include the first style data; upon receiving an access request for the application page of the application software, the application page is rendered according to the first style data, wherein the front-end page includes the application page. By adopting the above technical solution, the problem in related technologies where, when the APP supports theme style switching, each H5 page needs to be configured with an independent theme style, resulting in low efficiency in theme updates is solved.

[0035] like Figure 3 As shown, based on the visual design rules of hybrid application software, the basic data and commonly used components of the front-end pages in the hybrid APP are determined. The basic data includes, but is not limited to, key visual attributes such as font size, color, font weight, element margins, and corner radius. Commonly used components include, but are not limited to, buttons, lists, search boxes, and input boxes. Based on the basic data and commonly used components, corresponding style data is created for multiple themes within the hybrid APP. For example... Figure 4 As shown, multiple sets of style data corresponding to multiple themes are uploaded to the theme style management system by the operators of the hybrid app, and further stored in the theme style management backend service. The theme style management backend service returns the storage results of multiple sets of style data to the theme style management system, and the theme style management system sends a result notification to the operators to instruct them to call multiple themes in the theme style management system. For example Figure 5 As shown, when a user launches the hybrid app, it proactively requests the theme style management backend service to query the user's theme settings (i.e., the primary theme). The theme style management backend service then returns the theme information of the primary theme selected by the user. Next, the hybrid app sends another request to the theme style management backend service to obtain the primary style data for the primary theme, including the definitions of visual elements such as colors, fonts, and layout. After obtaining the primary style data, the hybrid app stores it in its local cache. When a user browses any H5 page, the hybrid app reads the primary style data from local storage and injects it into the head of the H5 page as a CSS stylesheet or applies it dynamically via JavaScript. With the initialization of the H5 page, it automatically reads the injected primary style data and adjusts the page's visual presentation accordingly, thus achieving seamless integration with the overall style of the app.

[0036] In one optional embodiment, determining multiple sets of style data corresponding to multiple themes in the front-end page based on the basic data and commonly used components of the front-end page in the application software includes: for any second theme among the multiple themes, determining first basic data and first commonly used components corresponding to the second theme, wherein the basic data includes the first basic data and the commonly used components include the first commonly used components; determining second style data of the second theme based on the first basic data and the first commonly used components, wherein the multiple sets of style data include the second style data.

[0037] First, determine the primary basic data and primary commonly used components corresponding to the second theme. This includes basic visual elements such as font size, color, and margins, as well as common interactive component styles such as buttons, lists, and input boxes. After clarifying the primary basic data and primary commonly used components of the second theme, construct matching secondary style data based on these elements. The secondary style data not only includes customization of basic visual attributes but also covers specific definitions of component styles, ensuring that when the second theme is activated, both the basic page layout and interactive components present a unique style consistent with the second theme, while maintaining consistency and harmony with the overall application page design. Based on the above, construct multiple sets of style data corresponding to each theme.

[0038] In an optional embodiment, determining the first style data corresponding to the first theme based on the first theme of the application software includes: determining whether there is a third theme that is the same as the first theme among the plurality of themes; if the third theme is determined to exist among the plurality of themes, determining the third style data corresponding to the third theme from the plurality of style data; and determining the third style data as the first style data.

[0039] The process involves checking among multiple predefined themes to see if a third theme exists that is identical to the first theme. If a third theme identical to the first theme is found, the third style data corresponding to that theme will be extracted directly from the existing set of style data. This third style data will then be officially designated as the first style data corresponding to the first theme.

[0040] In an optional embodiment, after rendering the application page according to the first style data, the method further includes: upon receiving a configuration request from a target object, executing the configuration request, wherein the configuration request is used to indicate the addition of a fourth theme among the plurality of themes; upon completion of the configuration request execution, determining the fourth style data of the fourth theme according to the second basic data and the second commonly used component corresponding to the fourth theme; and upon receiving an access request for the application page, rendering the application page according to the fourth style data.

[0041] like Figure 6 As shown, when the hybrid app receives a configuration request from a user, instructing the addition of a fourth theme among existing themes, it immediately responds and executes the configuration request. Once the configuration request is executed, it means the fourth theme has been successfully added to the theme management backend service. The theme management backend service will then send feedback to the hybrid app regarding the successful addition of the fourth theme, and the hybrid app will then send a corresponding notification to the user. Simultaneously, the hybrid app will query the theme style management backend service to request the fourth style data for the user's currently set fourth theme, including key visual elements such as color, font, and layout. The theme style management backend service responds to this request and returns the fourth style data. To improve access speed and user experience, the hybrid app caches the obtained fourth style data in local storage. This way, when the user subsequently accesses any H5 page, there is no need to request data from the network again; instead, the locally stored theme data can be directly called for page rendering, reducing network latency and improving application performance. When a user enters or refreshes an H5 page, the hybrid app reads the fourth style data from local storage and injects it into the H5 page header as a CSS stylesheet or dynamically loads it via JavaScript, ensuring that the H5 page can immediately respond and apply this theme setting. When an H5 page is initialized, it automatically reads and applies these injected fourth style data to adjust the visual presentation of the page so that it is completely consistent with the theme style selected by the user.

[0042] In an optional embodiment, after rendering the application page according to the first style data, the method further includes: obtaining the usage frequency of the multiple themes within a period of time before the current time, and the usage time period of the multiple themes; determining the fifth theme with the highest usage frequency among the multiple themes based on the multiple usage frequencies, and determining the first usage time period of the fifth theme from the multiple usage time periods; sending a first instruction to a target object within the first usage time period, wherein the first instruction is used to determine whether to switch the sixth theme of the application page to the fifth theme, and the sixth theme is the theme currently used by the application page.

[0043] In an optional embodiment, after sending a first instruction to the target object during the first usage time period, the method further includes: receiving a second instruction from the target object based on the first instruction; if the second instruction indicates that the sixth theme should be switched to the fifth theme, rendering the application page according to the fifth style data corresponding to the fifth theme; if the second instruction indicates that the switching of the sixth theme to the fifth theme should be prohibited, prohibiting the rendering of the application page according to the fifth style data.

[0044] Collecting and analyzing the usage frequency and specific time periods of each theme over a period prior to the current time (e.g., the past week or month) aims to uncover users' theme selection preferences in different scenarios. From the usage frequencies of multiple themes, the fifth theme with the highest usage rate is selected. Simultaneously, the most active time period for the fifth theme is identified from the various time periods. This process helps understand peak user preferences; for example, users may prefer dark themes at night and bright themes during the day. After determining the fifth theme and its first time period, a first instruction is proactively sent to the user during this first time period. The first instruction asks the user whether they would consider switching from the sixth theme currently used on the application page (i.e., the theme the user is currently using) to the more frequently used and popular fifth theme.

[0045] After receiving the first instruction, the user will respond with a second instruction, indicating whether to switch the sixth theme to the fifth theme. If the second instruction is received, the hybrid app will select the fifth style data corresponding to the fifth theme from multiple style sets and then apply this style data to the rendering process of the application page. This process involves updating the fifth theme's visual elements, such as colors, fonts, and layout, on the user's currently viewed H5 page through CSS injection or dynamic loading using JavaScript. Conversely, if the second instruction indicates that theme switching is prohibited, the hybrid app will continue to use the current sixth theme of the application page.

[0046] In an optional embodiment, after obtaining the usage frequency of the plurality of topics over a period of time prior to the current time, the method further includes: determining a seventh topic with the lowest usage frequency among the plurality of topics based on the plurality of usage frequencies; sending a third instruction to the target object, wherein the third instruction is used to determine whether to delete the seventh topic; receiving a fourth instruction from the target object based on the third instruction, and executing the fourth instruction, wherein the fourth instruction is used to indicate whether to delete the seventh topic.

[0047] After obtaining usage frequency data for multiple themes over a period of time prior to the current point in time, the seventh theme, which had the lowest usage frequency during this period, was identified. A third instruction was sent to the user, essentially an inquiry asking if they considered deleting the seventh theme. Upon receiving the third instruction, the user would provide a fourth instruction indicating whether to delete the seventh theme. If the fourth instruction indicated deletion of the seventh theme, then the seventh theme and its corresponding style data would be removed from the theme style management backend service; otherwise, if the fourth instruction indicated retention of the seventh theme, no deletion operation would be performed.

[0048] Through the above description of the embodiments, those skilled in the art can clearly understand that the methods according to the above embodiments can be implemented by means of software plus necessary general-purpose hardware platforms. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, can be embodied in the form of a software product. This computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) and includes several instructions to cause a terminal device (which may be a mobile phone, computer, operating terminal, or network device, etc.) to execute the methods of the various embodiments of this application.

[0049] Figure 7 This is a structural block diagram of an application page rendering apparatus according to an embodiment of this application; as shown below. Figure 7 As shown, it includes:

[0050] The first determining module 72 is used to determine multiple sets of style data corresponding to multiple themes in the front-end page based on the basic data and common components of the front-end page in the application software, wherein the multiple themes and the multiple sets of style data correspond one-to-one.

[0051] The second determining module 74 is used to determine the first style data corresponding to the first theme based on the first theme of the application software, wherein the plurality of themes includes the first theme and the plurality of style data includes the first style data.

[0052] The rendering module 76 is configured to render the application page according to the first style data upon receiving an access request for the application page of the application software, wherein the front-end page includes the application page.

[0053] In this embodiment, multiple sets of style data corresponding to multiple themes in the front-end page are determined based on the basic data and commonly used components of the front-end page in the application software, wherein the multiple themes and the multiple sets of style data correspond one-to-one; a first style data corresponding to the first theme is determined based on the first theme of the application software, wherein the multiple themes include the first theme, and the multiple sets of style data include the first style data; upon receiving an access request for the application page of the application software, the application page is rendered according to the first style data, wherein the front-end page includes the application page. By adopting the above technical solution, the problem in related technologies where, when the APP supports theme style switching, each H5 page needs to be configured with an independent theme style, resulting in low efficiency in theme updates is solved.

[0054] In an optional embodiment, the first determining module 72 is further configured to, for any second topic among the plurality of topics, determine first basic data and first commonly used components corresponding to the second topic, wherein the basic data includes the first basic data and the commonly used components include the first commonly used components; and determine second style data of the second topic based on the first basic data and the first commonly used components, wherein the plurality of style data includes the second style data.

[0055] In an optional embodiment, the second determining module 74 is further configured to determine whether there is a third topic among the plurality of topics that is the same as the first topic; if the third topic is determined to exist among the plurality of topics, determine the third style data corresponding to the third topic from the plurality of style data; and determine the third style data as the first style data.

[0056] In an optional embodiment, the rendering module 76 is further configured to execute the configuration request upon receiving a configuration request from the target object, wherein the configuration request is used to indicate the addition of a fourth theme among the plurality of themes; upon completion of the configuration request execution, determine the fourth style data of the fourth theme based on the second basic data and the second commonly used components corresponding to the fourth theme; and upon receiving an access request for the application page, render the application page based on the fourth style data.

[0057] In an optional embodiment, the rendering module 76 is further configured to obtain the usage frequency of the multiple themes over a period of time prior to the current time, and the usage time period of the multiple themes; determine the fifth theme with the highest usage frequency among the multiple themes based on the multiple usage frequencies, and determine the first usage time period of the fifth theme from the multiple usage time periods; send a first instruction to the target object within the first usage time period, wherein the first instruction is configured to determine whether to switch the sixth theme of the application page to the fifth theme, the sixth theme being the theme currently used by the application page.

[0058] In an optional embodiment, the rendering module 76 is further configured to receive a second instruction fed back by the target object based on the first instruction; if the second instruction indicates that the sixth theme be switched to the fifth theme, the rendering module 76 renders the application page according to the fifth style data corresponding to the fifth theme; if the second instruction indicates that the switching of the sixth theme to the fifth theme be prohibited, the rendering of the application page according to the fifth style data be prohibited.

[0059] In an optional embodiment, the rendering module 76 is further configured to: determine a seventh theme with the lowest usage frequency among the plurality of themes based on the plurality of usage frequencies; send a third instruction to the target object, wherein the third instruction is configured to determine whether to delete the seventh theme; receive a fourth instruction from the target object based on the third instruction, and execute the fourth instruction, wherein the fourth instruction is configured to indicate whether to delete the seventh theme.

[0060] Embodiments of this application also provide a storage medium including a stored program, wherein the program executes any of the methods described above when it is run.

[0061] Optionally, in this embodiment, the storage medium may be configured to store program code for performing the following steps:

[0062] S1, determine multiple sets of style data corresponding to multiple themes in the front-end page based on the basic data and commonly used components of the front-end page in the application software, wherein the multiple themes and the multiple sets of style data correspond one-to-one;

[0063] S2, determine the first style data corresponding to the first theme according to the first theme of the application software, wherein the plurality of themes include the first theme, and the plurality of style data includes the first style data;

[0064] S3, upon receiving an access request for the application page of the application software, the application page is rendered according to the first style data, wherein the front-end page includes the application page.

[0065] Embodiments of this application also provide an electronic device including a memory and a processor, wherein the memory stores a computer program and the processor is configured to run the computer program to perform the steps in any of the above method embodiments.

[0066] Optionally, the electronic device may further include a transmission device and an input / output device, wherein the transmission device is connected to the processor and the input / output device is connected to the processor.

[0067] Optionally, in this embodiment, the processor can be configured to perform the following steps via a computer program:

[0068] S1, determine multiple sets of style data corresponding to multiple themes in the front-end page based on the basic data and commonly used components of the front-end page in the application software, wherein the multiple themes and the multiple sets of style data correspond one-to-one;

[0069] S2, determine the first style data corresponding to the first theme according to the first theme of the application software, wherein the plurality of themes include the first theme, and the plurality of style data includes the first style data;

[0070] S3, upon receiving an access request for the application page of the application software, the application page is rendered according to the first style data, wherein the front-end page includes the application page.

[0071] Optionally, in this embodiment, the storage medium may include, but is not limited to, various media capable of storing program code, such as USB flash drives, read-only memory (ROM), random access memory (RAM), portable hard drives, magnetic disks, or optical disks.

[0072] Embodiments of this application also provide a computer program product, which includes a computer program that, when executed by a processor, implements the steps in any of the above method embodiments.

[0073] Embodiments of this application also provide another computer program product, including a non-volatile computer-readable storage medium storing a computer program that, when executed by a processor, implements the steps in any of the above method embodiments.

[0074] The embodiments described herein also provide a computer program that includes computer instructions stored in a computer-readable storage medium; a processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the steps in any of the above method embodiments.

[0075] Optionally, specific examples in this embodiment can refer to the examples described in the above embodiments and optional implementations, and will not be repeated here.

[0076] Obviously, those skilled in the art should understand that the modules or steps of this application described above can be implemented using general-purpose computing devices. They can be centralized on a single computing device or distributed across a network of multiple computing devices. Optionally, they can be implemented using computer-executable program code, thereby storing them in a storage device for execution by a computing device. In some cases, the steps shown or described can be performed in a different order than those presented here, or they can be fabricated as separate integrated circuit modules, or multiple modules or steps can be fabricated as a single integrated circuit module. Thus, this application is not limited to any particular combination of hardware and software.

[0077] The above description is only a preferred embodiment of this application. It should be noted that for those skilled in the art, several improvements and modifications can be made without departing from the principle of this application, and these improvements and modifications should also be considered within the scope of protection of this application.

Claims

1. A method for rendering an application page, characterized in that, include: Based on the basic data and commonly used components of the front-end page in the application software, determine multiple sets of style data corresponding to multiple themes in the front-end page, wherein the multiple themes and the multiple sets of style data correspond one-to-one; The first style data corresponding to the first theme is determined according to the first theme of the application software, wherein the plurality of themes include the first theme, and the plurality of style data includes the first style data; Upon receiving an access request for the application page of the application software, the application page is rendered according to the first style data, wherein the front-end page includes the application page; After rendering the application page based on the first style data, the method further includes: Obtain the usage frequency of the multiple topics within a period of time prior to the current time, as well as the usage time period of the multiple topics; Based on the multiple usage frequencies, a fifth topic with the highest usage frequency among the multiple topics is determined, and a first usage time period of the fifth topic is determined from the multiple usage time periods; During the first usage period, a first instruction is sent to the target object, wherein the first instruction is used to determine whether to switch the sixth theme of the application page to the fifth theme, wherein the sixth theme is the theme currently used by the application page.

2. The application page rendering method according to claim 1, characterized in that, Based on the basic data and commonly used components of the front-end page in the application software, determine multiple sets of style data corresponding to multiple themes in the front-end page, including: For any second topic among the plurality of topics, determine the first basic data and the first commonly used component corresponding to the second topic, wherein the basic data includes the first basic data and the commonly used component includes the first commonly used component; The second style data of the second theme is determined based on the first basic data and the first commonly used components, wherein the multiple sets of style data include the second style data.

3. The application page rendering method according to claim 1, characterized in that, Determining the first style data corresponding to the first theme based on the first theme of the application software includes: Determine whether there exists a third topic that is identical to the first topic among the plurality of topics; If it is determined that the third theme exists among the multiple themes, the third style data corresponding to the third theme is determined from the multiple sets of style data; The third style data is determined to be the first style data.

4. The application page rendering method according to claim 1, characterized in that, After rendering the application page based on the first style data, the method further includes: Upon receiving a configuration request from the target object, the configuration request is executed, wherein the configuration request is used to indicate the addition of a fourth topic among the plurality of topics; Upon completion of the configuration request, the fourth style data of the fourth theme is determined based on the second basic data and the second commonly used components corresponding to the fourth theme. Upon receiving an access request for the application page, the application page is rendered according to the fourth style data.

5. The application page rendering method according to claim 1, characterized in that, After sending the first instruction to the target object during the first usage time period, the method further includes: Receive a second instruction from the target object based on the first instruction; When the second instruction instructs the sixth theme to be switched to the fifth theme, the application page is rendered according to the fifth style data corresponding to the fifth theme; If the second instruction indicates that switching the sixth theme to the fifth theme is prohibited, then rendering the application page according to the fifth style data is prohibited.

6. The application page rendering method according to claim 1, characterized in that, After obtaining the usage frequency of the multiple topics over a period of time prior to the current time, the method further includes: Based on the multiple usage frequencies, the seventh topic with the lowest usage frequency among the multiple topics was determined; A third instruction is sent to the target object, wherein the third instruction is used to determine whether to delete the seventh topic; The system receives a fourth instruction from the target object based on the third instruction and executes the fourth instruction, wherein the fourth instruction is used to indicate whether to delete the seventh topic.

7. A rendering device for an application page, characterized in that, include: The first determining module is used to determine multiple sets of style data corresponding to multiple themes in the front-end page based on the basic data and common components of the front-end page in the application software, wherein the multiple themes and the multiple sets of style data correspond one-to-one. The second determining module is used to determine the first style data corresponding to the first theme based on the first theme of the application software, wherein the plurality of themes includes the first theme and the plurality of style data includes the first style data; A rendering module is used to render the application page according to the first style data when receiving an access request for the application page of the application software, wherein the front-end page includes the application page; The rendering module is further configured to obtain the usage frequency of the multiple themes over a period of time prior to the current time, and the usage time period of the multiple themes; determine the fifth theme with the highest usage frequency among the multiple themes based on the multiple usage frequencies, and determine the first usage time period of the fifth theme from the multiple usage time periods; and send a first instruction to the target object within the first usage time period, wherein the first instruction is configured to determine whether to switch the sixth theme of the application page to the fifth theme, and the sixth theme is the theme currently used by the application page.

8. A computer-readable storage medium, characterized in that, The computer-readable storage medium includes a stored program, wherein the program, when executed, performs the method according to any one of claims 1 to 6.

9. An electronic device comprising a memory and a processor, characterized in that, The memory stores a computer program, and the processor is configured to execute the method described in any one of claims 1 to 6 through the computer program.

Images