Method, device and equipment for customizing search function based on dynamic search container

Abstract

The invention discloses a method, device and equipment for customizing a search function based on a dynamic search container, and relates to the technical field of browser webpage search, the method comprises the following steps: creating a search container component, and returning corresponding configuration information of a custom search control and a search result control based on current login information; performing layout setting of an area where the search controls are located, distinguishing types and states of the search controls, and storing the search controls in a search container component; and obtaining each search condition in the search control based on the search container component to execute search operation, and dynamically displaying the search result according to the configuration information of the search result control. According to the method and the device, the user can be helped to search required information more quickly and more accurately, and the search efficiency is improved.

Description

Technical Field

[0001] The present application relates to the technical field of browser web page search, and in particular to a method, device and equipment for customized search function based on a dynamic search container. Background Art

[0002] In today's era of information explosion, search engines have become an important way for us to obtain knowledge and information. In addition to comprehensive search websites for the general public, various backend systems for different businesses have also emerged in the information age. One of the most important functions of the backend system is the search for operational data, which has the characteristics of large search data volume and multiple conditions. The current backend system search method has the following main problems:

[0003] (1) The granularity of existing search components in various technology stacks is relatively fine, and search results are also independent components that need to be assembled by developers to meet various business needs. However, different user roles in the system focus on different conditions, resulting in a large number of search conditions piling up on the page, and the development cost is also high.

[0004] (2) With the development of the Internet and the popularity of mobile devices, there are huge differences in page layout display on devices with different resolutions. The main problem is that users with small screens have too many search conditions, which means that they can only see the search conditions on the first screen and cannot directly see the search results. There are also experience problems such as the inability to obtain the search conditions that individuals are interested in on the first screen.

[0005] (3) The same search conditions on different search pages may have inconsistent interactions due to different reasons of the developers.

[0006] Therefore, how to provide users with a consistent search experience and meet their search needs as much as possible has become a problem that needs to be solved urgently. Summary of the invention

[0007] The present application provides a method, apparatus and device for customized search function based on dynamic search container, which can help users search for required information faster and more accurately, and improve search efficiency.

[0008] In a first aspect, an embodiment of the present application provides a method for customizing a search function based on a dynamic search container, the method for customizing a search function based on a dynamic search container comprising:

[0009] Create a search container component and return the configuration information of the corresponding custom search control and search result control based on the current login information;

[0010] Perform layout settings for the area where the search control is located, distinguish the type and state of the search control, and store them in the search container component;

[0011] Based on the search container component, each search condition in the search control is obtained to perform a search operation, and the search results are dynamically displayed according to the configuration information of the search result control.

[0012] In combination with the first aspect, in one implementation,

[0013] The search control and the search result control are both located in the search container component;

[0014] The search control is used to perform a search operation, and the search control contains search conditions;

[0015] The search result control is used to render the search results and configure the preferences of the search result items.

[0016] In combination with the first aspect, in one implementation, creating a search container component and returning configuration information of a corresponding custom search control and search result control based on current login information specifically includes:

[0017] When logging into the backend system and accessing the search page based on a browser, a packaged search container component is instantiated, wherein the search container component includes a custom search control and a search result control;

[0018] Get the current login information in the browser, and use the token information of the current login information as the request parameter to asynchronously call the server interface to query the configuration information of the search control and search result control corresponding to the current login information.

[0019] In combination with the first aspect, in one implementation, the layout setting of the area where the search control is located and distinguishing the type and state of the search control and storing them in the search container component specifically include:

[0020] The search container component monitors the screen size, the type and state of the search control, and obtains the search control in the activated state according to the state information of the search control;

[0021] Set the layout and line break properties of the search control, traverse the drawing control collection to draw the search control according to the type of the search control, and set the event properties of the search control;

[0022] Set the height ratio of the search control and search results, as well as the collapse and expansion click events of the search control;

[0023] Stores the search control layout settings information in the browser cache.

[0024] In combination with the first aspect, in one implementation, the step of obtaining the search conditions in the search control based on the search container component to perform the search operation and dynamically displaying the search results according to the configuration information of the search result control specifically includes:

