Method and device for updating style layout information, computer device and storage medium

Abstract

The application relates to a style layout information updating method and device, computer equipment and a storage medium. The application relates to the technical field of artificial intelligence. The method comprises the following steps: acquiring style file information of a user demand; the style file information comprises multiple style data of a target display page; according to a style file analysis strategy, each style data in the style file information is analyzed and adjusted to obtain each target display style data; according to the correlation relationship between the current display style data in the current style layout information of the target display page, the correlation relationship between the target display style data is established; and the current style layout information of the target display page is updated through all the target display style data and the correlation relationship between the target display style data. The method can improve the updating efficiency of the style layout information of the mobile terminal dynamic layout.

Description

Technical Field

[0001] This application relates to the field of artificial intelligence, and in particular to a method, apparatus, computer device, storage medium, and computer program product for updating style layout information. Background Technology

[0002] With the rapid development of the mobile internet, businesses are increasingly demanding optimizations in product experience, iteration speed, and effectiveness verification, making mobile user reach efficiency a key concern. Mobile dynamic technologies can effectively improve this efficiency. Existing mobile dynamic technologies are primarily of two types: those based on the World Wide Web (web), such as mini-programs; and those licensed under the GNU General Public License (GPL), such as cross-platform mobile application development frameworks like React Native and mobile UI frameworks like Flutter.

[0003] Traditional mobile dynamic technologies use dynamic fixes such as patches, plugins, web, and hybrid solutions to deploy dynamic frameworks on mobile devices, thereby improving the defects of the native system and enhancing user reach efficiency on mobile devices. However, updating the style layout information of mobile dynamics requires updating all information, including code and styles, which results in slow update efficiency for mobile dynamics style layout information. Summary of the Invention

[0004] Therefore, it is necessary to provide a method, apparatus, computer device, computer-readable storage medium, and computer program product for updating style layout information to address the aforementioned technical problems.

[0005] Firstly, this application provides a method for updating style layout information. The method includes:

[0006] Obtain the style file information required by the user; the style file information includes multiple style data of the target display page;

[0007] According to the style file parsing strategy, each style data in the style file information is parsed and adjusted to obtain each target display style data;

[0008] Based on the association between the current display style data in the current style layout information of the target display page, establish the association between each target display style data;

[0009] The current style layout information of the target display page is updated by using all target display style data and the relationships between the target display style data.

[0010] Optionally, before obtaining the style file information required by the user, the method further includes:

[0011] In response to a user's style layout change operation, the system uses a pre-established style layout information filtering strategy to determine the current style layout information corresponding to the style layout change operation from among the current style layout information on the mobile device, and then uses the display page corresponding to the current style layout information as the target display page.

[0012] Optionally, obtaining the style file information required by the user includes:

[0013] Obtain user update request information; the user update request information includes style request information and layout request information;

[0014] Based on the layout requirements, a style file template for the mobile terminal is created, and multiple initial style data are generated based on the style requirements.

[0015] Based on the layout requirement information, add the identification information of the layout information corresponding to each initial style data to obtain each style data, and fill each style data into the style file template according to the identification information of the layout information corresponding to the initial style data to obtain the style file information required by the user.

[0016] Optionally, the step of parsing and adjusting the style data in the style file information according to the style file parsing strategy to obtain the target display style data includes:

[0017] Obtain the current style layout information of the target display page; the current style layout information includes each current display style data, and the layout information of the current display style data;

[0018] According to the data recursion strategy, the attribute values ​​contained in each style data in the style file information are parsed, and the attribute values ​​of each currently displayed style data in the style layout template are queried.

[0019] The attribute values ​​of the style data are adjusted to the attribute values ​​of the current display style data that correspond to the layout information of the style data, so as to obtain the target display style data corresponding to each style data; the layout information of the target display style data is the same as the layout information of the style data corresponding to each target display style data.

[0020] Optionally, establishing the association between each of the target display style data based on the association between the current display style data in the style layout information of the target display page includes:

[0021] Obtain the association between the current display style data in the style layout information of the target display page;

[0022] Based on the correspondence between the layout information of each current display style data and the layout information of the target display style data, as well as the association between the current display style data, an association relationship is established between each target display style data.

[0023] Optionally, updating the current style layout information of the target display page through all target display style data and the association between each target display style data includes:

[0024] Based on the target display style data, replace the target display style data in the mobile terminal, and render the target display style data.

[0025] Based on the correlation between the target display style data, adjust the correlation information of each target display style data in the current style layout information to complete the update of the current style layout information of the target display page.

[0026] Secondly, this application also provides a device for updating style layout information. The device includes:

[0027] The acquisition module is used to acquire style file information required by the user; the style file information includes multiple style data of the target display page;

[0028] The parsing module is used to parse and adjust the style data in the style file information according to the style file parsing strategy to obtain the target display style data;

[0029] A module is established to establish the association between each target display style data based on the association between the current display style data in the current style layout information of the target display page;

