A method, system, terminal and medium for dynamically adjusting content display of a Web application program

By identifying user preference categories and dynamically retrieving template engines, the problem that traditional web applications cannot adjust content display according to user needs is solved, personalized and dynamic content display is achieved, and user experience and application adaptability is improved.

CN119739926APending Publication Date: 2025-04-01浪潮智慧科技有限公司 +1
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202411941392.1
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-12-26
Publication Date
2025-04-01

AI Technical Summary

Technical Problem

Traditional web applications lack a dynamic response mechanism to user behavior and real-time state, resulting in content display being unable to be flexibly adjusted according to users' specific needs and preferences, and cannot meet the needs of modern web applications for personalized, dynamic and intelligent display.

Method used

By collecting user behavior data, identifying user preference categories, and dynamically recalling the corresponding template engine to display the content based on the status code category and user preference categories feedback from the backend.

Benefits of technology

It realizes dynamic adjustment of content display form according to user preferences, improves the efficiency of users to obtain required information, reduces invalid browsing and search time, and improves the efficiency and adaptability of applications.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119739926A_ABST
    Figure CN119739926A_ABST
Patent Text Reader

Abstract

The present invention belongs to the field of Web application programs, and specifically discloses a method, system, terminal and medium for dynamically adjusting the content display of a Web application program, which collects user behavior data, identifies user preference categories according to the user behavior data; obtains a status code fed back by a back end, and parses the status code category; if the status code category is a non-information status code, calls a non-information status code template engine to display the feedback non-information content; if the status code category is an information status code, identifies the content category of the feedback information content; compares the user preference category with the identified content category, and calls a corresponding information status code template engine according to the comparison result to display the information content. The present invention can adjust the content display form according to user preferences, and improve the efficiency of application use.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present invention belongs to the field of Web application programs, and in particular relates to a method, system, terminal and medium for dynamically adjusting the display of content of a Web application program. Background Art

[0002] Traditional Web applications follow unchanging display logic and rules, and display content to users according to established processes without considering users' specific needs and preferences. They lack flexibility in content display, which leads to the content display method of Web applications relying on pre-designed fixed templates and static page layouts. This display mode has the defect of not being able to be flexibly adjusted according to users' real-time behavior and system status.

[0003] Due to the lack of dynamic response mechanisms to user behavior and real-time status, the information displayed to users by traditional Web applications in different situations may not meet the actual needs or preferences of users at present. For example, when users are looking for a specific type of information, if the application still displays content irrelevant to the user's needs according to preset rules, it wastes the user's time and energy. As user needs and preferences continue to change, traditional fixed templates and static page layouts cannot meet the needs of modern Web applications for personalized, dynamic and intelligent display. Summary of the invention

[0004] To solve the above problems, the present invention provides a method, system, terminal and medium for dynamically adjusting the content display of a Web application, which can adjust the content display format according to user preferences and improve the efficiency of application use.

[0005] In a first aspect, the technical solution of the present invention provides a method for dynamically adjusting the content display of a Web application, comprising the following steps: Collect user behavior data and identify user preference categories based on the user behavior data; Get the status code fed back by the backend and parse the status code category; If the status code category is a non-information status code, the non-information status code template engine is called to display the feedback non-information content; If the status code category is an information status code, the content category of the feedback information content is identified; The user preference category is compared with the identified content category, and the corresponding information status code template engine is called according to the comparison result to display the information content.

[0006] In an optional implementation, collecting user behavior data and identifying user preference categories based on the user behavior data specifically includes: Use the API provided by the front-end framework to collect user behavior data, including page browsing frequency, clicks, dwell time, and page content; Preprocess user behavior data; The preprocessed user behavior data is clustered and analyzed to obtain the user's preference categories and the degree of preference for each preference category.

