Web-based card page insertion implementation method
By sorting the card data in case-sensitive English letters in the first English letters in the insert card page of the SACS software, and providing search and common label functions, it solves the difficulty of users when selecting card data and improves operation efficiency.
Patent Information
- Application Number
- CN202411834776.3
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-12-13
- Publication Date
- 2025-05-06
AI Technical Summary
In the SACS software insert card page, users encounter difficulties when selecting card data, especially when there is a lot of card data, they need to slide the page to find specific data, which is not very efficient in operation.
By implementing the case-sensitive English alphabetical order of the first English letters of the card data list in the insert card page, and providing a card header search box and commonly used tag areas, users can find and select card data more conveniently.
It reduces the difficulty of users selecting card data on the insert card page, improves operation efficiency, and enables users to find the required card data more quickly.
Smart Images
Figure CN119938191A_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the field of computer technology, and in particular to a method for implementing a Web-based card insertion page. Background Art
[0002] SACS offshore structural analysis software can be applied to the analysis and design of the entire life cycle of wind turbine foundations, including construction analysis, construction and installation, in-situ design, and decommissioning analysis. It can perform load simulation of offshore wind turbine systems, as well as dynamic response analysis of wind turbine loads, foundation structure wind loads, and foundation structure environmental loads. Regarding the card data module of SACS software, when the user opens the insert card page and prepares to select insert card data, there is only the "sort in alphabetical order" function option on the insert card page. The user checks the "sort in alphabetical order" function, and the card data is sorted in alphabetical order. However, when there are a lot of card data, it is difficult for the user to select the card data on the insert card page. It takes a while to slide the page to find the desired card data, and the operation efficiency is not high. Summary of the invention
[0003] The following is a summary of the subject matter of the detailed description of the present disclosure. This summary is not intended to limit the scope of the claims.
[0004] The disclosed embodiment provides a Web-based method for implementing an insert card page, which can reduce the difficulty of a target object selecting card data on an insert card page and improve the efficiency of a target object selecting card data on an insert card page.
[0005] An embodiment of the first aspect of the present disclosure is a method for implementing a web-based insert card page, comprising:
[0006] In response to a request from a target object to open an insert card page, displaying the insert card page in a software interface, wherein the insert card page includes a card area;
[0007] In response to a request to obtain a card data list in the card area, the card data list is obtained from a database, the card data list is sorted in alphabetical order of the first English letter, and the sorted card data list is displayed in the card area.
[0008] According to certain embodiments of the first aspect of the present disclosure, the insert card page includes a card header search box, and the Web-based insert card page implementation method further includes:
[0009] In response to a query request by the target object based on a search keyword input in the card header search box, a card data result is obtained from the database and the card data result is displayed in the card area.
[0010] According to certain embodiments of the first aspect of the present disclosure, the insert card page includes a common label area, and the Web-based insert card page implementation method further includes:
[0011] In response to a request to obtain a common tag in the common tag area, obtaining the common tag from the database and displaying it in the common tag area;
[0012] In response to a query request from the target object to select the common tag for query, a card data result is obtained from the database, and the card data result is displayed in the card area.
[0013] According to certain embodiments of the first aspect of the present disclosure, in response to a query request by the target object based on a search keyword input in the card header search box, obtaining a card data result from the database, and displaying the card data result in the card area includes:
[0014] The search keyword in the card header search box is read, a query statement is constructed using the find method of MongoDB in combination with the query field, the query is executed and the card data result is returned, and the card data result is displayed in the card area.
[0015] According to certain embodiments of the first aspect of the present disclosure, the Web-based card insertion page implementation method further includes:
[0016] The query method is intercepted by the AOP aspect in Spring Boot, and the card data query operation in the query method and the card header corresponding to the card data query operation are recorded in the query log of the database;
[0017] Read the card header corresponding to the card data query operation in the query log to perform statistical analysis, calculate the card headers whose query volume is before the preset ranking, use the card headers whose query volume is before the preset ranking as the common tags, and store the common tags in the database;
[0018] The card headers corresponding to the card data query operations in the query log are read regularly to perform the statistical analysis, the card headers whose query volume is before the preset ranking are calculated, the card headers whose query volume is before the preset ranking are used as the common tags, and the common tags are updated to the database.
[0019] According to certain embodiments of the first aspect of the present disclosure, in response to a query request in which the target object selects the commonly used tag for query, obtaining a card data result from the database, and displaying the card data result in the card area includes:
[0020] The commonly used tags selected by the target object are read, a query statement is constructed using the find method of MongoDB in combination with a query field, the query is executed and the card data result is returned, and the card data result is displayed in the card area.
[0021] According to certain embodiments of the first aspect of the present disclosure, in response to a request to obtain a card data list in the card area, obtaining the card data list from a database, sorting the card data list in case-sensitive English alphabetical order of the first English letter, and displaying the sorted card data list in the card area, comprises:
[0022] The card data list is obtained from the database using the find method of MongoDB, and then the sort method of MongoDB is added to the query. The locale parameter and the caseLevel parameter are set through the collation method of MongoDB to specify the sorting rule of the case-sensitive alphabetical order of the first English letter, and the sorted card data list is returned and displayed in the card area.
[0023] An embodiment of the second aspect of the present disclosure is an electronic device, the electronic device comprising a memory and a processor, the memory storing a computer program, and the processor implementing the above-mentioned Web-based card insertion page implementation method when executing the computer program.
[0024] An embodiment of the third aspect of the present disclosure is a storage medium, wherein the storage medium stores a computer program, and when the computer program is executed by a processor, the Web-based card insertion page implementation method as described above is implemented.
[0025] The disclosed embodiment includes at least the following beneficial effects: in response to a request from a target object to open an insert card page, the insert card page is displayed in a software interface, wherein the insert card page includes a card area; in response to a request to obtain a card data list in the card area, the card data list is obtained from a database, the card data list is sorted in alphabetical order of the first English letter that is case-sensitive, and the sorted card data list is displayed in the card area. In the card area of the insert card page, the card data list is sorted in alphabetical order of the first English letter that is case-sensitive, and when the target object searches for card data based on a certain first English letter, the case of English letters is distinguished, and the range of card data that the target object searches for can be narrowed, which can reduce the difficulty of the target object selecting card data on the insert card page and improve the efficiency of the target object selecting card data on the insert card page.
[0026] Other features and advantages of the present disclosure will be set forth in the following description, and in part will be apparent from the description, or may be learned by practicing the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS
[0027] The accompanying drawings are used to provide further understanding of the technical solution of the present disclosure and constitute a part of the specification. Together with the embodiments of the present disclosure, they are used to explain the technical solution of the present disclosure and do not constitute a limitation on the technical solution of the present disclosure.
[0028] Figure 1 An optional flow chart of a method for implementing a Web-based card insertion page provided in an embodiment of the present disclosure;
[0029] Figure 2 The embodiments of the present disclosure provide Figure 1 An optional flowchart of step 102;
[0030] Figure 3 An optional flow chart of a method for implementing a Web-based card insertion page provided in an embodiment of the present disclosure;
[0031] Figure 4 The embodiments of the present disclosure provide Figure 3 An optional flowchart of step 301 in FIG.
[0032] Figure 5 An optional flow chart of a method for implementing a Web-based card insertion page provided in an embodiment of the present disclosure;
[0033] Figure 6 The embodiments of the present disclosure provide Figure 5 An optional flowchart of step 502;
[0034] Figure 7 An optional flowchart of a Web-based card insertion page implementation method provided in an embodiment of the present disclosure. DETAILED DESCRIPTION
[0035] In order to make the purpose, technical solution and advantages of the present disclosure more clear, the present disclosure is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present disclosure and are not used to limit the present disclosure.
[0036] It should be noted that in various specific embodiments of the present disclosure, when it comes to the need to perform relevant processing based on data related to the characteristics of the target object such as the target object attribute information or attribute information set, the permission or consent of the target object will be obtained first, and the collection, use and processing of these data will comply with relevant laws, regulations and standards. Among them, the target object can be a user. In addition, when the embodiment of the present disclosure needs to obtain the attribute information of the target object, the separate permission or separate consent of the target object will be obtained through a pop-up window or by jumping to a confirmation page. After clearly obtaining the separate permission or separate consent of the target object, the necessary target object-related data used to enable the normal operation of the embodiment of the present disclosure will be obtained.
[0037] In the embodiments of the present disclosure, the term "module" or "unit" refers to a computer program or a part of a computer program with a predetermined function, and works together with other related parts to achieve a predetermined goal, and can be implemented in whole or in part by using software, hardware (such as processing circuits or memories) or a combination thereof. Similarly, a processor (or multiple processors or memories) can be used to implement one or more modules or units. In addition, each module or unit can be part of an overall module or unit that includes the function of the module or unit.
[0038] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as those commonly understood by those skilled in the art to which the present disclosure belongs. The terms used herein are only for the purpose of describing the embodiments of the present disclosure and are not intended to limit the present disclosure.
[0039] To facilitate understanding of the technical solution provided by the embodiments of the present disclosure, some key terms used in the embodiments of the present disclosure are explained here:
[0040] Aspect Oriented Programming (AOP) is a programming concept that is a supplement to object-oriented programming. Aspect-oriented programming can dynamically and uniformly add additional functions to the program without modifying the source code.
[0041] The embodiments of the present disclosure are further described below in conjunction with the accompanying drawings.
[0042] Reference Figure 1 As shown, Figure 1 An optional flow chart of a Web-based insert card page implementation method provided in an embodiment of the present disclosure, the Web-based insert card page implementation method includes but is not limited to steps 101 to 102, and each step is introduced in turn below.
[0043] Step 101: In response to a request from a target object to open an insert card page, the insert card page is displayed in a software interface.
[0044] Specifically, the target object opens an insert card page in the software interface. In response to the target object's request to open the insert card page, the insert card page is acquired and displayed in the software interface. The insert card page includes a card area.
[0045] Step 102: In response to a request to obtain a card data list in the card area, obtain the card data list from the database, sort the card data list in alphabetical order of the first English letter, and display the sorted card data list in the card area.
[0046] Specifically, in response to a request from a target object to open an insert card page, the insert card page is displayed in a software interface, wherein the insert card page includes a card area. In response to a request to obtain a card data list in the card area, the card data list is obtained from a database, the card data list is sorted in alphabetical order of the first English letter, and the sorted card data list is displayed in the card area.
[0047] Reference Figure 2 As shown, Figure 2 The embodiments of the present disclosure provide Figure 1 An optional flowchart of step 102, in response to a request to obtain a card data list in a card area, obtains the card data list from a database, sorts the card data list in alphabetical order based on the case of the first English letter, and displays the sorted card data list in the card area, including but not limited to the following steps 201 to 203.
[0048] Step 201: Use the find method of MongoDB to obtain a card data list from the database.
[0049] Step 202: Then add the sort method of MongoDB to the query, and set the locale parameter and the caseLevel parameter of the collation method of MongoDB to specify the sorting rule of sorting in the case-sensitive English alphabetical order of the first English letter.
[0050] Step 203: Return the sorted card data list to be displayed in the card area.
[0051] Specifically, MongoDB is a database based on distributed file storage. The database used in the Web-based card insertion page implementation method is the MongoDB database. Good database design is one of the key factors to ensure system stability and response speed. Using the MongoDB database is more suitable for processing large-scale unstructured or semi-structured data sets. Using the database's own find method, sort method, and collation method can bring better performance.
[0052] Specifically, in response to a request to obtain a card data list in the card area, the MongoDB find method is used to obtain the card data list from the database, and then the MongoDB sort method is added to the query, and the locale parameter and caseLevel parameter are set through the MongoDB collation method to specify the sorting rule of case-sensitive alphabetical order of the first English letter, and the sorted card data list is returned and displayed in the card area.
[0053] Among them, use MongoDB's find method to query the card data list from the database, then add MongoDB's sort method to the query for sorting, and set the sorting rules through MongoDB's collation method. The locale parameter is used to set the regional language, and the caseLevel parameter is used to set whether to be case-sensitive. Set the caseLevel parameter to case-sensitive to sort the card data list.
[0054] Specifically, the target object opens the insert card page in the software interface, wherein the insert card page includes a card area, on which is displayed a list of card data sorted in alphabetical order according to the case of the first English letter. When the target object searches for card data based on a certain first English letter, the case of the English letters is distinguished, so that the scope of the card data sought by the target object can be narrowed, which can reduce the difficulty of the target object in selecting card data on the insert card page and improve the efficiency of the target object in selecting card data on the insert card page.
[0055] It can be seen that in response to the target object's request to open the insert card page, the insert card page is displayed in the software interface, wherein the insert card page includes a card area; in response to the request to obtain a card data list in the card area, the card data list is obtained from the database, the card data list is sorted in alphabetical order of the first English letter that is case-sensitive, and the sorted card data list is displayed in the card area. In the card area of the insert card page, the card data list is sorted in alphabetical order of the first English letter that is case-sensitive. When the target object searches for card data based on a certain first English letter, the case of English letters is distinguished, and the range of card data that the target object searches for can be narrowed, which can reduce the difficulty of the target object in selecting card data on the insert card page and improve the efficiency of the target object in selecting card data on the insert card page.
[0056] In some embodiments, the insert card page includes a card header search box, referring to Figure 3 As shown, Figure 3 An optional flow chart of a Web-based method for implementing an insert card page provided in an embodiment of the present disclosure, the Web-based method for implementing an insert card page also includes but is not limited to the following step 301.
[0057] Step 301: In response to a query request by a target object based on a search keyword input in a card header search box, obtain card data results from a database and display the card data results in a card area.
[0058] Specifically, the target object opens the insert card page in the software interface, wherein the insert card page includes a card header search box, and the target object enters a search keyword in the card header search box to query the corresponding card data. In response to the query request of the target object based on the search keyword entered in the card header search box, the card data result is obtained from the database and displayed in the card area.
[0059] Specifically, after the target object opens the insert card page in the software interface, he directly enters the search keyword in the card header search box to query, and then the card data that the target object wants to select is displayed in the card area. The target object does not need to slide the card data list in the card area to find the card data, which can reduce the difficulty of the target object selecting card data in the card area and improve the efficiency of the target object selecting card data in the card area.
[0060] Reference Figure 4 As shown, Figure 4 The embodiments of the present disclosure provide Figure 3An optional flowchart of step 301, in response to a query request by a target object based on a search keyword input in a card header search box, obtains card data results from a database, and displays the card data results in a card area, including but not limited to the following steps 401 to 403.
[0061] Step 401: Read the search keyword in the card header search box.
[0062] Step 402: Use the find method of MongoDB in combination with the query field to construct a query statement.
[0063] Step 403: execute the query and return the card data result, and display the card data result in the card area.
[0064] Specifically, after the target object enters the search keyword in the card header search box for query, in response to the target object's query request based on the search keyword entered in the card header search box, the search keyword in the card header search box is read, the MongoDB find method is used in combination with the query field to construct a query statement, the query is executed in the database and the card data results are returned, and the card data results are displayed in the card area.
[0065] In some embodiments, the insert card page includes a common tab area, refer to Figure 5 As shown, Figure 5 An optional flow chart of a Web-based method for implementing an insert card page provided in an embodiment of the present disclosure. The Web-based method for implementing an insert card page also includes but is not limited to the following steps 501 to 502.
[0066] Step 501: In response to a request to obtain common tags in a common tag area, common tags are obtained from a database and displayed in the common tag area.
[0067] Step 502: In response to a query request from a target object to select a commonly used tag for query, obtain card data results from a database, and display the card data results in a card area.
[0068] Specifically, the target object opens the insert card page in the software interface, wherein the insert card page includes a common tag area. In response to a request to obtain common tags in the common tag area, common tags are obtained from a database and displayed in the common tag area. The target object selects a common tag in the common tag area to query the card data to be selected. In response to a query request for the target object to select a common tag for query, the card data result is obtained from the database and displayed in the card area.
[0069] Specifically, after the target object opens the insert card page in the software interface, he or she directly selects a commonly used tag in the commonly used tag area for query, and the card data that the target object wants to select is displayed in the card area. The target object does not need to slide the card data list in the card area to find the card data, which can reduce the difficulty of the target object selecting card data in the card area and improve the efficiency of the target object selecting card data in the card area.
[0070] Reference Figure 6 As shown, Figure 6 The embodiments of the present disclosure provide Figure 5 An optional flowchart of step 502, in response to a query request of the target object selecting a common tag for query, obtaining card data results from the database, and displaying the card data results in the card area, including but not limited to the following steps 601 to 603.
[0071] Step 601: Read the commonly used tags selected by the target object.
[0072] Step 602: Use the find method of MongoDB in combination with the query field to construct a query statement.
[0073] Step 603: execute the query and return the card data result, and display the card data result in the card area.
[0074] Specifically, after the target object selects a common tag for query in the common tag area, in response to the query request of the target object selecting a common tag for query, the common tags selected by the target object are read, the find method of MongoDB is used in combination with the query field to construct a query statement, the query is executed in the database and the card data results are returned, and the card data results are displayed in the card area.
[0075] In some embodiments, reference Figure 7 As shown, Figure 7 This is an optional flow chart of a Web-based method for implementing an insert card page provided in an embodiment of the present disclosure. The Web-based method for implementing an insert card page also includes but is not limited to the following steps 701 to 703.
[0076] Step 701: intercept the query method through the AOP aspect in Spring Boot, and record the card data query operation in the query method and the card header corresponding to the card data query operation into the query log of the database.
[0077] Step 702: Read the card headers corresponding to the card data query operations in the query log for statistical analysis, calculate the card headers whose query volume is before the preset ranking, use the card headers whose query volume is before the preset ranking as common tags, and store the common tags in the database.
[0078] Step 703: Regularly read the card headers corresponding to the card data query operations in the query log for statistical analysis, calculate the card headers whose query volume is before the preset ranking, use the card headers whose query volume is before the preset ranking as common tags, and update the common tags to the database.
[0079] Among them, Spring Boot is a Spring-based framework that aims to simplify the configuration and development process of Spring applications. Through automatic configuration and the principle of convention over configuration, it enables developers to quickly build independent, production-level applications. AOP refers to aspect-oriented programming, which can dynamically and uniformly add additional functions to the program without modifying the source code.
[0080] Specifically, after the target object enters the search keyword in the card header search box for query, or after the target object selects the commonly used tags for query, the query method is intercepted through the AOP aspect in Spring Boot, and the card data query operation in the query method and the card header corresponding to the card data query operation are recorded in the query log of the database. The card header corresponding to the card data query operation in the query log is read for statistical analysis, and the card headers with query volume before the preset ranking are calculated, wherein the query volume of the card header is sorted from high to low. The card headers with query volume before the preset ranking are used as commonly used tags, and the commonly used tags are stored in the database. After the commonly used tags are stored in the database, it is possible to obtain commonly used tags from the database and display them in the commonly used tags area. After the target object uses the card header search box or commonly used tags to query card data for a period of time, the card header that the target object queries based on the card header search box or selects commonly used tags for query usually changes. At this time, the commonly used tags in the commonly used tags area need to be updated to match the target object's recent query habits, so that the target object can query card data more conveniently. Regularly read the card headers corresponding to the card data query operations in the query log for statistical analysis, calculate the card headers with query volumes before the preset ranking, use the card headers with query volumes before the preset ranking as common tags, and update the common tags to the database.
[0081] It is understandable that the card headers with high query volume are most likely to be the card data that the target object needs to query. By counting the card headers with query volume before the preset ranking, and displaying them to the target object as common tags, the target object can query the required card data faster, thereby improving the query efficiency of the target object for card data. In addition, AOP aspects can monitor and log query behaviors without modifying the source code. Using AOP aspects is more flexible than hard coding.
[0082] In some embodiments, in response to a request from a target object to open an insert card page, an insert card page is displayed in a software interface, wherein the insert card page includes a card header search box, a commonly used tag area, and a card area, and the card header search box, the commonly used tag area, and the card area are displayed in the insert card page in order from top to bottom. The insert card page can reduce the difficulty of the target object in selecting card data on the insert card page and improve the efficiency of the target object in selecting card data on the insert card page.
[0083] In some embodiments, in response to a request from a target object to open an insert card page, an insert card page is displayed in a software interface, wherein the insert card page includes a card header search box, a common tag area, and a card area. In response to a request to obtain a card data list in the card area, the find method of MongoDB is used to obtain the card data list from the database, and then the sort method of MongoDB is added to the query, and the locale parameter and the caseLevel parameter are set through the collation method of MongoDB to specify the sorting rule of the English alphabetical order of the first English letter case-sensitive, and the sorted card data list is returned and displayed in the card area. At the same time, in response to a request to obtain common tags in the common tag area, common tags are obtained from the database and displayed in the common tag area. After the target object enters a search keyword in the card header search box for query, in response to a query request based on the search keyword entered in the card header search box by the target object, the search keyword in the card header search box is read, and a query statement is constructed using the find method of MongoDB in combination with the query field, and the query is executed in the database and the card data result is returned, and the card data result is displayed in the card area. After the target object selects a common tag in the common tag area for query, in response to the query request of the target object selecting a common tag for query, the common tag selected by the target object is read, the find method of MongoDB is used in combination with the query field to construct a query statement, the query is executed in the database and the card data result is returned, and the card data result is displayed in the card area. After the target object enters the search keyword in the card header search box for query, or the target object selects a common tag for query, the query method is intercepted through the AOP aspect in Spring Boot, and the card data query operation in the query method and the card header corresponding to the card data query operation are recorded in the query log of the database. The card header corresponding to the card data query operation in the query log is read for statistical analysis, the card header with the query volume before the preset ranking is calculated, the card header with the query volume before the preset ranking is used as a common tag, and the common tag is stored in the database. The card header corresponding to the card data query operation in the query log is read regularly for statistical analysis, the card header with the query volume before the preset ranking is calculated, the card header with the query volume before the preset ranking is used as a common tag, and the common tag is updated to the database.
[0084] The disclosed embodiment also provides an electronic device, the electronic device includes a memory and a processor, the memory stores a computer program, and the processor implements the above-mentioned Web-based card insertion page implementation method when executing the computer program. The electronic device can be any intelligent terminal including a computer.
[0085] The embodiment of the present disclosure further provides a storage medium storing a computer program. When the computer program is executed by a processor, the above-mentioned Web-based card insertion page implementation method is implemented.
[0086] The terms "first", "second", "third", "fourth", etc. (if any) in the specification of the present disclosure and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate to describe the embodiments of the present disclosure, such as being able to be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.
[0087] It should be understood that in the present disclosure, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.
[0088] It should be understood that in the description of the embodiments of the present disclosure, the meaning of multiple (or multiple items) is more than two, greater than, less than, exceed, etc. are understood to not include the number, and above, below, within, etc. are understood to include the number.
[0089] It should also be understood that the various implementations provided in the embodiments of the present disclosure can be combined arbitrarily to achieve different technical effects.
[0090] The above is a specific description of the preferred implementation of the present disclosure, but the present disclosure is not limited to the above-mentioned implementation mode. Technical personnel familiar with the field can also make various equivalent deformations or substitutions under the shared conditions without violating the spirit of the present disclosure. These equivalent deformations or substitutions are all included in the scope defined by the claims of the present disclosure.
Claims
1. A method for implementing a web-based card insertion page, characterized in that: include: In response to a request from a target object to open an insert card page, displaying the insert card page in a software interface, wherein the insert card page includes a card area; In response to a request to obtain a card data list in the card area, the card data list is obtained from a database, the card data list is sorted in alphabetical order of the first English letter, and the sorted card data list is displayed in the card area.
2. A Web-based card insertion page implementation method according to claim 1, characterized in that: The insert card page includes a card header search box, and the Web-based insert card page implementation method further includes: In response to a query request by the target object based on a search keyword input in the card header search box, a card data result is obtained from the database and the card data result is displayed in the card area.
3. A Web-based card insertion page implementation method according to claim 2, characterized in that: The insert card page includes a common label area, and the Web-based insert card page implementation method further includes: In response to a request to obtain a common tag in the common tag area, obtaining the common tag from the database and displaying it in the common tag area; In response to a query request from the target object to select the common tag for query, a card data result is obtained from the database, and the card data result is displayed in the card area.
4. A Web-based card insertion page implementation method according to claim 2, characterized in that: The step of responding to a query request of the target object inputting a search keyword based on the card header search box, acquiring a card data result from the database, and displaying the card data result in the card area includes: The search keyword in the card header search box is read, a query statement is constructed using the find method of MongoDB in combination with the query field, the query is executed and the card data result is returned, and the card data result is displayed in the card area.
5. A Web-based card insertion page implementation method according to claim 3, characterized in that: The web-based card insertion page implementation method also includes: The query method is intercepted by the AOP aspect in Spring Boot, and the card data query operation in the query method and the card header corresponding to the card data query operation are recorded in the query log of the database; Read the card header corresponding to the card data query operation in the query log to perform statistical analysis, calculate the card headers whose query volume is before the preset ranking, use the card headers whose query volume is before the preset ranking as the common tags, and store the common tags in the database; The card headers corresponding to the card data query operations in the query log are read regularly to perform the statistical analysis, the card headers whose query volume is before the preset ranking are calculated, the card headers whose query volume is before the preset ranking are used as the common tags, and the common tags are updated to the database.
6. A Web-based card insertion page implementation method according to claim 3, characterized in that: The step of responding to the query request of the target object selecting the common tag for querying, acquiring the card data result from the database, and displaying the card data result in the card area includes: The commonly used tags selected by the target object are read, a query statement is constructed using the find method of MongoDB in combination with a query field, the query is executed and the card data result is returned, and the card data result is displayed in the card area.
7. A Web-based card insertion page implementation method according to claim 1, characterized in that: The method of obtaining the card data list from a database in response to a request for obtaining the card data list in the card area, sorting the card data list in alphabetical order based on the case of the first English letter, and displaying the sorted card data list in the card area includes: The card data list is obtained from the database using the find method of MongoDB, and then the sort method of MongoDB is added to the query. The locale parameter and the caseLevel parameter are set through the collation method of MongoDB to specify the sorting rule of the case-sensitive alphabetical order of the first English letter, and the sorted card data list is returned and displayed in the card area.
8. An electronic device, characterized in that: The electronic device includes a memory and a processor, the memory stores a computer program, and the processor implements a Web-based card insertion page implementation method as described in any one of claims 1 to 7 when executing the computer program.
9. A storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, a Web-based card insertion page implementation method according to any one of claims 1 to 7 is implemented.