[0030] The update module is used to update the current style layout information of the target display page by using all target display style data and the relationships between the target display style data.

[0031] Optionally, the device further includes:

[0032] The response module is used to respond to the user's style layout change operation. Through a pre-established style layout information filtering strategy, it determines the current style layout information corresponding to the style layout change operation from the current style layout information on the mobile terminal, and uses the display page corresponding to the current style layout information as the target display page.

[0033] Optionally, the acquisition module is specifically used for:

[0034] Obtain user update request information; the user update request information includes style request information and layout request information;

[0035] Based on the layout requirements, a style file template for the mobile terminal is created, and multiple initial style data are generated based on the style requirements.

[0036] Based on the layout requirement information, add the identification information of the layout information corresponding to each initial style data to obtain each style data, and fill each style data into the style file template according to the identification information of the layout information corresponding to the initial style data to obtain the style file information required by the user.

[0037] Optionally, the parsing module is specifically used for:

[0038] Obtain the current style layout information of the target display page; the current style layout information includes each current display style data, and the layout information of the current display style data;

[0039] According to the data recursion strategy, the attribute values ​​contained in each style data in the style file information are parsed, and the attribute values ​​of each currently displayed style data in the style layout template are queried.

[0040] The attribute values ​​of the style data are adjusted to the attribute values ​​of the current display style data that correspond to the layout information of the style data, so as to obtain the target display style data corresponding to each style data; the layout information of the target display style data is the same as the layout information of the style data corresponding to each target display style data.

[0041] Optionally, the establishment module is specifically used for:

[0042] Obtain the association between the current display style data in the style layout information of the target display page;

[0043] Based on the correspondence between the layout information of each current display style data and the layout information of the target display style data, as well as the association between the current display style data, an association relationship is established between each target display style data.

[0044] Optionally, the update module is specifically used for:

[0045] Based on the target display style data, replace the target display style data in the mobile terminal, and render the target display style data.

[0046] Based on the correlation between the target display style data, adjust the correlation information of each target display style data in the current style layout information to complete the update of the current style layout information of the target display page.

[0047] Thirdly, this application provides a computer device. The computer device includes a memory and a processor, the memory storing a computer program, and the processor executing the computer program to implement the steps of the method described in any one of the first aspects.

[0048] Fourthly, this application provides a computer-readable storage medium having a computer program stored thereon that, when executed by a processor, implements the steps of the method described in any one of the first aspects.

[0049] Fifthly, this application provides a computer program product. The computer program product includes a computer program that, when executed by a processor, implements the steps of the method described in any one of the first aspects.

[0050] The aforementioned method, apparatus, computer device, and storage medium for updating style layout information involves: acquiring style file information requested by the user; the style file information containing multiple style data for the target display page; parsing and adjusting each style data in the style file information according to a style file parsing strategy to obtain each target display style data; establishing a relationship between each target display style data based on the relationship between the current display style data in the current style layout information of the target display page; and updating the current style layout information of the target display page through all target display style data and the relationship between each target display style data. By acquiring the style file information requested by the user and parsing the style data in the style file information to replace the style data of the target display page on the mobile device, the style layout information of the target display page on the mobile device is updated, thereby avoiding the process of updating the style layout information of the mobile device's dynamic layout by re-editing the style code of the mobile device, thus improving the update efficiency of the style layout information of the mobile device's dynamic layout. Attached Figure Description

[0051] Figure 1 This is a flowchart illustrating a method for updating style layout information in one embodiment;

[0052] Figure 2 This is a flowchart illustrating an example of updating style layout information in another embodiment;

[0053] Figure 3 A structural block diagram of a device for updating style layout information in one embodiment;

[0054] Figure 4 This is an internal structural diagram of a computer device in one embodiment. Detailed Implementation

[0055] To make the objectives, technical solutions, and advantages of this application clearer, the following detailed description is provided in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the scope of this application.

[0056] The traditional method for updating the style layout information of a mobile dynamic layout is to re-edit the program code corresponding to the style layout information according to user needs, and then complete the update process after testing.

[0057] The style layout information updating method provided in this application can be applied to a terminal, a server, or a system including both a terminal and a server, and is implemented through interaction between the terminal and the server. The terminal can include, but is not limited to, various personal computers, laptops, tablets, etc. This terminal obtains the style file information required by the user and parses the style data in the style file information to replace the style data of the target display page on the mobile terminal, thus updating the style layout information of the target display page on the mobile terminal. This avoids the process of updating the style layout information of the mobile terminal's dynamic layout by re-editing the mobile terminal's style code, improving the efficiency of updating the style layout information of the mobile terminal's dynamic layout.

[0058] In one embodiment, such as Figure 1 As shown, a method for updating style layout information is provided. Taking the application of this method to a terminal as an example, the method includes the following steps:

[0059] Step S101: Obtain the style file information required by the user.

[0060] The style file information contains multiple style data for the target display page.