[0007] In an optional implementation, before collecting user behavior data, the following steps are also included: Use front-end JavaScript code to obtain basic information about the device, including screen size, resolution, and operating system; According to the basic information of the device, the adapted non-information status code template engine and information status code template engine are called and stored locally.

[0008] In an optional implementation, the content category of the feedback information is identified, specifically including: Process the feedback information content in segments; Perform word segmentation on each piece of feedback information content; The word segmentation results are input into a pre-trained deep neural network model for content category recognition to obtain the content category of each segment of feedback information content.

[0009] In an optional implementation, the user preference category is compared with the identified content category, and the corresponding information status code template engine is called according to the comparison result to display the information content, specifically including: detecting whether the user preference category includes the identified content category; If not, select an appropriate information status code template engine to display the information content according to the number of identified content categories; If so, record the identified content category included in the user preference category as the target content category, and sort the target content category according to the preference degree of the corresponding user preference category; According to the sorting results, an appropriate information status code template engine is selected to display the information content.

[0010] In an optional implementation, calling a non-information status code template engine to display the feedback non-information content specifically includes: Detect non-information status code categories; If it is a success status code, the success status template engine is called to display the success status content; If it is a redirect status code, the redirect status template engine is called to display the redirect status content; If it is a client error status code, the client error status template engine is called to display the client error status content; If it is a server error status code, the server error status template engine is called to display the server error status content.

[0011] In a second aspect, the technical solution of the present invention provides a system for dynamically adjusting content display of a Web application, comprising: A user preference category identification module, used to collect user behavior data and identify user preference categories based on the user behavior data; The status code category identification module is used to obtain the status code fed back by the backend and parse the status code category; A non-information content display module is used to call a non-information status code template engine to display the feedback non-information content if the status code category is a non-information status code; An information content category identification module, used to identify the content category of the feedback information content if the status code category is an information status code; The information content display module is used to compare the user preference category with the identified content category, and call the corresponding information status code template engine according to the comparison result to display the information content.

[0012] In an optional embodiment, it also includes: The template engine storage module is used to use the front-end JavaScript code to obtain the basic information of the device, including screen size, resolution, and operating system; according to the basic information of the device, the adapted non-information status code template engine and information status code template engine are called and stored locally.

[0013] In a third aspect, the technical solution of the present invention provides a terminal, including: A memory, used for storing a program for dynamically adjusting the display of content of a Web application; The processor is used to implement the steps of any one of the above-mentioned methods for dynamically adjusting the content display of a Web application program when executing the program for dynamically adjusting the content display of the Web application program.

[0014] In a fourth aspect, the technical solution of the present invention provides a computer-readable storage medium, on which a Web application content display dynamic adjustment program is stored. When the Web application content display dynamic adjustment program is executed by a processor, the steps of the Web application content display dynamic adjustment method as described in any of the above items are implemented.

[0015] The method, system, terminal and medium for dynamically adjusting the content display of a Web application provided by the present invention have the following beneficial effects compared with the prior art: firstly, user behavior data is collected to classify the user's preference, and then the display form of the back-end feedback content is dynamically adjusted according to the user's preference category, so that the user can obtain the required information more quickly and accurately, reducing the time of invalid browsing and searching, and improving the efficiency of the user's use of the application. At the same time, compared with the traditional fixed template and static page layout, the dynamic template engine is adopted, which can intelligently select and display the corresponding content according to the status code category and user preference category of the back-end feedback, so that the Web application can better adapt to the user needs in different situations, and improve the availability and adaptability of the application. BRIEF DESCRIPTION OF THE DRAWINGS In order to more clearly illustrate the technical solution of the present invention, the accompanying drawings required for use in the description will be briefly introduced below. Obviously, the accompanying drawings in the following description are only some embodiments of the present invention. For ordinary technicians in this field, other accompanying drawings can be obtained based on these accompanying drawings without paying creative work.

[0016] Figure 1 A schematic diagram of a flow chart of a method for dynamically adjusting content display of a Web application provided by an embodiment of the present invention.

