A multi-front page dynamic building implementation method
By building functional pages and style templates in the management backend, configuring and parsing template code according to user groups, and dynamically generating personalized homepage content, the problem of lack of personalization in traditional static homepage design is solved, improving user experience and information acquisition efficiency.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- BEIJING BAILONG MAYUN TECH CO LTD
- Filing Date
- 2024-06-28
- Publication Date
- 2026-07-07
Smart Images

Figure CN118861414B_ABST
Abstract
Description
Technical Field
[0001] This invention relates to the field of mobile application technology, and more specifically, to a method for dynamically building multiple homepages. Background Technology
[0002] With the explosive growth of internet information, users face an increasingly serious problem of information overload. In this context, traditional static homepage designs can no longer meet user needs because they lack personalization and targeting, often requiring users to spend a significant amount of time browsing and filtering information. To address this issue, dynamic homepages have become a highly sought-after solution.
[0003] The multi-homepage dynamic building method aims to provide users with personalized and customized content recommendations, enabling them to quickly obtain the information they need. Its core idea is to dynamically generate homepage content based on various factors such as user interests, behavioral history, and geographical location, in order to maximize user satisfaction. Summary of the Invention
[0004] This invention addresses the technical problems existing in the prior art by providing a method for dynamically building multiple homepages, thereby resolving the issues raised in the background section.
[0005] The technical method of the present invention to solve the above-mentioned technical problems is as follows: A method for dynamically building multiple homepages, specifically including the following steps:
[0006] Step 101: In the application's management backend, build a functional page for setting up each module of the homepage, and create templates to display personalized content. By providing a preview function in the functional page, you can view the effect of the template in real time.
[0007] Step 102: In the management backend, configure the style templates for different user groups by grouping users.
[0008] Step 103: Apply cold start based on user configuration, obtain the style template corresponding to the current user, apply it to the homepage module, parse the template code, set the style of the homepage module according to the style attributes defined in the template, and display the homepage module after the template code is parsed and applied.
[0009] In a preferred embodiment, in step 101, a functional page for setting various modules of the homepage is built in the application's management backend, and style templates are created to display personalized content. By providing a preview function in the functional page, the effect of the template can be viewed in real time. Through customized and personalized homepage display, user attention is attracted, and user satisfaction and stickiness are improved. The specific steps are as follows:
[0010] Step A1: Design the functional page: Create a functional page for setting up the various modules on the homepage. Ensure that the page has a clear layout and a user-friendly interface, so that the homepage modules can be easily managed and configured.
[0011] Step A2, Define Modules: On the function page, define the type and function of each homepage module. The homepage modules include carousel, recommended content, product display, and latest news. Ensure that each module can display personalized content and provide corresponding configuration options.
[0012] Step A3: Create style templates: Create style templates in the management backend to display personalized content, and ensure that each template has a unique identifier;
[0013] Step A4, Preview Function: Provide a preview function on the function page to view the effect of the template in real time, and design a save and publish button to save these templates and apply them to the homepage. By showing the effect of users' modifications to the template style and content in real time, users can quickly adjust and optimize, improving work efficiency.
[0014] In a preferred embodiment, the specific steps for displaying personalized content in step A3, creating a style template, are as follows:
[0015] Step A301, Personalized Content Settings: The template provides settings options to customize the personalized content of each module, including images, text, and links, to ensure that each module can display content that meets the requirements;
[0016] Step A302, Style Settings: Provide style setting options for the template of each module. By adjusting the style of the module, including color, font, size, and spacing, the administrator can ensure that the administrator can personalize the style settings of each module according to the needs.
[0017] In a preferred embodiment, in step 102, the style templates are configured for different user groups in the management backend. This is done through user grouping to ensure that each user can obtain a style template suitable for them. By providing customized style templates for different user groups, user preferences and needs are better met, improving user experience and satisfaction. The specific steps are as follows:
[0018] Step B1, User Grouping: Create user groups in the management backend. Based on users' registration information, purchase records, and browsing history data, classify users and set a name and description for each user group to ensure that the group definition is clear and easy to associate with users and style templates later.
[0019] Step B2, Associate Users and Style Templates: For each user group, configure the style template through the configuration options in the management interface, associate each user with the corresponding user group, and ensure that each user has multiple associated groups;
[0020] Step B3: Apply style templates: When a user visits the application, the style template associated with the user is obtained based on the user's group information, and the obtained user style template is applied to the page that is seen. By providing customized style templates for different user groups, user engagement and activity are enhanced.
[0021] In a preferred embodiment, step B1, user grouping, involves creating user groups in the management backend and classifying users based on their registration information, purchase records, and browsing history data. This further includes the following steps:
[0022] Step B101, Data Analysis: Analyze user registration information, purchase records, and browsing history data to extract user age, gender, geographical location, registration time, purchase frequency, purchase amount, and browsed product categories;
[0023] Step B102: Create Grouping Rules: Based on the data analysis results, determine the classification criteria according to user attributes and behavioral characteristics, and create grouping rules by age, geographic location, and purchase frequency.
[0024] Step B103: Apply Grouping Rules: Apply the created grouping rules to the user data. Use the automation tools in the backend management interface to assign users who meet the rules to the corresponding groups, ensuring timely updates of user data and group adjustments. Name each user group and provide a description to ensure that administrators and other team members can clearly understand the meaning and characteristics of each group.
[0025] In a preferred embodiment, in step 103, the application cold start is performed according to the user's configuration, the style template corresponding to the current user is obtained, it is applied to the homepage module, the template code is parsed, and the style of the homepage module is set according to the various style attributes defined in the template. After the template code parsing and application are completed, the homepage module after application is displayed. The specific steps are as follows:
[0026] Step C1: When a user visits for the first time, the application is cold-started according to the user's configuration. The style template associated with the user is applied to the homepage module. The application cold start means that when the user visits the application for the first time, some configuration information is reloaded and initialized to ensure that the user can use the application smoothly and provide a good user experience.
[0027] Step C2: Parse the code of the style template, locate and identify each module in the template by module ID, and set the style of the homepage module according to the various style attributes defined in the template;
[0028] Step C3: Add keywords after the style attributes defined in the template to give the style attribute the highest priority, taking precedence over other ordinary styles. After the template code is parsed and applied, the homepage module after application will be displayed, and the user's access time will be updated so that it can be determined whether to apply cold start again on the next visit.
[0029] In a preferred embodiment, step C2, which involves parsing the code of the style template, further includes the following steps:
[0030] Step C201: Parse the style template: Based on the style template associated in the user configuration, parse the template file and extract the style attributes and module ID;
[0031] Step C202: Use the module ID to locate the position and attributes of the homepage module, ensure that the module to which the style is to be applied is correctly identified and selected, and apply the style attributes extracted from the style template to the homepage module.
[0032] The beneficial effects of this invention are as follows: A functional page for setting up various modules on the homepage is built in the application's management backend, and templates are created to display personalized content. A preview function is provided on the functional page to allow real-time viewing of the template's effect. In the management backend, style templates are configured for different user groups through user grouping. Based on the user's configuration, the application performs a cold start, obtains the style template corresponding to the current user, applies it to the homepage module, and parses the template code. The style of the homepage module is set according to the style attributes defined in the template. After the template code parsing and application are completed, the applied homepage module is displayed. The management backend achieves style diversification by adjusting the module order and configuring the module display style. By providing personalized and customized content recommendations, users can more quickly obtain the information they need. Attached Figure Description
[0033] Figure 1 This is a flowchart of the method of the present invention. Detailed Implementation
[0034] The technical methods in the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this application, and not all embodiments. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.
[0035] In the description of this application, the terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of indicated technical features. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of the stated features. In the description of this application, "multiple" means two or more, unless otherwise explicitly specified.
[0036] In the description of this application, the term "for example" is used to mean "used as an example, illustration, or description." Any embodiment described as "for example" in this application is not necessarily to be construed as being more preferred or advantageous than other embodiments. The following description is provided to enable any person skilled in the art to make and use the invention. Details are set forth in the following description for purposes of explanation. It should be understood that those skilled in the art will recognize that the invention can be made without using these specific details. In other instances, well-known structures and processes will not be described in detail to avoid obscuring the description of the invention with unnecessary detail. Therefore, the invention is not intended to be limited to the embodiments shown, but is consistent with the broadest scope of the principles and features disclosed in this application.
[0037] Example 1
[0038] This embodiment provides, for example Figure 1 The method shown here for dynamically building multiple homepages includes the following steps:
[0039] Step 101: In the application's management backend, build a functional page for setting up each module of the homepage, and create templates to display personalized content. By providing a preview function in the functional page, you can view the effect of the template in real time.
[0040] Step 102: In the management backend, configure the style templates for different user groups by grouping users.
[0041] Step 103: Apply cold start based on user configuration, obtain the style template corresponding to the current user, apply it to the homepage module, parse the template code, set the style of the homepage module according to the style attributes defined in the template, and display the homepage module after the template code is parsed and applied.
[0042] Preferably, in step 101, a functional page for setting up each module of the homepage is built in the application's management backend, and a style template is created to display personalized content. By providing a preview function in the functional page, the effect of the template can be viewed in real time. The specific steps are as follows:
[0043] Step A1: Design the functional page: Create a functional page for setting up the various modules on the homepage. Ensure that the page has a clear layout and a user-friendly interface, so that the homepage modules can be easily managed and configured.
[0044] Step A2, Define Modules: On the function page, define the type and function of each homepage module. The homepage modules include carousel, recommended content, product display, and latest news. Ensure that each module can display personalized content and provide corresponding configuration options.
[0045] Step A3: Create style templates: Create style templates in the management backend to display personalized content, and ensure that each template has a unique identifier that represents a variation of different layouts, colors, and font styles;
[0046] Step A4, Preview Function: Provide a preview function on the function page to view the effect of the template in real time, and design a save and publish button to save these templates and apply them to the homepage.
[0047] Preferably, in step A3, creating a style template, the specific steps for displaying personalized content are as follows:
[0048] Step A301, Personalized Content Settings: The template provides settings options to customize the personalized content of each module, including images, text, and links, to ensure that each module can display content that meets the requirements;
[0049] Step A302, Style Settings: Provide style setting options for the template of each module. By adjusting the style of the module, including color, font, size, and spacing, the administrator can ensure that the administrator can personalize the style settings of each module according to the needs.
[0050] Preferably, in step 102, in the management backend, style templates are configured for different user groups through user grouping to ensure that each user can obtain a style template suitable for them. The specific steps are as follows:
[0051] Step B1, User Grouping: Create user groups in the management backend. Based on users' registration information, purchase records, and browsing history data, classify users and set a name and description for each user group to ensure that the group definition is clear and easy to associate with users and style templates later.
[0052] Step B2, Associate Users and Style Templates: For each user group, configure the style template through the configuration options in the management interface, associate each user with the corresponding user group, and ensure that each user has multiple associated groups;
[0053] Step B3, Apply style template: When a user visits the application, the style template associated with the user is obtained based on the user's group information, and the obtained user style template is applied to the page that is seen.
[0054] Preferably, in step B1, user grouping, user groups are created in the management backend, and users are categorized based on their registration information, purchase records, and browsing history data. This further includes the following steps:
[0055] Step B101, Data Analysis: Analyze user registration information, purchase records, and browsing history data to extract user age, gender, geographical location, registration time, purchase frequency, purchase amount, and browsed product categories;
[0056] Step B102: Create Grouping Rules: Based on the data analysis results, determine the classification criteria according to user attributes and behavioral characteristics, and create grouping rules by age, geographic location, and purchase frequency.
[0057] Step B103: Apply Grouping Rules: Apply the created grouping rules to the user data. Use the automation tools in the backend management interface to assign users who meet the rules to the corresponding groups, ensuring timely updates of user data and group adjustments. Name each user group and provide a description to ensure that administrators and other team members can clearly understand the meaning and characteristics of each group.
[0058] Preferably, in step 103, the application cold start is performed according to the user's configuration, the style template corresponding to the current user is obtained, it is applied to the homepage module, the template code is parsed, and the style of the homepage module is set according to the various style attributes defined in the template. After the template code parsing and application are completed, the homepage module after application is displayed. The specific steps are as follows:
[0059] Step C1: When a user visits for the first time, the application is cold-started according to the user's configuration. The style template associated with the user is applied to the homepage module. The application cold start means that when the user visits the application for the first time, some configuration information is reloaded and initialized to ensure that the user can use the application smoothly and provide a good user experience.
[0060] Step C2: Parse the code of the style template, locate and identify each module in the template by module ID, and set the style of the homepage module according to the various style attributes defined in the template;
[0061] Step C3: Add keywords after the style attributes defined in the template to give the style attribute the highest priority, taking precedence over other ordinary styles. After the template code is parsed and applied, the homepage module after application will be displayed, and the user's access time will be updated so that it can be determined whether to apply cold start again on the next visit.
[0062] Preferably, the parsing of the style template code in step C2 further includes the following steps:
[0063] Step C201: Parse the style template: Based on the style template associated in the user configuration, parse the template file and extract the style attributes and module ID;
[0064] Step C202: Use the module ID to locate the position and attributes of the homepage module, ensure that the module to which the style is to be applied is correctly identified and selected, and apply the style attributes extracted from the style template to the homepage module.
[0065] It should be noted that the descriptions of each embodiment in the above embodiments have different focuses. For parts that are not described in detail in a certain embodiment, please refer to the relevant descriptions in other embodiments.
[0066] Those skilled in the art will understand that embodiments of the present invention can be provided as methods, systems, or computer program products. Therefore, the present invention can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present invention can take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.
[0067] This invention is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded computer, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart illustrations. Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.
[0068] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.
[0069] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.
[0070] Although preferred embodiments of the invention have been described, those skilled in the art, upon learning the basic inventive concept, can make other changes and modifications to these embodiments. Therefore, the appended claims are intended to be interpreted as including both the preferred embodiments and all changes and modifications falling within the scope of the invention.
[0071] Obviously, those skilled in the art can make various modifications and variations to this invention without departing from its spirit and scope. Therefore, if these modifications and variations fall within the scope of the claims of this invention and their equivalents, this invention also intends to include these modifications and variations.
Claims
1. A method for dynamically building multiple homepages, characterized in that, Specifically, the following steps are included: Step 101: In the application's management backend, build a functional page for setting up each module of the homepage, and create templates to display personalized content. By providing a preview function in the functional page, you can view the effect of the template in real time. Step 102: In the management backend, configure the style templates for different user groups by grouping users. Step 103: Apply cold start based on user configuration, obtain the style template corresponding to the current user, parse the template code, set the style of the homepage module according to the style attributes defined in the template, and display the homepage module after the template code is parsed and applied. In step 102, the style templates are configured for different user groups in the management backend, using user grouping. The specific steps are as follows: Step B1, User Grouping: Create user groups in the management backend. Based on users' registration information, purchase records, and browsing history data, classify users and set a name and description for each user group to facilitate subsequent association with users and style templates. Step B2, Associate Users and Style Templates: For each user group, configure the style template through the configuration options in the management interface, associate each user with the corresponding user group, and ensure that each user has multiple associated groups; Step B3, Apply style template: When a user visits the application, the style template associated with the user is obtained based on the user's group information, and the obtained user style template is applied to the page that is seen. In step 103, the application is cold-started according to the user's configuration, the style template corresponding to the current user is obtained, the template code is parsed, and the style of the homepage module is set according to the various style attributes defined in the template. After the template code parsing and application are completed, the homepage module after application is displayed. The specific steps are as follows: Step C1: When a user visits for the first time, perform a cold start based on the user's configuration and apply the style template associated with the user to the homepage module. Step C2: Parse the code of the style template, locate and identify each module in the template by module ID, and set the style of the homepage module according to the various style attributes defined in the template; Step C3: Add keywords after the style attributes defined in the template to give the style attribute the highest priority, taking precedence over other ordinary styles. After the template code is parsed and applied, the homepage module after application will be displayed, and the user's access time will be updated so that it can be determined whether to apply cold start again on the next visit.
2. The method for dynamically building multiple homepages according to claim 1, characterized in that: In step 101, a functional page for setting up each module of the homepage is built in the application's management backend, and a style template is created to display personalized content. By providing a preview function in the functional page, the effect of the template can be viewed in real time. The specific steps are as follows: Step A1: Design the functional page: Create a functional page for setting up the various modules of the homepage, which can manage and configure the homepage modules; Step A2, Define Modules: On the function page, define the type and function of each homepage module. The homepage modules include carousel, recommended content, product display, and latest news, and provide corresponding configuration options. Step A3: Create style templates: Create style templates in the management backend to display personalized content, and ensure that each template has a unique identifier; Step A4, Preview Function: Provide a preview function on the function page to view the effect of the template in real time, and design a save and publish button to save these templates and apply them to the homepage.
3. The method for dynamically building multiple homepages according to claim 2, characterized in that, In step A3, creating a style template, the specific steps for displaying personalized content are as follows: Step A301, Personalized Content Settings: The template provides settings options to customize the personalized content of each module, including images, text, and links; Step A302, Style Settings: Provide style setting options for the template of each module. By adjusting the style of the module, you can personalize the style of each module.
4. The method for dynamically building multiple homepages according to claim 1, characterized in that, In step B1, user grouping, user groups are created in the management backend. Based on users' registration information, purchase records, and browsing history data, users are categorized, which further includes the following steps: Step B101, Data Analysis: Analyze user registration information, purchase records, and browsing history data to extract user age, gender, geographical location, registration time, purchase frequency, purchase amount, and browsed product categories; Step B102: Create Grouping Rules: Based on the data analysis results, determine the classification criteria according to user attributes and behavioral characteristics, and create grouping rules by age, geographic location, and purchase frequency. Step B103: Apply grouping rules: Apply the created grouping rules to the user data, and use the automation tools in the backend management interface to assign users who meet the rules to the corresponding groups.
5. The method for dynamically building multiple homepages according to claim 1, characterized in that, Step C2, which involves parsing the code of the style template, further includes the following steps: Step C201: Parse the style template: Based on the style template associated in the user configuration, parse the template file and extract the style attributes and module ID; Step C202: Use the module ID to locate the position and attributes of the homepage module, and apply the style attributes extracted from the style template to the homepage module.