[0061] In this embodiment, the terminal generates a style file template for the target display page required by the user, as well as multiple style data required by the user, based on the user's needs. This style file template and all style data are then used as the style file information required by the user. The style data refers to the data information for each page style required by the user. Page styles can be categorized, but are not limited to, text styles, image styles, symbol styles, etc. Each type of page style corresponds to multiple different style data. For example, data for text styles with different fonts, sizes, and formats; data for image styles with different content, borders, and radii; data for symbol styles with different formats, identifiers, and colors, etc.

[0062] Step S102: According to the style file parsing strategy, parse and adjust the style data in the style file information to obtain the display style data of each target.

[0063] In this embodiment, the terminal parses each style data from the style file information according to the style file parsing strategy, and adjusts the attribute values ​​of each style data to obtain the target display style data corresponding to each style data. The specific processing procedure of the style file parsing strategy will be described in detail later.

[0064] Step S103: Based on the association between the current display style data in the current style layout information of the target display page, establish the association between each target display style data.

[0065] In this embodiment, the terminal establishes associations between various target display style data based on the associations between the current display style data in the style layout information of the target display page. These associations represent dynamic interaction behavior information between each display style data, used by the user to interact with different display style data. Examples of dynamic interaction behavior information include navigation, reuse, double-click to connect, and single-click to view.

[0066] Step S104: Update the current style layout information of the target display page through all target display style data and the relationship between each target display style data.

[0067] In this embodiment, the terminal replaces the original style layout information of the target display page with all target display style data and the relationships between them, thereby completing the update process of the target display page's style layout information. Then, the terminal displays the updated style layout information through the target display page.

[0068] Based on the above solution, by obtaining the style file information required by the user and parsing the style data in the style file information, the style data of the target display page on the mobile terminal is replaced, thereby completing the update of the style layout information of the target display page on the mobile terminal. This avoids the need for a complete update of the dynamic layout of the mobile terminal and improves the update efficiency of the style layout information of the dynamic layout of the mobile terminal.

[0069] Optionally, before obtaining the style file information required by the user, the following may also be included:

[0070] In response to the user's style layout change operation, the system uses a pre-established style layout information filtering strategy to determine the current style layout information corresponding to the style layout change operation from among the current style layout information on the mobile device, and then uses the display page corresponding to the current style layout information as the target display page.

[0071] In this embodiment, the terminal establishes a style layout information filtering strategy for multiple current style layout information on the mobile device. In response to the user's style layout change operation, the terminal uses this pre-established style layout information filtering strategy to select the current style layout information corresponding to the style layout change operation from among the current style layout information, and uses the display page corresponding to this current style layout information as the target display page.

[0072] Specifically, the process of establishing a style layout information filtering strategy is as follows: The terminal stores the style layout information of the mobile device by adding a RootView (view storage unit) and establishing a call correspondence between the RootView and each style layout information. The terminal binds a ViewManager (network view manager) to the RootView, receiving the user's style layout change command through the ViewManager and calling the style layout information that the user needs to change through the RootView. For example, upon receiving a user's style layout change operation, the terminal determines the current style layout information that the user needs to change through the ViewManager and calls the current style layout information that the user needs to change from the various current style layout information on the mobile device through the RootView. The current style layout information can correspond to one display page or multiple display pages. When the current style layout information corresponds to multiple display pages, the terminal can update the current style layout information corresponding to only one display page. The above steps can be implemented through the external interface layer.

[0073] Based on the above solution, by using a style layout information filtering strategy, the accuracy of updating the dynamic style layout information required by users on mobile devices is improved.

[0074] Optionally, obtaining the style file information required by the user includes: obtaining the user's update requirement information; the user's update requirement information includes style requirement information and layout requirement information; based on the layout requirement information, creating a style file template for the mobile terminal, and generating multiple initial style data based on the style requirement information; based on the layout requirement information, adding the identification information of the layout information corresponding to each initial style data to each initial style data to obtain each style data, and filling each style data into the style file template according to the identification information of the layout information corresponding to the initial style data to obtain the style file information required by the user.

[0075] In this embodiment, the terminal obtains user-configured style requirement information and layout requirement information. The style requirement information refers to the style information for which the user needs to replace the current display style in the style layout information, and the layout requirement information refers to the layout information for which the user needs to replace the current display style layout in the style layout information. Based on the layout requirement information, the terminal creates a style file template. The style file template is a template for the layout framework corresponding to each style data. Based on the style requirement information, the terminal generates multiple initial style data sets, and based on the layout requirement information, adds layout information identification information to each initial style data set. The layout requirement information contains the correspondence between each initial style data set and its corresponding layout information identification information, ensuring that the initial style data can be matched and filled into the style file template at its corresponding position. Similarly, through the above steps, the terminal adds layout information to each initial style data set and uses this initial style data with added layout information as style data. The terminal then fills each style data set into the style file template according to its corresponding position, obtaining the style file information required by the user. The style file information includes each style data and its layout information.

[0076] Based on the above solution, by establishing style file information, the efficiency of subsequently updating the style layout information of the target display page is improved.