[0017] Figure 2 A schematic block diagram of the structure of a system for dynamically adjusting content display of a Web application provided by an embodiment of the present invention.

[0018] Figure 3 A schematic diagram of the structure of a terminal provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0019] In order to make the purpose, features and advantages of the present invention more obvious and easy to understand, the technical scheme of the present invention will be clearly and completely described below in conjunction with the drawings in this specific embodiment. Obviously, the embodiments described below are only part of the embodiments of the present invention, not all of them. Based on the embodiments in this patent, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this patent.

[0020] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as those commonly understood by those skilled in the art of the present invention. The terms used in the specification of the present invention herein are only for the purpose of describing specific embodiments and are not intended to limit the present invention.

[0021] Figure 1A schematic diagram of a method for dynamically adjusting the content display of a Web application provided by an embodiment of the present invention. Figure 1 The execution subject may be a system for dynamically adjusting the content display of a Web application. The method for dynamically adjusting the content display of a Web application provided in the embodiment of the present invention is executed by a computer device, and accordingly, the system for dynamically adjusting the content display of a Web application runs in the computer device. According to different requirements, the order of the steps in the flowchart may be changed, and some may be omitted.

[0022] like Figure 1 As shown, the method includes the following steps.

[0023] S0, use the front-end JavaScript code to obtain the basic information of the device, call the adapted non-information status code template engine and information status code template engine according to the basic information of the device, and store them locally.

[0024] This embodiment pre-stores a template engine that matches the local device locally. The basic information of the device includes screen size, resolution, and operating system. The locally stored template engine matches the device information. Subsequently, a template engine that matches the current feedback is screened from the locally stored template engines for calling.

[0025] S1, collect user behavior data and identify user preference categories based on the user behavior data.

[0026] S1.1, use the API provided by the front-end framework to collect user behavior data.

[0027] This embodiment collects user behavior data, including page browsing frequency, clicks, dwell time, and page content, through the API (application programming interface) provided by the front-end framework. Based on these user behavior data, user preferences are classified to identify the types of data that users prefer, such as news, history, and economy.

[0028] S1.2, preprocess user behavior data.

[0029] Preprocessing includes data cleaning and removing invalid and redundant data to improve the accuracy and efficiency of subsequent classification.

[0030] S1.3, cluster analysis is performed on the preprocessed user behavior data to obtain the user's preference categories and the preference degree of each preference category.

[0031] This embodiment uses a machine learning algorithm to perform cluster analysis on users based on user behavior data to identify different user preference categories.

[0032] S2, obtains the status code fed back by the backend and parses the status code category.

[0033] HTTP status code is part of the HTTP protocol and is used to inform the client of the processing status of the request. HTTP status code is a three-digit code used to indicate the result of the server's processing of the client request. These numbers are divided into different categories according to specific rules and meanings. Generally divided into the following 5 categories: 1xx (information status code): indicates that the request has been received and is being processed. 2xx (success status code): indicates that the request is processed normally. 3xx (redirection status code): indicates that further action is required to complete the request, usually used to redirect to another URL. 4xx (client error status code): indicates that there is an error in the request sent by the client. 5xx (server error status code): indicates that an error occurred when the server was processing the request.

[0034] This embodiment analyzes the status code category and classifies the status code into information status codes containing information content and non-information status codes containing no information content. According to the different status code categories, the template engine is dynamically called in combination with the specific status code and user preference content.

[0035] S3: If the status code category is a non-information status code, the non-information status code template engine is called to display the feedback non-information content.

[0036] The non-information status code includes multiple different categories, and the corresponding non-information status code template engine is called according to the specific category to display the non-information content. Specifically, the following steps are included.

[0037] S3.1, detect non-information status code categories.

[0038] S3.2, if it is a success status code, the success status template engine is called to display the success status content.

[0039] S3.3, if it is a redirect status code, the redirect status template engine is called to display the redirect status content.