[0025] The search container component obtains the search control to be drawn, obtains the search condition field parameter set of the search query, and calls the server query interface in real time to request the search result data source;

[0026] Draw the search results, traverse the configuration information of the search result control, obtain the data source title and draw it, use the data item field in the search result control configuration information as the key and the title as the value to form MAP type data;

[0027] Determine the layout display effect based on the data type of the search results, traverse the search results data source, use MAP type data to match the title, and match the corresponding search results data source fields in the order of the titles;

[0028] Define paging events, display the current page number, total number of data items, quick paging links, and bind click events to initiate a search query interface for the corresponding page number.

[0029] In combination with the first aspect, in one implementation, the method for customizing a search function based on a dynamic search container further includes:

[0030] Performing customized search settings based on search requirements, wherein the customized search settings are to modify and add search controls or search result controls;

[0031] Cache customized search settings and associate them with the current login information.

[0032] In combination with the first aspect, in one implementation, after dynamically displaying the search results according to the configuration information of the search result control, the method further includes:

[0033] Record search operation data in real time to obtain search operation history and search usage frequency records;

[0034] The search container component uploads the search operation history records to the server to form a search habit rule record.

[0035] In combination with the first aspect, in one implementation,

[0036] The server provides functions of adding, updating, deleting and querying search operation history records;

[0037] The server is also used to visualize the search operation history records and generate a trend graph.

[0038] In a second aspect, the present application provides a device for customized search function based on a dynamic search container, the device for customized search function based on a dynamic search container comprising:

[0039] A creation module is used to create a search container component and return configuration information of the corresponding custom search control and search result control based on the current login information;

[0040] A setting module, which is used to set the layout of the search control and the search result control, and distinguish the type and state of the search control, and store them in the search container component;

[0041] The execution module is used to obtain the search conditions in the search control based on the search container component to perform the search operation, and dynamically display the search results according to the configuration information of the search result control.

[0042] In a third aspect, the present application provides a device for customized search functions based on dynamic search containers, wherein the device for customized search functions based on dynamic search containers comprises a processor, a memory, and a program for customized search functions based on dynamic search containers stored on the memory and executable by the processor, wherein when the program for customized search functions based on dynamic search containers is executed by the processor, the steps of the method for customized search functions based on dynamic search containers described above are implemented.

[0043] The beneficial effects brought by the technical solution provided in the embodiments of the present application include:

[0044] By providing flexibly controlled search controls and search result controls, users can search for the information they need faster and more accurately, improve search efficiency, and enrich the user interaction experience. At the same time, it can also speed up development efficiency, reduce development costs, and avoid interaction inconsistencies caused by development factors. BRIEF DESCRIPTION OF THE DRAWINGS

[0045] Figure 1 A flowchart of a method for customizing a search function based on a dynamic search container in this application;

[0046] Figure 2 A schematic diagram of the layout of the search container component;

[0047] Figure 3 This is a schematic diagram of the search control layout;

[0048] Figure 4 A schematic diagram of the search result layout;

[0049] Figure 5 This is a schematic diagram of the page layout;

[0050] Figure 6This is a functional module diagram of a device for customizing search functions based on a dynamic search container in this application;

[0051] Figure 7 This is a schematic diagram of the hardware structure of a device for customized search function based on a dynamic search container in this application. DETAILED DESCRIPTION

[0052] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0053] In order to make the objectives, technical solutions and advantages of the present application clearer, the implementation methods of the present application will be further described in detail below with reference to the accompanying drawings.

[0054] In a first aspect, an embodiment of the present application provides a method for customizing a search function based on a dynamic search container.

[0055] In one embodiment, referring to Figure 1 , Figure 1 This is a flow chart of the method for customizing the search function based on the dynamic search container in this application. Figure 1 As shown, the method for customizing the search function based on the dynamic search container includes:

[0056] S1: Create a search container component, and return the configuration information of the corresponding custom search control and search result control based on the current login information; that is, create a search container component, and then return the user-specific search control and search result control based on the current user's login information, and the search container component will render them uniformly.