[0077] Optionally, according to the style file parsing strategy, each style data in the style file information is parsed and adjusted to obtain each target display style data, including: obtaining the current style layout information of the target display page; the current style layout information includes each current display style data and the layout information of the current display style data; according to the data recursion strategy, parsing the attribute values ​​contained in each style data in the style file information, and querying the attribute values ​​of each current display style data in the style layout template; adjusting the attribute values ​​of the style data to the attribute values ​​of the current display style data corresponding to the layout information of the style data, to obtain the target display style data corresponding to each style data; the layout information of the target display style data is the same as the layout information of the style data corresponding to each target display style data.

[0078] In this embodiment, the terminal obtains the current style layout information of the target display page. This current style layout information includes each current display style data and the layout information for each current display style data. Following a data recursion strategy, the terminal parses the attribute values ​​contained in each style data in the style file information and queries the attribute values ​​of each current display style data in the style layout template. Based on the correspondence between the layout information of the style data and the layout information of the current display style, the terminal adjusts the attribute values ​​of the style data to match the attribute values ​​of the current display style data corresponding to the layout information of the style data, thus obtaining the target display style data corresponding to each style data. The layout information of the target display style data is the same as the layout information of the style data corresponding to each target display style data, and the layout information of the target display style data corresponds to the layout information of the current display style.

[0079] Specifically, by replacing the attribute values ​​of the target display style data with the attribute values ​​of the current display style, the definition of the DSL (i.e., attribute values) must first ensure consistency between the two platforms (i.e., the layout information of the target display style data corresponds to the layout information of the current display style data). The RN DSL definition (i.e., the attribute values ​​of the current display style) can be migrated over. React Native (a cross-platform mobile application development framework) chooses to smooth out the differences between the two platforms at the JS layer during implementation, so the migrated JSON (JavaScript Object Notation) definition needs to be smoothed out (i.e., replacing the attribute values ​​of the target display style data with the attribute values ​​of the current display style). The above steps can be used in the UI description layer.

[0080] Attribute values ​​can be, but are not limited to, length, font size, and images. Length depends on the system's native mechanism: Android uses dp, and iOS uses pt. Font size also depends on the system's native mechanism: Android uses sp, and iOS uses pt. Images depend on the system's native adaptation mechanism: Android adapts to mdpi / hdpi / xhdpi, and iOS adapts to 1x / 2x / 3x. The above steps can be used for the UI presentation layer.

[0081] The process of parsing the attribute values ​​contained in the implied data in the style file information is as follows: the terminal queries each style data according to the style template in the style file information according to the data recursion strategy, and takes the data value of the style data other than the layout information of the style data as the attribute value of the style data.

[0082] Based on the above scheme, by parsing and adjusting the style data in the style file information, the display style data of each target is obtained, thus providing a data foundation for subsequently updating the current display style data of the target display page.

[0083] Optionally, based on the association between the current display style data in the style layout information of the target display page, the association between each target display style data is established, including: obtaining the association between the current display style data in the style layout information of the target display page; and establishing the association between each target display style data based on the correspondence between the layout information of each current display style data and the layout information of the target display style data, as well as the association between the current display style data.

[0084] In this embodiment, the terminal obtains the interaction behaviors and interaction information between the current display style data in the style layout information of the target display page, and uses the interaction behaviors and interaction information between each target display style data as the association relationship between each current display style data. Based on the correspondence between the layout information of each current display style data and the layout information of the target display style data, the terminal uses the association relationship between the current display style data as the association relationship between the target display style data corresponding to the current display style data, thus obtaining the association relationship between each target display style data.

[0085] Specifically, layout dynamism has relatively weak dynamism in event interaction, requiring predefined event behaviors such as clicks and double-clicks. React Native internally implements a large number of event interaction behaviors that we can directly reuse, but we still need to define the behaviors ourselves, such as what link a clicked button should jump to. The above steps can be used for the UI presentation layer.

[0086] Based on the above scheme, by reusing the relationships between the current display style data, it is ensured that the updated style layout information can achieve the same functions as the style layout information before the update.

[0087] Optionally, the current style layout information of the target display page is updated based on all target display style data and the relationships between them. This includes: replacing each target display style data in the mobile device and rendering each target display style data; adjusting the association information of each target display style data in the current style layout information based on the relationships between them, thereby completing the update of the current style layout information of the target display page.

[0088] In this embodiment, the terminal, according to the correspondence between the layout information of the current display style data and the layout information of the target display style data, replaces each current display style data with the target display style data corresponding to the layout information of the current display style data. The terminal then renders and animates the target display style data on the target display page, ensuring that the target display style data can be displayed on the target display page. Based on the association between the target display style data, the terminal establishes identical associations between each target display style data in the style layout information, thereby updating the style layout information of the target display page. The terminal then displays the updated style layout information on the target display page.

[0089] Specifically, the rendering process relies on the rendering engine, and by drawing on the ideas of React Native, it chooses to use the system's native view rendering method for rendering.