[0040] S3.4, if it is a client error status code, the client error status template engine is called to display the client error status content.

[0041] S3.5, if it is a server error status code, the server error status template engine is called to display the server error status content.

[0042] It should be noted that various types of template engines adapted to the local device have been pre-stored locally. After parsing the non-information status code, the corresponding template engine is called to display the feedback results.

[0043] S4: If the status code category is an information status code, then the content category of the feedback information content is identified.

[0044] S4.1, process the feedback information content in segments.

[0045] S4.2, perform word segmentation on each piece of feedback information content.

[0046] S4.3, input the word segmentation processing results into a pre-trained deep neural network model for content category recognition, and obtain the content category of each segment of feedback information content.

[0047] This step analyzes the information content to obtain the content categories included in the information content. This embodiment uses a pre-trained deep neural network model to identify the content categories. First, the feedback information content is segmented and then word segmentation is performed. The pre-trained deep neural network model is used to process the word segmentation results to obtain content category identification. The content categories may include news, history, economy, etc.

[0048] S5, comparing the user preference category with the identified content category, and calling the corresponding information status code template engine according to the comparison result to display the information content.

[0049] S5.1, detecting whether the user preference category includes the identified content category.

[0050] S5.2, if not, select an adapted information status code template engine according to the number of identified content categories to display the information content.

[0051] S5.3, if yes, record the identified content category included in the user preference category as the target content category, and sort the target content category according to the preference degree of the corresponding user preference category.

[0052] S5.4, select an appropriate information status code template engine according to the sorting result to display the information content.

[0053] The information content fed back by the back end may belong to the user's preference category, or it may not belong to the user's preference category. If it does not belong to the user's preference category, select an adapted information status code template engine according to the number of identified content categories to display the information content. If it belongs to the user's preference category, select a suitable template engine after sorting according to the preference program of the user's preference category. The content categories include news and history, and the user's preference categories also include news and history, and the preference for news is higher than that for history. Select a template engine that can display news content better than history content for feedback display, so that users can more effectively view more interesting content.

[0054] An embodiment of a method for dynamically adjusting content display of a Web application is described in detail above. Based on the method for dynamically adjusting content display of a Web application described in the above embodiment, an embodiment of the present invention further provides a system for dynamically adjusting content display of a Web application corresponding to the method.

[0055] Figure 2 A schematic block diagram of the structure of a Web application content display dynamic adjustment system provided in an embodiment of the present invention. In this embodiment, the Web application content display dynamic adjustment system 200 can be divided into multiple functional modules according to the functions it performs. The module referred to in the present invention refers to a series of computer program segments that can be executed by at least one processor and can complete fixed functions, which are stored in a memory.

[0056] The user preference category identification module 210 is used to collect user behavior data and identify user preference categories based on the user behavior data.

[0057] The status code category identification module 220 is used to obtain the status code fed back by the back end and parse the status code category.

[0058] The non-information content display module 230 is used to call the non-information status code template engine to display the feedback non-information content if the status code category is a non-information status code.

[0059] The information content category identification module 240 is used to identify the content category of the feedback information content if the status code category is an information status code.

[0060] The information content display module 250 is used to compare the user preference category with the identified content category, and to call the corresponding information status code template engine according to the comparison result to display the information content.

[0061] In an optional embodiment, the system 200 also includes a template engine storage module 260, which is used to use the front-end JavaScript code to obtain basic information of the device, including screen size, resolution, and operating system; and to call the adapted non-information status code template engine and information status code template engine according to the basic information of the device, and store them locally.

[0062] The Web application content display dynamic adjustment system of this embodiment is used to implement the aforementioned Web application content display dynamic adjustment method. Therefore, the specific implementation method of the system can be seen in the embodiment part of the Web application content display dynamic adjustment method in the previous text. Therefore, its specific implementation method can refer to the description of the corresponding embodiments of each part, which will not be introduced in detail here.