[0057] Specifically, the search control and the search result control are both located in the search container component, that is, Figure 2 As shown, the search container component mainly includes two parts: the search control and the search result control. The search control is used to perform search operations, and the search control contains search conditions; the search result control is used to render search results and configure the preferences of search result items.

[0058] Furthermore, in one embodiment, a search container component is created, and configuration information of a corresponding custom search control and a search result control is returned based on the current login information, specifically including:

[0059] S101: when logging into the backend system and accessing the search page based on the browser, instantiating a packaged search container component, wherein the search container component includes a customized search control and a search result control;

[0060] That is, when a user logs in to the backend system through a browser to access the search page, an encapsulated search container component is instantiated. The specific structure of the search container component includes the search container component object, the search control component, and the search result control component. The search container component object includes configuration data, search controls (component objects), search results (component objects), search content, data sources, initialization configuration data (including login information, business type), loading (configuration data), search queries, and unloading (configuration data). Configuration data includes search control configuration, search result configuration, and control and result height ratios. Unloading (configuration data) includes search control component loading (configuration data) and search result control component loading (configuration data). Unloading (configuration data) includes search control component unloading (configuration data) and search result control component unloading (configuration data). Search control components include configuration data, shrinkage status, and customization. Mode, search content, loading (configuration data), adding controls (configuration data), editing controls (configuration data), deleting controls (configuration data), dragging controls (configuration data), loading (configuration data) includes drawing search controls (search control configuration data), defining search control events (search control configuration data); search result control components include configuration data, customized mode, data source, loading (configuration data), adding results (configuration data), editing results (configuration data), deleting results (configuration data), dragging results (configuration data), loading (configuration data) includes drawing search results (configuration data), defining search result paging events (configuration data). Among them, the search container component object obtains configuration data during the initialization life cycle.

[0061] S102: Acquire the current login information in the browser, and use the token information of the current login information as a request parameter to asynchronously call the server interface to query and obtain the configuration information of the search control and search result control corresponding to the current login information.

[0062] It should be noted that when the backend system is configured with multiple search pages, the search business type parameter is added to distinguish the business to which the search control and search result control belong. For the configuration information of the search control and search result control, specifically, the configuration information of the search control includes title, type, status, business type, field name, field format, and description; the configuration information of the search result control includes title, type, data source, and description, and the data source includes data item title, data item field, and data item status.

[0063] In this application, the instantiated search container component object performs unified processing according to the query configuration data, and the developer does not need to redevelop and implement the corresponding search control and search result control functions for each search page, thereby saving development costs and improving development efficiency.

[0064] S2: Perform layout settings for the area where the search control is located, and distinguish the type and status of the search control, and store them in the search container component; that is, perform layout settings for the area where the search control is located, provide a shrinking function, optimize the search experience, and at the same time distinguish the type and status of the search control, and store them in the search container component to provide users with subsequent customized search functions.

[0065] After obtaining the relevant configuration information of the search control, the search container component processes the layout by monitoring the screen size, the type and status of the search control during the loading life cycle. The search control layout diagram is as follows: Figure 3 shown.

[0066] Furthermore, in one embodiment, the layout of the area where the search control is located is set, and the type and state of the search control are distinguished and stored in the search container component, specifically including:

[0067] S201: the search container component monitors the screen size, and the type and state of the search control, and obtains the search control in an activated state according to the state information of the search control;

[0068] That is, according to the status difference of the search control configuration information, the search controls in the activated state are filtered out to obtain the search control set that needs to be drawn, that is, according to whether the user chooses to activate the control and personal operation habits, for example, the user first opens the search sorting module, chooses to sort in descending order by price, and then closes the default tourist attraction level filter. Similar user preferences can be recorded by the system, and the previous user's configuration will be loaded by default at the next login.

[0069] S202: setting the layout and line break properties of the search control, traversing the drawing control collection to draw the search control according to the type of the search control, and setting event properties for the search control;