[0090] Animation management is implemented by borrowing the concepts of React Native (View Storage Unit) and supports Frame animation, Spring animation, and Decay animation. The above steps can be used in the basic rendering layer.

[0091] Based on the above solution, the current style layout information of the target display page is updated by replacing the current display style data with the target display style data, thereby improving the update efficiency of the style layout information of the dynamic layout on the mobile device.

[0092] This application also provides an example of updating style layout information, such as Figure 3 As shown, the specific processing procedure includes the following steps:

[0093] Step S201: In response to the user's style layout change operation, the current style layout information corresponding to the style layout change operation is determined from the current style layout information on the mobile terminal through a pre-established style layout information filtering strategy, and the display page corresponding to the current style layout information is taken as the target display page.

[0094] Step S202: Obtain the user's update request information.

[0095] Step S203: Based on the layout requirements information, create a style file template for the mobile terminal, and generate multiple initial style data based on the style requirements information.

[0096] Step S204: Based on the layout requirement information, add the identification information of the layout information corresponding to each initial style data to each initial style data to obtain each style data, and fill each style data into the style file template according to the identification information of the layout information corresponding to the initial style data to obtain the style file information required by the user.

[0097] Step S205: Obtain the current style layout information of the target display page.

[0098] Step S206: According to the data recursion strategy, parse the attribute values ​​contained in each style data in the style file information, and query the attribute values ​​of each currently displayed style data in the style layout template.

[0099] Step S207: Adjust the attribute values ​​of the style data to the attribute values ​​of the current display style data that correspond to the layout information of the style data, so as to obtain the target display style data corresponding to each style data; the layout information of the target display style data is the same as the layout information of the style data corresponding to each target display style data.

[0100] Step S208: Obtain the association between the current display style data in the style layout information of the target display page.

[0101] Step S209: Based on the correspondence between the layout information of each current display style data and the layout information of the target display style data, as well as the association between the current display style data, establish the association between each target display style data.

[0102] Step S210: Replace the display style data of each target in the mobile terminal according to the display style data of each target, and render the display style data of each target.

[0103] Step S211: Based on the correlation of each target display style data, adjust the correlation information of each target display style data in the current style layout information to complete the update of the current style layout information of the target display page.

[0104] It should be understood that although the steps in the flowcharts of the embodiments described above are shown sequentially according to the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the embodiments described above may include multiple steps or multiple stages. These steps or stages are not necessarily completed at the same time, but can be executed at different times. The execution order of these steps or stages is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the steps or stages of other steps.

[0105] Based on the same inventive concept, this application also provides a style layout information updating apparatus for implementing the style layout information updating method described above. The solution provided by this apparatus is similar to the implementation described in the above method; therefore, the specific limitations in one or more style layout information updating apparatus embodiments provided below can be found in the limitations of the style layout information updating method described above, and will not be repeated here.

[0106] In one embodiment, such as Figure 3 As shown, a device for updating style layout information is provided, including: an acquisition module 310, a parsing module 320, an establishment module 330, and an update module 340, wherein:

[0107] The acquisition module 310 is used to acquire style file information required by the user; the style file information includes multiple style data of the target display page;

[0108] The parsing module 320 is used to parse and adjust each style data in the style file information according to the style file parsing strategy to obtain each target display style data;

[0109] The establishment module 330 is used to establish the association relationship between each target display style data according to the association relationship between the current display style data in the current style layout information of the target display page; the update module 340 is used to update the current style layout information of the target display page through all target display style data and the association relationship between each target display style data.

[0110] Optionally, the device further includes:

[0111] The response module is used to respond to the user's style layout change operation. Through a pre-established style layout information filtering strategy, it determines the current style layout information corresponding to the style layout change operation from the current style layout information on the mobile terminal, and uses the display page corresponding to the current style layout information as the target display page.

[0112] Optionally, the acquisition module 310 is specifically used for:

[0113] Obtain user update request information; the user update request information includes style request information and layout request information;

[0114] Based on the layout requirements, a style file template for the mobile terminal is created, and multiple initial style data are generated based on the style requirements.

[0115] Based on the layout requirement information, add the identification information of the layout information corresponding to each initial style data to obtain each style data, and fill each style data into the style file template according to the identification information of the layout information corresponding to the initial style data to obtain the style file information required by the user.

[0116] Optionally, the parsing module 320 is specifically used for:

[0117] Obtain the current style layout information of the target display page; the current style layout information includes each current display style data, and the layout information of the current display style data;

[0118] According to the data recursion strategy, the attribute values ​​contained in each style data in the style file information are parsed, and the attribute values ​​of each currently displayed style data in the style layout template are queried.

[0119] The attribute values ​​of the style data are adjusted to the attribute values ​​of the current display style data that correspond to the layout information of the style data, so as to obtain the target display style data corresponding to each style data; the layout information of the target display style data is the same as the layout information of the style data corresponding to each target display style data.

[0120] Optionally, the establishment module 330 is specifically used for:

[0121] Obtain the association between the current display style data in the style layout information of the target display page;