[0063] In addition, since the Web application content display dynamic adjustment system of this embodiment is used to implement the aforementioned Web application content display dynamic adjustment method, its function corresponds to that of the aforementioned method, which will not be described in detail here.

[0064] Figure 3 A schematic diagram of the structure of a terminal 300 provided in an embodiment of the present invention includes: a processor 310, a memory 320 and a communication unit 330. The processor 310 is used to implement the following steps when implementing a dynamic adjustment program for displaying web application content stored in the memory 320: Collect user behavior data and identify user preference categories based on the user behavior data; Get the status code fed back by the backend and parse the status code category; If the status code category is a non-information status code, the non-information status code template engine is called to display the feedback non-information content; If the status code category is an information status code, the content category of the feedback information content is identified; The user preference category is compared with the identified content category, and the corresponding information status code template engine is called according to the comparison result to display the information content.

[0065] The terminal 300 includes a processor 310, a memory 320 and a communication unit 330. These components communicate via one or more buses. It can be understood by those skilled in the art that the structure of the server shown in the figure does not constitute a limitation of the present invention, and it can be a bus structure or a star structure, and can also include more or less components than shown in the figure, or combine certain components, or arrange the components differently.

[0066] The memory 320 can be used to store the execution instructions of the processor 310, and the memory 320 can be implemented by any type of volatile or non-volatile storage terminal or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk or optical disk. When the execution instructions in the memory 320 are executed by the processor 310, the terminal 300 can perform some or all of the steps in the following method embodiments.

[0067] The processor 310 is the control center of the storage terminal, and uses various interfaces and lines to connect various parts of the entire electronic terminal. It runs or executes software programs and / or modules stored in the memory 320, and calls data stored in the memory to perform various functions of the electronic terminal and / or process data. The processor can be composed of an integrated circuit (IC), for example, it can be composed of a single packaged IC, or it can be composed of multiple packaged ICs with the same or different functions. For example, the processor 310 can only include a central processing unit (CPU). In the embodiment of the present invention, the CPU can be a single computing core or multiple computing cores.

[0068] The communication unit 330 is used to establish a communication channel so that the storage terminal can communicate with other terminals, receive user data sent by other terminals or send user data to other terminals.

[0069] The present invention also provides a computer storage medium, wherein the storage medium may be a magnetic disk, an optical disk, a read-only memory (ROM) or a random access memory (RAM).

[0070] The computer storage medium stores a Web application content display dynamic adjustment program, and when the Web application content display dynamic adjustment program is executed by a processor, the following steps are implemented: Collect user behavior data and identify user preference categories based on the user behavior data; Get the status code fed back by the backend and parse the status code category; If the status code category is a non-information status code, the non-information status code template engine is called to display the feedback non-information content; If the status code category is an information status code, the content category of the feedback information content is identified; The user preference category is compared with the identified content category, and the corresponding information status code template engine is called according to the comparison result to display the information content.

[0071] Those skilled in the art can clearly understand that the technology in the embodiments of the present invention can be implemented by means of software plus a necessary general hardware platform. Based on this understanding, the technical solution in the embodiments of the present invention, in essence or in other words, the part that contributes to the prior art, can be embodied in the form of a software product, which is stored in a storage medium such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a disk or an optical disk, and other media that can store program codes, including several instructions for enabling a computer terminal (which can be a personal computer, a server, or a second terminal, a network terminal, etc.) to execute all or part of the steps of the methods described in each embodiment of the present invention.

[0072] In the several embodiments provided by the present invention, it should be understood that the disclosed systems, devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0073] The units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

[0074] In addition, each functional unit in each embodiment of the present invention may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.