[0070] Specifically, the search control is defined to adopt an elastic layout, and the line break attribute is set to automatic line break, so that the search control set that needs to be drawn is laid out in the order of the document flow, and when the width is not enough, it will automatically wrap to the next line, and then start drawing the control, traverse the drawing control collection, draw the control according to the type of search control (such as drop-down, input, date, etc.), define events such as input, change, and loss of focus, so as to provide users with a consistent interactive experience and avoid different experiences of the same search control on different search pages due to developer problems.

[0071] S203: Setting the height ratio of the search control and the search results, and the collapse and expansion click events of the search control;

[0072] Specifically, the height ratio of the search control and search results is controlled. The maximum height of the search control is set according to the ratio in the configuration information (the default value of the contracted state is Boolean true), so that the remaining controls are hidden, so that the search conditions and search results that users with small screens are interested in can be displayed on the first screen. The remaining controls include field date filter conditions, sorting options, filter conditions, etc.

[0073] Then define the collapse / expand click event, and control the maximum height of the search control to be the percentage setting or the original height of the control by switching the contraction state Boolean value true or false to achieve the collapse / expand function.

[0074] S204: Storing the search control layout setting information in the browser cache. That is, storing all the above setting information in the browser cache for use when the user starts customization.

[0075] S3: Based on the search container component, the search conditions in the search control are obtained to perform the search operation, and the search results are dynamically displayed according to the configuration information of the search result control. The search container component performs the search operation according to the search conditions in the search control, and realizes the dynamic display of the search results according to the setting information of the search control and the configuration information of the search result control. The layout diagram of the search results is shown in FIG. Figure 4 shown.

[0076] Furthermore, in one embodiment, the search container component is used to obtain the search conditions in the search control to perform the search operation, and the search results are dynamically displayed according to the configuration information of the search result control, which specifically includes:

[0077] S301: The search container component obtains the search control to be drawn, obtains the search condition field parameter set of the search query, and calls the server query interface in real time to request the search result data source;

[0078] S302: Draw the search results, traverse the configuration information of the search result control, obtain the data source title and draw it, use the data item field in the search result control configuration information as the key and the title as the value to form MAP type (an associative array) data, so as to facilitate the subsequent matching of the title and the data source result;

[0079] S303: Determine the layout display effect based on the data type (list, table, tree, etc.) of the search result, traverse the search result data source, use MAP type data to match the title, and match the corresponding search result data source fields in the order of the title;

[0080] Specifically, if a list or table layout is used, the search result data source is traversed, and the MAP type data is used to match the title, and the corresponding data source result field is matched in the order of the title. The main difference between the list and table types is the different styles. The list uses background and spacing, and the table uses border style. If a tree layout is used, after traversing each data item, it is necessary to traverse the subset data source downward to form a hierarchical structure. For a tree data structure, it includes fields, values, and subsets, and subsets include fields, values, and subsets.

[0081] S304: define paging events, display the current page number, the total number of data items, and quick paging links, and bind a click event to initiate a search query interface for the corresponding page number, so as to achieve the effect of quickly switching to a certain page of data.

[0082] The above operations can complete the page loading of the first screen. The page layout is as follows Figure 5 As shown, this can satisfy users of different devices and different resolutions to achieve a consistent search interaction experience.

[0083] Furthermore, in order to meet the differentiated search requirements caused by different business roles / individuals of users, the search container component also provides a customized search function. Specifically, the method of customized search function based on dynamic search container of the present application also includes:

[0084] S41: performing customized search settings based on search requirements, wherein the customized search settings are to modify and add search controls or search result controls;

[0085] S42: Cache the customized search settings and correspond them to the current login information.

[0086] Users can personalize the search experience according to their needs, including: dragging, modifying, and dynamically adding customized search controls or search result controls, and saving them as customized search models based on user information to form exclusive search functions.

[0087] In order to meet the needs of users, the search container component also exposes the customized function entrance. After triggering the bound click event, the customized mode state Boolean value will be switched, and the search control shrink mode Boolean value will be switched to false. When the search container component determines that the customized mode state Boolean value is true, it reads the cached configuration data of the search control and search result control, and all controls enter the editable state:

[0088] A. Set the draggable property of the control in the page to true, so that the native drag-and-drop operation of the browser can be run, thereby providing the user with the drag-and-drop function to adjust the existing order; in the drag-and-drop method, traverse the search control / search result control to obtain the latest order, and initiate a request for the latest configuration data set to report to the server interface to form a record;

[0089] B. The search result control also exposes a new search control button, binds the button's click event, and adds a new configuration record to the search control configuration information collection; Figure 2 The schematic diagram of the search result control layout shows that the newly added controls such as title and field are input boxes with string types, and type and other array types are drop-down boxes, allowing users to select control types; in the newly added controls, set the status to the activated status, and synchronously report the configuration information to the server to form a record;

[0090] C. Like the newly added controls, the title of the existing search control is an input box, but the existing search control can only edit the title, and other non-page display information such as field name and business type cannot be edited. If the existing configuration information does not meet the requirements, you can delete the control, that is, edit the control status to invalid status, and synchronize the data reporting;

[0091] D. Click the Switch Search Results Layout button, select the desired structure option (list / table / tree, etc.), and in the Edit Results method, update the latest type field to the server interface to form a record;

[0092] In the callback of the successful response method of the interface request for processing configuration information on the server, the state of the search container component switching customization mode is triggered to be a Boolean value of false, the search control shrink state is true, and the loading method is called again to refresh the page layout. Since there is no customization record for newly registered users, the system can return the commonly used configuration information for the role according to the user's role.

[0093] Furthermore, in one embodiment, after dynamically displaying the search results according to the configuration information of the search result control, the method further includes:

[0094] S51: Record the search operation data in real time to obtain the search operation history record and the search usage frequency record;

[0095] That is, it records the user's search operation data information so that users can view and review their operation history. At the same time, it forms a record of each user's search frequency, and can analyze the search record in combination with data reporting.

[0096] S52: The search container component uploads the search operation history record to the server to form a search habit rule record.

[0097] The search container component reports the user's search configuration records and other search operation data in real time to form a record of the user's search habits and rules. Then, click the View History button of the search result, and in the bound event method, initiate a request to the server to query the personal search history record. The request result mainly includes the search conditions and search operation data records.

[0098] Furthermore, the server provides functions of adding, updating, deleting, and querying the search operation history records; the server is also used to visualize the search operation history records and generate trend graphs.

[0099] Specifically, the background can also open configuration information list permissions for system administrators, supporting adding, updating, deleting, and querying functions based on business type / role; since deletion is a physical deletion, a window will pop up when performing the deletion operation to ask the administrator for a second confirmation. After confirming the deletion, the control will not appear in the customization mode.

[0100] In addition, administrators can also analyze the role or business type that is suitable for the user by viewing the search control records that the user is interested in based on the configuration information history of the user's query. The search records of each user can also be visualized and a trend chart can be generated to intuitively analyze the common search records of business types / roles, thereby providing a more efficient and relatively consistent search experience that meets user needs.

[0101] The method of customized search function based on dynamic search container in the embodiment of the present application can help users search for required information faster and more accurately by providing flexibly controlled search controls and search result controls, thereby improving search efficiency and enriching user interaction experience. At the same time, it can also speed up development efficiency, reduce development costs, and avoid interaction inconsistency problems caused by development factors.

[0102] In a second aspect, an embodiment of the present application further provides a device for customizing a search function based on a dynamic search container.

[0103] In one embodiment, referring to Figure 6 , Figure 6 This is a functional module diagram of the device for customized search function based on dynamic search container in this application. Figure 6 As shown, the device for customizing the search function based on the dynamic search container includes: a creation module, a setting module, and an execution module.

[0104] The creation module is used to create a search container component and return the configuration information of the corresponding custom search control and search result control based on the current login information; the setting module is used to set the layout of the search control and search result control, and distinguish the type and status of the search control, and store them in the search container component; the execution module is used to obtain the search conditions in the search control based on the search container component to perform the search operation, and dynamically display the search results according to the configuration information of the search result control.