[0122] Based on the correspondence between the layout information of each current display style data and the layout information of the target display style data, as well as the association between the current display style data, an association relationship is established between each target display style data.

[0123] Optionally, the update module 340 is specifically used for:

[0124] Based on the target display style data, replace the target display style data in the mobile terminal, and render the target display style data.

[0125] Based on the correlation between the target display style data, adjust the correlation information of each target display style data in the current style layout information to complete the update of the current style layout information of the target display page.

[0126] Each module in the aforementioned style layout information updating device can be implemented entirely or partially through software, hardware, or a combination thereof. These modules can be embedded in or independent of the processor in a computer device, or stored in the memory of a computer device in software form, so that the processor can call and execute the operations corresponding to each module.

[0127] In one embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as follows: Figure 4 As shown, the computer device includes a processor, memory, communication interface, display screen, and input devices connected via a system bus. The processor provides computing and control capabilities. The memory includes non-volatile storage media and internal memory. The non-volatile storage media stores the operating system and computer programs. The internal memory provides an environment for the operation of the operating system and computer programs stored in the non-volatile storage media. The communication interface is used for wired or wireless communication with external terminals; wireless communication can be achieved through Wi-Fi, mobile cellular networks, NFC (Near Field Communication), or other technologies. When the computer program is executed by the processor, it implements a method for updating layout information. The display screen can be an LCD screen or an e-ink display screen. The input devices can be a touch layer covering the display screen, buttons, a trackball, or a touchpad located on the computer device casing, or an external keyboard, touchpad, or mouse.

[0128] Those skilled in the art will understand that Figure 4 The structure shown is merely a block diagram of a portion of the structure related to the present application and does not constitute a limitation on the computer device to which the present application is applied. Specific computer devices may include more or fewer components than those shown in the figure, or combine certain components, or have different component arrangements.

[0129] In one embodiment, a computer device is provided, including a memory and a processor, wherein the memory stores a computer program, and the processor executes the computer program to perform the following steps:

[0130] Obtain the style file information required by the user; the style file information includes multiple style data of the target display page;

[0131] According to the style file parsing strategy, each style data in the style file information is parsed and adjusted to obtain each target display style data;

[0132] Based on the association between the current display style data in the current style layout information of the target display page, establish the association between each target display style data;

[0133] The current style layout information of the target display page is updated by using all target display style data and the relationships between the target display style data.

[0134] Optionally, before obtaining the style file information required by the user, the method further includes:

[0135] In response to a user's style layout change operation, the system uses a pre-established style layout information filtering strategy to determine the current style layout information corresponding to the style layout change operation from among the current style layout information on the mobile device, and then uses the display page corresponding to the current style layout information as the target display page.

[0136] Optionally, obtaining the style file information required by the user includes:

[0137] Obtain user update request information; the user update request information includes style request information and layout request information;

[0138] Based on the layout requirements, a style file template for the mobile terminal is created, and multiple initial style data are generated based on the style requirements.

[0139] Based on the layout requirement information, add the identification information of the layout information corresponding to each initial style data to obtain each style data, and fill each style data into the style file template according to the identification information of the layout information corresponding to the initial style data to obtain the style file information required by the user.

[0140] Optionally, the step of parsing and adjusting the style data in the style file information according to the style file parsing strategy to obtain the target display style data includes:

[0141] Obtain the current style layout information of the target display page; the current style layout information includes each current display style data, and the layout information of the current display style data;

[0142] According to the data recursion strategy, the attribute values ​​contained in each style data in the style file information are parsed, and the attribute values ​​of each currently displayed style data in the style layout template are queried.

[0143] The attribute values ​​of the style data are adjusted to the attribute values ​​of the current display style data that correspond to the layout information of the style data, so as to obtain the target display style data corresponding to each style data; the layout information of the target display style data is the same as the layout information of the style data corresponding to each target display style data.

[0144] Optionally, establishing the association between each of the target display style data based on the association between the current display style data in the style layout information of the target display page includes:

[0145] Obtain the association between the current display style data in the style layout information of the target display page;

[0146] Based on the correspondence between the layout information of each current display style data and the layout information of the target display style data, as well as the association between the current display style data, an association relationship is established between each target display style data.

[0147] Optionally, updating the current style layout information of the target display page through all target display style data and the association between each target display style data includes:

[0148] Based on the target display style data, replace the target display style data in the mobile terminal, and render the target display style data.

[0149] Based on the correlation between the target display style data, adjust the correlation information of each target display style data in the current style layout information to complete the update of the current style layout information of the target display page.

[0150] In one embodiment, a computer-readable storage medium is provided having a computer program stored thereon, the computer program performing the following steps when executed by a processor:

[0151] Obtain the style file information required by the user; the style file information includes multiple style data of the target display page;

[0152] According to the style file parsing strategy, each style data in the style file information is parsed and adjusted to obtain each target display style data;

[0153] Based on the association between the current display style data in the current style layout information of the target display page, establish the association between each target display style data;