[0075] The above description of the disclosed embodiments enables one skilled in the art to implement or use the present invention. Various modifications to these embodiments will be apparent to one skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present invention. Therefore, the present invention will not be limited to the embodiments shown herein, but rather to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A method for dynamically adjusting the content display of a Web application, characterized in that: The following steps are involved: Collect user behavior data and identify user preference categories based on the user behavior data; Get the status code fed back by the backend and parse the status code category; If the status code category is a non-information status code, the non-information status code template engine is called to display the feedback non-information content; If the status code category is an information status code, the content category of the feedback information content is identified; The user preference category is compared with the identified content category, and the corresponding information status code template engine is called according to the comparison result to display the information content.

2. The method for dynamically adjusting the content display of a Web application according to claim 1, characterized in that: Collect user behavior data and identify user preference categories based on user behavior data, including: Use the API provided by the front-end framework to collect user behavior data, including page browsing frequency, clicks, dwell time, and page content; Preprocess user behavior data; The preprocessed user behavior data is clustered and analyzed to obtain the user's preference categories and the degree of preference for each preference category.

3. The method for dynamically adjusting the content display of a Web application according to claim 1 or 2, characterized in that: Before collecting user behavior data, the following steps are also included: Use front-end JavaScript code to obtain basic information about the device, including screen size, resolution, and operating system; According to the basic information of the device, the adapted non-information status code template engine and information status code template engine are called and stored locally.

4. The method for dynamically adjusting the content display of a Web application according to claim 3, characterized in that: Identify the content category of feedback information, including: Process the feedback information content in segments; Perform word segmentation on each piece of feedback information content; The word segmentation results are input into a pre-trained deep neural network model for content category recognition to obtain the content category of each segment of feedback information content.

5. The method for dynamically adjusting the content display of a Web application according to claim 4, characterized in that: Compare the user preference category with the identified content category, and call the corresponding information status code template engine according to the comparison result to display the information content, including: detecting whether the user preference category includes the identified content category; If not, select an appropriate information status code template engine to display the information content according to the number of identified content categories; If so, record the identified content category included in the user preference category as the target content category, and sort the target content category according to the preference degree of the corresponding user preference category; According to the sorting results, an appropriate information status code template engine is selected to display the information content.

6. The method for dynamically adjusting the content display of a Web application according to claim 3, characterized in that: The non-information status code template engine is called to display the feedback non-information content, including: Detect non-information status code categories; If it is a success status code, the success status template engine is called to display the success status content; If it is a redirect status code, the redirect status template engine is called to display the redirect status content; If it is a client error status code, the client error status template engine is called to display the client error status content; If it is a server error status code, the server error status template engine is called to display the server error status content.

7. A system for dynamically adjusting content display of a Web application, characterized in that: include: A user preference category identification module, used to collect user behavior data and identify user preference categories based on the user behavior data; The status code category identification module is used to obtain the status code fed back by the backend and parse the status code category; A non-information content display module is used to call a non-information status code template engine to display the feedback non-information content if the status code category is a non-information status code; An information content category identification module, used for identifying the content category of the feedback information content if the status code category is an information status code; The information content display module is used to compare the user preference category with the identified content category, and call the corresponding information status code template engine according to the comparison result to display the information content.

8. The Web application content display dynamic adjustment system according to claim 7, characterized in that: Also includes: The template engine storage module is used to obtain basic information about the device, including screen size, resolution, and operating system, using front-end JavaScript code; According to the basic information of the device, the adapted non-information status code template engine and information status code template engine are called and stored locally.

9. A terminal, characterized in that: include: A memory, used for storing a program for dynamically adjusting the display of content of a Web application; The processor is used to implement the steps of the method for dynamically adjusting the content display of a Web application program as claimed in any one of claims 1 to 6 when executing the program for dynamically adjusting the content display of a Web application program.

10. A computer-readable storage medium, characterized in that: The readable storage medium stores a Web application content display dynamic adjustment program, and when the Web application content display dynamic adjustment program is executed by the processor, the steps of the Web application content display dynamic adjustment method according to any one of claims 1 to 6 are implemented.