[0105] In a third aspect, an embodiment of the present application provides a device with customized search function based on a dynamic search container. The device with customized search function based on a dynamic search container can be a personal computer (PC), a laptop computer, a server, or other device with data processing function.

[0106] Reference Figure 7 , Figure 7 The hardware structure diagram of the device with customized search function based on dynamic search container involved in the embodiment of the present application is shown in FIG. In the embodiment of the present application, the device with customized search function based on dynamic search container may include a processor, a memory, a communication interface and a communication bus.

[0107] The communication bus may be of any type and is used to interconnect the processor, the memory, and the communication interface.

[0108] The communication interface includes an input / output (I / O) interface, a physical interface, and a logical interface, etc., which are used to interconnect devices within the device for implementing the customized search function based on the dynamic search container, and an interface for interconnecting the device for implementing the customized search function based on the dynamic search container with other devices (such as other computing devices or user devices). The physical interface can be an Ethernet interface, an optical fiber interface, an ATM interface, etc.; the user device can be a display, a keyboard, etc.

[0109] The memory can be various types of storage media, such as random access memory (RAM), read-only memory (ROM), non-volatile RAM (NVRAM), flash memory, optical storage, hard disk, programmable ROM (PROM), erasable PROM (EPROM), electrically erasable PROM (EEPROM), etc.

[0110] The processor may be a general-purpose processor, which may call a program based on a customized search function of a dynamic search container stored in a memory, and execute the method based on a customized search function of a dynamic search container provided in an embodiment of the present application. For example, the general-purpose processor may be a central processing unit (CPU). The method executed when the program based on a customized search function of a dynamic search container is called may refer to the various embodiments of the method based on a customized search function of a dynamic search container of the present application, which will not be described in detail here.

[0111] Those skilled in the art will understand that Figure 7 The hardware structure shown in the figure does not constitute a limitation on the present application, and may include more or less components than shown in the figure, or combine certain components, or arrange the components differently.

[0112] The terms "including" and "having" and any variations thereof in the specification and claims of this application and the above-mentioned drawings 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 limited to the listed steps or units, but optionally includes steps or units that are not listed, or optionally includes other steps or units inherent to these processes, methods, products or devices. The terms "first", "second" and "third" are used to distinguish different objects, etc., and do not represent a sequence, nor do they limit "first", "second" and "third" to different types.

[0113] In the description of the embodiments of the present application, "exemplary", "for example" or "for example" are used to indicate examples, illustrations or descriptions. Any embodiment or design described as "exemplary", "for example" or "for example" in the embodiments of the present application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "exemplary", "for example" or "for example" is intended to present related concepts in a specific way.

[0114] In the description of the embodiments of the present application, unless otherwise specified, “ / ” means or, for example, A / B can mean A or B; the “and / or” in the text is merely a description of the association relationship of associated objects, indicating that three relationships may exist, for example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. In addition, in the description of the embodiments of the present application, “multiple” refers to two or more than two.

[0115] In some processes described in the embodiments of the present application, multiple operations or steps that appear in a specific order are included, but it should be understood that these operations or steps may not be executed in the order in which they appear in the embodiments of the present application or in parallel, and the sequence number of the operation is only used to distinguish the different operations, and the sequence number itself does not represent any execution order. In addition, these processes may include more or fewer operations, and these operations or steps may be executed in sequence or in parallel, and these operations or steps may be combined.

[0116] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus a necessary general hardware platform, and of course by hardware, but in many cases the former is a better implementation method. Based on such an understanding, the technical solution of the present application is essentially or 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 ROM / RAM, disk, CD) as described above, and includes a number of instructions for a terminal device to execute the methods described in each embodiment of the present application.

[0117] The above are only preferred embodiments of the present application, and are not intended to limit the patent scope of the present application. Any equivalent structure or equivalent process transformation made using the contents of the present application specification and drawings, or directly or indirectly applied in other related technical fields, are also included in the patent protection scope of the present application.

Claims