[0154] The current style layout information of the target display page is updated by using all target display style data and the relationships between the target display style data.

[0155] Optionally, before obtaining the style file information required by the user, the method further includes:

[0156] In response to a user's style layout change operation, the system uses a pre-established style layout information filtering strategy to determine the current style layout information corresponding to the style layout change operation from among the current style layout information on the mobile device, and then uses the display page corresponding to the current style layout information as the target display page.

[0157] Optionally, obtaining the style file information required by the user includes:

[0158] Obtain user update request information; the user update request information includes style request information and layout request information;

[0159] Based on the layout requirements, a style file template for the mobile terminal is created, and multiple initial style data are generated based on the style requirements.

[0160] Based on the layout requirement information, add the identification information of the layout information corresponding to each initial style data to obtain each style data, and fill each style data into the style file template according to the identification information of the layout information corresponding to the initial style data to obtain the style file information required by the user.

[0161] Optionally, the step of parsing and adjusting the style data in the style file information according to the style file parsing strategy to obtain the target display style data includes:

[0162] Obtain the current style layout information of the target display page; the current style layout information includes each current display style data, and the layout information of the current display style data;

[0163] According to the data recursion strategy, the attribute values ​​contained in each style data in the style file information are parsed, and the attribute values ​​of each currently displayed style data in the style layout template are queried.

[0164] The attribute values ​​of the style data are adjusted to the attribute values ​​of the current display style data that correspond to the layout information of the style data, so as to obtain the target display style data corresponding to each style data; the layout information of the target display style data is the same as the layout information of the style data corresponding to each target display style data.

[0165] Optionally, establishing the association between each of the target display style data based on the association between the current display style data in the style layout information of the target display page includes:

[0166] Obtain the association between the current display style data in the style layout information of the target display page;

[0167] Based on the correspondence between the layout information of each current display style data and the layout information of the target display style data, as well as the association between the current display style data, an association relationship is established between each target display style data.

[0168] Optionally, updating the current style layout information of the target display page through all target display style data and the association between each target display style data includes:

[0169] Based on the target display style data, replace the target display style data in the mobile terminal, and render the target display style data.

[0170] Based on the correlation between the target display style data, adjust the correlation information of each target display style data in the current style layout information to complete the update of the current style layout information of the target display page.

[0171] In one embodiment, a computer program product is provided, including a computer program that, when executed by a processor, performs the following steps:

[0172] Obtain the style file information required by the user; the style file information includes multiple style data of the target display page;

[0173] According to the style file parsing strategy, each style data in the style file information is parsed and adjusted to obtain each target display style data;

[0174] Based on the association between the current display style data in the current style layout information of the target display page, establish the association between each target display style data;

[0175] The current style layout information of the target display page is updated by using all target display style data and the relationships between the target display style data.

[0176] Optionally, before obtaining the style file information required by the user, the method further includes:

[0177] In response to a user's style layout change operation, the system uses a pre-established style layout information filtering strategy to determine the current style layout information corresponding to the style layout change operation from among the current style layout information on the mobile device, and then uses the display page corresponding to the current style layout information as the target display page.

[0178] Optionally, obtaining the style file information required by the user includes:

[0179] Obtain user update request information; the user update request information includes style request information and layout request information;

[0180] Based on the layout requirements, a style file template for the mobile terminal is created, and multiple initial style data are generated based on the style requirements.

[0181] Based on the layout requirement information, add the identification information of the layout information corresponding to each initial style data to obtain each style data, and fill each style data into the style file template according to the identification information of the layout information corresponding to the initial style data to obtain the style file information required by the user.

[0182] Optionally, the step of parsing and adjusting the style data in the style file information according to the style file parsing strategy to obtain the target display style data includes:

[0183] Obtain the current style layout information of the target display page; the current style layout information includes each current display style data, and the layout information of the current display style data;

[0184] According to the data recursion strategy, the attribute values ​​contained in each style data in the style file information are parsed, and the attribute values ​​of each currently displayed style data in the style layout template are queried.

[0185] The attribute values ​​of the style data are adjusted to the attribute values ​​of the current display style data that correspond to the layout information of the style data, so as to obtain the target display style data corresponding to each style data; the layout information of the target display style data is the same as the layout information of the style data corresponding to each target display style data.

[0186] Optionally, establishing the association between each of the target display style data based on the association between the current display style data in the style layout information of the target display page includes:

[0187] Obtain the association between the current display style data in the style layout information of the target display page;

[0188] Based on the correspondence between the layout information of each current display style data and the layout information of the target display style data, as well as the association between the current display style data, an association relationship is established between each target display style data.

[0189] Optionally, updating the current style layout information of the target display page through all target display style data and the association between each target display style data includes:

[0190] Based on the target display style data, replace the target display style data in the mobile terminal, and render the target display style data.

[0191] Based on the correlation between the target display style data, adjust the correlation information of each target display style data in the current style layout information to complete the update of the current style layout information of the target display page.

[0192] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties.