1. A method for customizing a search function based on a dynamic search container, characterized in that: The method for customizing the search function based on the dynamic search container includes: Create a search container component and return the configuration information of the corresponding custom search control and search result control based on the current login information; Perform layout settings for the area where the search control is located, distinguish the type and state of the search control, and store them in the search container component; Based on the search container component, each search condition in the search control is obtained to perform a search operation, and the search results are dynamically displayed according to the configuration information of the search result control.

2. A method for customized search function based on dynamic search container according to claim 1, characterized in that: The search control and the search result control are both located in the search container component; The search control is used to perform a search operation, and the search control contains search conditions; The search result control is used to render the search results and configure the preferences of the search result items.

3. The method for customizing search functions based on dynamic search containers according to claim 1, characterized in that: The step of creating a search container component and returning configuration information of a corresponding custom search control and search result control based on the current login information specifically includes: When logging into the backend system and accessing the search page based on a browser, a packaged search container component is instantiated, wherein the search container component includes a custom search control and a search result control; Get the current login information in the browser, and use the token information of the current login information as the request parameter to asynchronously call the server interface to query the configuration information of the search control and search result control corresponding to the current login information.

4. A method for customizing search functions based on a dynamic search container as claimed in claim 2, characterized in that: The layout setting of the area where the search control is located and distinguishing the type and state of the search control are stored in the search container component, specifically includes: The search container component monitors the screen size, the type and state of the search control, and obtains the search control in the activated state according to the state information of the search control; Set the layout and line break properties of the search control, traverse the drawing control collection to draw the search control according to the type of the search control, and set the event properties of the search control; Set the height ratio of the search control and search results, as well as the collapse and expansion click events of the search control; Stores the search control layout settings information in the browser cache.

5. The method for customizing search functions based on dynamic search containers according to claim 1, characterized in that: The step of obtaining the search conditions in the search control based on the search container component to perform the search operation and dynamically displaying the search results according to the configuration information of the search result control specifically includes: The search container component obtains the search control to be drawn, obtains the search condition field parameter set of the search query, and calls the server query interface in real time to request the search result data source; Draw the search results, traverse the configuration information of the search result control, obtain the data source title and draw it, use the data item field in the search result control configuration information as the key and the title as the value to form MAP type data; Determine the layout display effect based on the data type of the search results, traverse the search results data source, use MAP type data to match the title, and match the corresponding search results data source fields in the order of the titles; Define paging events, display the current page number, total number of data items, quick paging links, and bind click events to initiate a search query interface for the corresponding page number.

6. A method for customizing search functions based on a dynamic search container as claimed in claim 1, characterized in that: The method for customizing the search function based on the dynamic search container also includes: Performing customized search settings based on search requirements, wherein the customized search settings are to modify and add search controls or search result controls; Cache customized search settings and associate them with the current login information.

7. A method for customizing search functions based on a dynamic search container as claimed in claim 1, characterized in that: After dynamically displaying the search results according to the configuration information of the search result control, the following is also included: Record search operation data in real time to obtain search operation history and search usage frequency records; The search container component uploads the search operation history records to the server to form a search habit rule record.

8. The method for customized search function based on dynamic search container according to claim 1, characterized in that: The server provides functions of adding, updating, deleting and querying search operation history records; The server is also used to visualize the search operation history records and generate a trend graph.

9. A device for customized search function based on dynamic search container, characterized in that: The device for customizing the search function based on the dynamic search container includes: A creation module is used to create a search container component and return configuration information of the corresponding custom search control and search result control based on the current login information; A setting module, which is used to set the layout of the search control and the search result control, and distinguish the type and state of the search control, and store them in the search container component; The execution module is used to obtain the search conditions in the search control based on the search container component to perform the search operation, and dynamically display the search results according to the configuration information of the search result control.

10. A device for customized search function based on dynamic search container, characterized in that: The device for customized search function based on dynamic search container includes a processor, a memory, and a program based on customized search function based on dynamic search container stored in the memory and executable by the processor, wherein when the program based on customized search function based on dynamic search container is executed by the processor, the steps of the method for customized search function based on dynamic search container as described in any one of claims 1 to 8 are implemented.

Images