[0193] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. The computer program can be stored in a non-volatile computer-readable storage medium, and when executed, it can include the processes of the embodiments of the above methods. Any references to memory, databases, or other media used in the embodiments provided in this application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM). The databases involved in the embodiments provided in this application may include at least one type of relational database and non-relational database. Non-relational databases may include, but are not limited to, blockchain-based distributed databases. The processors involved in the embodiments provided in this application may be general-purpose processors, central processing units, graphics processing units, digital signal processors, programmable logic devices, quantum computing-based data processing logic devices, etc., and are not limited to these.

[0194] The technical features of the above embodiments can be combined in any way. For the sake of brevity, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0195] The embodiments described above are merely illustrative of several implementation methods of this application, and while the descriptions are specific and detailed, they should not be construed as limiting the scope of this patent application. It should be noted that those skilled in the art can make various modifications and improvements without departing from the concept of this application, and these all fall within the protection scope of this application. Therefore, the protection scope of this application should be determined by the appended claims.

Claims

1. A method for updating style layout information, characterized in that, The method includes: Obtain user update request information; the user update request information includes style request information and layout request information; Based on the layout requirements, a style file template for the mobile terminal is created, and multiple initial style data are generated based on the style requirements. Based on the layout requirement information, the identifier information of the layout information corresponding to each initial style data is added to each initial style data to obtain each style data. Each style data is then filled into the style file template according to the identifier information of the layout information corresponding to the initial style data to obtain the style file information required by the user. The style file information contains multiple style data of the target display page. According to the style file parsing strategy, each style data in the style file information is parsed and adjusted to obtain each target display style data; Obtain the association between the current display style data in the style layout information of the target display page; Based on the correspondence between the layout information of each current display style data and the layout information of the target display style data, as well as the association between the current display style data, an association relationship is established between each target display style data. The current style layout information of the target display page is updated by using all target display style data and the relationships between the target display style data. The step of parsing and adjusting the style data in the style file information according to the style file parsing strategy to obtain the target display style data includes: Obtain the current style layout information of the target display page; the current style layout information includes each current display style data, and the layout information of the current display style data; According to the data recursion strategy, the attribute values ​​contained in each style data in the style file information are parsed, and the attribute values ​​of each currently displayed style data in the style layout template are queried. The attribute values ​​of the style data are adjusted to the attribute values ​​of the current display style data that correspond to the layout information of the style data, so as to obtain the target display style data corresponding to each style data; the layout information of the target display style data is the same as the layout information of the style data corresponding to each target display style data.

2. The method according to claim 1, characterized in that, Before obtaining the style file information required by the user, the process also includes: In response to a user's style layout change operation, the system uses a pre-established style layout information filtering strategy to determine the current style layout information corresponding to the style layout change operation from among the current style layout information on the mobile device, and then uses the display page corresponding to the current style layout information as the target display page.

3. The method according to claim 1, characterized in that, The step of updating the current style layout information of the target display page through all target display style data and the correlation between each target display style data includes: Based on the target display style data, replace the target display style data in the mobile terminal, and render the target display style data. Based on the correlation between the target display style data, adjust the correlation information of each target display style data in the current style layout information to complete the update of the current style layout information of the target display page.

4. A device for updating style layout information, characterized in that, The device includes: An acquisition module is used to acquire user update request information; the user update request information includes style request information and layout request information; based on the layout request information, a mobile terminal style file template is created, and multiple initial style data are generated based on the style request information; based on the layout request information, identification information corresponding to each initial style data is added to each initial style data to obtain each style data, and each style data is filled into the style file template according to the identification information of the layout information corresponding to the initial style data to obtain the user-required style file information; the style file information contains multiple style data of the target display page; The parsing module is used to parse and adjust the style data in the style file information according to the style file parsing strategy to obtain the target display style data; A module is established to obtain the association relationship between the current display style data in the style layout information of the target display page; based on the correspondence between the layout information of each current display style data and the layout information of the target display style data, and the association relationship between the current display style data, an association relationship is established between each target display style data; the association relationship is the interaction behavior relationship between each current display style data. The update module is used to update the current style layout information of the target display page by using all target display style data and the correlation between the target display style data. The parsing module is specifically used to obtain the current style layout information of the target display page; the current style layout information includes each current display style data and the layout information of the current display style data; according to the data recursion strategy, it parses the attribute values ​​contained in each style data in the style file information and queries the attribute values ​​of each current display style data in the style layout template; it adjusts the attribute values ​​of the style data to the attribute values ​​of the current display style data corresponding to the layout information of the style data, thereby obtaining the target display style data corresponding to each style data; the layout information of the target display style data is the same as the layout information of the style data corresponding to each target display style data.

5. A computer device comprising a memory and a processor, wherein the memory stores a computer program, characterized in that, When the processor executes the computer program, it implements the steps of the method according to any one of claims 1 to 3.

6. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by a processor, it implements the steps of the method according to any one of claims 1 to 3.

7. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the steps of the method according to any one of claims 1 to 3.

Images