CN117170666A - Search page generation method and device, storage medium and terminal equipment - Google Patents

Search page generation method and device, storage medium and terminal equipment Download PDF

Info

Publication number
CN117170666A
CN117170666A CN202311112172.3A CN202311112172A CN117170666A CN 117170666 A CN117170666 A CN 117170666A CN 202311112172 A CN202311112172 A CN 202311112172A CN 117170666 A CN117170666 A CN 117170666A
Authority
CN
China
Prior art keywords
control
configuration
field
data
page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202311112172.3A
Other languages
Chinese (zh)
Inventor
郑盈盈
罗锐骁
杨锦润
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Yuanguang Software Co Ltd
Original Assignee
Yuanguang Software Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Yuanguang Software Co Ltd filed Critical Yuanguang Software Co Ltd
Publication of CN117170666A publication Critical patent/CN117170666A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/70Software maintenance or management
    • G06F8/71Version control; Configuration management

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Security & Cryptography (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the application discloses a method and a device for generating a search page, a storage medium and terminal equipment, and relates to the field of data search. When the search page is required to be generated, the configuration page is displayed, the page attribute parameters of the search page are input on each control on the configuration page according to the configuration action of the user, the search page is generated according to the configured page attribute parameters, the search page with different page contents is configured through the graphic control according to the requirement of the user, and compared with the mode of changing the search page contents through writing codes by a developer, the flexibility of generating the search page can be improved, and the workload of developing the search page by the developer is reduced.

Description

Search page generation method and device, storage medium and terminal equipment
Technical Field
The present application relates to the field of data search, and in particular, to a method and apparatus for generating a search page, a storage medium, and a terminal device.
Background
In the application management background system, a user needs to search required data, a target supports a data searching method of a graphic interface, input boxes of a plurality of condition fields are arranged on a searching page according to the searched condition fields, then the user inputs keywords in the input boxes of the condition fields respectively, and the required data is searched according to the input keywords of the condition fields. However, the format and content of the existing search page are fixed, and if the user needs to change the page content of the search page, the developer needs to rewrite codes and develop a new search page according to the user needs, so that the workload is high.
Disclosure of Invention
The embodiment of the application provides a method and a device for generating a search page, a storage medium and terminal equipment, which can solve the problem of large encoding workload of developers in developing the search page in the prior art. The technical scheme is as follows:
in a first aspect, an embodiment of the present application provides a method for generating a search page, where the method includes:
displaying a search page configuration page; wherein, the search page configuration page comprises: a condition field configuration control, a logic field configuration control, a query data field configuration control, and a control attribute configuration control;
the following configuration is performed according to the configuration actions of the user: configuring a plurality of candidate condition fields in the condition field configuration control, configuring a plurality of candidate logic fields in the logic field configuration control for each candidate condition field, configuring a field of query data in the query data field configuration control, and configuring input attributes of the control on a search page in the control attribute configuration control;
generating and displaying a search page according to configuration information of each control; wherein the search page comprises: a search criteria field and a data presentation field, the search criteria field comprising: a condition field selection control, a logical field selection control, and a keyword input control.
In a second aspect, an embodiment of the present application provides a device for generating a search page, where the device includes:
the display unit is used for displaying the search page configuration page; wherein, the search page configuration page comprises: a condition field configuration control, a logic field configuration control, a query data field configuration control, and a control attribute configuration control;
a configuration unit, configured to perform the following configuration according to a configuration action of a user: configuring a plurality of candidate condition fields in the condition field configuration control, configuring a plurality of candidate logic fields in the logic field configuration control for each candidate condition field, configuring a field of query data in the query data field configuration control, and configuring input attributes of the control on a search page in the control attribute configuration control;
the generating unit is used for generating and displaying a search page according to the configuration information of each control; wherein the search page comprises: a search criteria field and a data presentation field, the search criteria field comprising: a condition field selection control, a logical field selection control, and a keyword input control.
In a third aspect, embodiments of the present application provide a computer storage medium storing a plurality of instructions adapted to be loaded by a processor and to perform the above-described method steps.
In a fourth aspect, an embodiment of the present application provides a terminal device, which may include: a processor and a memory; wherein the memory stores a computer program adapted to be loaded by the processor and to perform the above-mentioned method steps.
The technical scheme provided by the embodiments of the application has the beneficial effects that at least:
when the search page needs to be generated, the configuration page is displayed, page attribute parameters of the search page are input on each control on the configuration page according to configuration actions of a user, the search page is generated according to the configured page attribute parameters, the search page with different page contents is configured through the graphic control according to requirements of the user, and compared with a mode of changing the search page contents through writing codes by a developer, the flexibility of generating the search page can be improved, and the workload of developing the search page by the developer is reduced.
Drawings
In order to more clearly illustrate the embodiments of the application or the technical solutions in the prior art, the drawings that are required in the embodiments or the description of the prior art will be briefly described, it being obvious that the drawings in the following description are only some embodiments of the application, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
Fig. 1 is a schematic diagram of a network architecture according to an embodiment of the present application;
FIG. 2 is a flow chart of a method for generating a search page according to an embodiment of the present application;
FIG. 3 is a schematic diagram of a search process based on a search page according to an embodiment of the present application;
FIG. 4 is a schematic diagram of a search page provided by an embodiment of the present application;
FIG. 5 is a schematic diagram of a device for generating search pages according to the present application;
fig. 6 is a schematic structural diagram of a terminal device provided by the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the following detailed description of the embodiments of the present application will be given with reference to the accompanying drawings.
It should be noted that, the method for generating the search page provided by the application is generally executed by the terminal device, and correspondingly, the device for generating the search page is generally arranged in the terminal device.
Fig. 1 illustrates an exemplary system architecture of a search page generation method or a search page generation apparatus that can be applied to the present application.
As shown in fig. 1, the system architecture may include: a terminal device 101 and a server 102. The communication between the terminal device 101 and the server 102 may be performed through a network for the medium providing the communication link between the above-mentioned respective units. The network may include various types of wired or wireless communication links, such as: the wired communication link includes an optical fiber, a twisted pair wire, a coaxial cable, or the like, and the WIreless communication link includes a bluetooth communication link, a WIreless-FIdelity (Wi-Fi) communication link, a microwave communication link, or the like.
The server 102 is provided with a database as a data source, and the terminal device 101 queries the data source for required target data based on the search page.
The terminal device 101 and the server 102 may be hardware or software. When the terminal apparatus 101 and the server 102 are hardware, they may be realized as a distributed server cluster composed of a plurality of servers, or as a single server. When the terminal device 101 and the server 102 are software, they may be implemented as a plurality of software or software modules (for example, to provide distributed services), or may be implemented as a single software or software module, which is not particularly limited herein.
Various communication client applications can be installed on the terminal device of the present application, for example: video recording applications, video playing applications, voice interaction applications, search class applications, instant messaging tools, mailbox clients, social platform software, and the like.
The terminal device may be hardware or software. When the terminal device is hardware, it may be various terminal devices with a display screen including, but not limited to, smartphones, tablet computers, laptop and desktop computers, and the like. When the terminal device is software, the terminal device may be installed in the above-listed terminal device. Which may be implemented as multiple software or software modules (e.g., to provide distributed services), or as a single software or software module, without limitation.
When the terminal equipment is hardware, a display device and a camera can be arranged on the terminal equipment, the display device can be various equipment capable of realizing the display function, and the camera is used for collecting video streams; for example: the display device may be a cathode ray tube display (cathode ray tube display, CR), a light-emitting diode display (light-emitting diode display, LED), an electronic ink screen, a liquid crystal display (liquid crystal display, LCD), a plasma display panel (plasma displaypanel, PDP), or the like. The user can view the displayed text, picture, video and other information by using the display device on the terminal device.
It should be understood that the number of terminal devices, networks and servers in fig. 1 is merely illustrative. Any number of terminal devices, networks, and servers may be used as desired for implementation.
The method for generating the search page according to the embodiment of the present application will be described in detail with reference to fig. 2. The device for generating the search page in the embodiment of the present application may be a terminal device shown in fig. 1.
Referring to fig. 2, a flowchart of a method for generating a search page is provided in an embodiment of the present application. As shown in fig. 2, the method according to the embodiment of the present application may include the following steps:
s201, displaying a search page configuration page.
Wherein, the search page configuration page comprises: the method comprises the steps of configuring a control by a condition field, configuring a control by a logic field, configuring a control by a query data field, configuring a control attribute, configuring the control by each control, wherein each control is a graphic control, and the user inputs each attribute field of a page based on the control to realize flexible configuration of a search page.
S202, executing the following configuration according to the configuration action of the user: the method comprises the steps of configuring a plurality of candidate condition fields in a condition field configuration control, configuring a plurality of candidate logic fields in a logic field configuration control for each candidate condition field, configuring a field of query data in a query data field configuration control, and configuring input attributes of various controls on a search page in a control attribute configuration control.
Wherein the configuration action is triggered by the user through the input unit, including but not limited to: mouse action, keyboard action, touch action, etc. The condition field represents a field used by a user to search on a search page, and the logic field represents a logic connection relation between field values of the condition field used by the user on the search page; the fields of the query data represent the various fields that the queried data includes; the input attributes include: custom inputs, drop down inputs, etc.
S203, generating and displaying a search page according to the configuration information of each control.
Wherein, search the page includes: the search condition area and the data display area, the search condition area includes: a condition field selection control, a logical field selection control, and a keyword input control.
In one or more possible embodiments, searching the page configuration page further comprises: the control size configuration area is used for configuring the size of the search condition area, the size of the data display area and the size of each control according to the configuration action of a user, specifically configuring the height and width of the search condition area, the height and width of the data display area and the height and width of each control on a search page, realizing flexible setting of the size of page elements and meeting different user requirements.
In one or more possible embodiments, searching the page configuration page further comprises: the paging configuration control is used for configuring attribute fields of the paging switch based on configuration actions of a user and a paging quantity threshold value, wherein the attribute fields of the paging switch are used for configuring whether a paging function is started or not, and the paging quantity threshold value represents the maximum data entry quantity of each page when search data is displayed in the data display area. The paging attribute of the query data can be flexibly set according to the requirements, so that different user requirements are met.
In one or more possible embodiments, the search page configuration page further includes: and the API request configuration control is used for configuring the model name, the interface name, the request parameter field, the interface address and the request mode of the data source according to the configuration action of the user. The fields are attributes in the API data query request, and the model name represents the name of a data partition in a data source and represents the data partition where query data is located; the interface name represents the name of the communication interface of the data source; the request parameter field represents a field carried in the API data query request; the interface address represents the address of the data source and is generally represented by a URL address; the request means includes, but is not limited to, GET, POST, etc. The API data query request is generated according to parameter values input by a user in each control in the search page and is used for querying corresponding target data (i.e. search data) in a data source.
In this embodiment, when a search page needs to be generated, a configuration page is displayed, page attribute parameters of the search page are input on each control on the configuration page according to configuration actions of a user, the search page is generated according to the configured page attribute parameters, the search page with different page contents is configured through graphic controls according to requirements of the user, and compared with a mode of changing the search page contents through writing codes by a developer, the flexibility of search page generation can be improved, and workload of the developer for developing the search page is reduced.
Further, after the search page is generated and displayed, the user performs a search operation based on the search page to obtain target data, and a specific search process is shown in fig. 3:
and S301, displaying a plurality of candidate condition fields when a preset trigger action occurs on the condition field selection control.
When a user needs to search data of the data source, a search page of the data source is displayed through the display unit, wherein the search page is a graphical interface for the user to execute search interaction, for example: referring to fig. 4, the search page includes: search criteria area and data presentation area 43, the search criteria area comprising: the condition field selection control 40, the logic field selection control 41 and the keyword input control 42, the search condition area is used for generating an API data query request based on interaction of a user, and the data display area is used for displaying target data queried according to the API data query request. The condition field selection control is used for inputting a condition field, the logic field selection control is used for inputting a logic field, and the keyword input control is used for inputting keywords of the condition field.
In this embodiment, the terminal device receives the page content data uploaded by the developer, and automatically generates the search page based on the page content data, so that the developer does not need to develop different search pages according to different scenes, and the development efficiency of the search page is improved.
In the present embodiment, the condition field selection control 40, the logical field selection control 41, and the keyword input control 42 are arranged in a search page. According to the actual service scene requirement (namely, the content data of the popup frame transmitted by a developer), using the v-if grammar in the front-end development frame Vue. Js, operating DOM elements (each module is one DOM element in an HTML document structure) according to the authenticity of an expression (whether each module displays field Boolean data or not in page content data), and switching the display and hiding of the elements so as to determine each element in a search page.
The preset trigger action may be a mouse action, a keyboard action, or a touch action, and may be specifically determined according to actual requirements, for example: when the terminal equipment detects the left click action of the mouse on the condition field selection control, displaying a plurality of candidate condition fields, wherein data in a data source is represented by a data table, the head of the data table acts as a table head, the table head comprises a plurality of fields, field values of the data table are stored in a unit cell in a row form, and the plurality of condition fields are the same as a plurality of fields contained in the head of the data table in the data source. Therefore, the condition field selection control displays a plurality of condition fields through the preset trigger action, so that the condition field selection control is prevented from displaying a plurality of condition field controls in the search page, and the utilization rate of the page space is improved.
For example: referring to fig. 4, the condition field selection control displays a plurality of candidate condition fields based on the triggering of the left click action of the mouse: interface name, label.
S303, selecting a target condition field from a plurality of condition fields in response to a selection instruction of a user.
Wherein the user generates a selection instruction through the input unit, and the terminal device selects the target condition field from among the plurality of condition fields candidate in response to the selection instruction.
In this example, the current search condition data (Object type) is deconstructed and assigned to the request parameter Object (Object type) in the received request method by using the es6 grammar, and the method for obtaining the list data is bound to click events in a search button in the search module.
In this embodiment, the condition field is set to be the parameter value rendering of the select component in the built-in front-end UI frame to generate the search drop-down selection, and then a built-in component (dynamic component) of the component in the front-end development frame vue. Therefore, the space use on the search page is effectively reduced, and the user experience is improved.
S304, displaying a plurality of candidate logic fields when detecting that a preset trigger action occurs on the logic field control.
Wherein the logical field represents the logical relationship of the keywords of the condition field, such as: the preset trigger action may be determined according to the actual requirement.
S305, selecting a target logical field from a plurality of candidate logical fields in response to a selection instruction of a user.
Wherein the user generates a selection instruction through the input unit, and the terminal device selects a target logical field among the plurality of candidate logical fields in response to the selection instruction.
S306, acquiring keywords input by a user in the keyword input control.
The keyword input control can be a custom input box or a drop-down input box, and for the custom input box, a user can input any keyword in the custom input box by using the input unit; for the drop-down input box, when the user performs a preset trigger action on the drop-down input box using the input unit, a plurality of candidate keywords associated with the target condition field in S203 are displayed, and then a desired keyword is selected and input among the plurality of candidate keywords based on the selection instruction.
S307, an API data query request is generated according to the target condition field, the keyword and the target logic field, and corresponding target data is searched in the data source according to the API data query request.
The user triggers and generates an API data query request through a search button of a search page, where the API data query request carries a target condition field, a keyword of the target condition field, and a logic field, for example: the target condition fields are: a request method; the target logical field is: the keywords of the target condition field are: GET, then an API data query request is generated based on the parameters and then the data source is searched for target data satisfying the parameters. Further, the data source may be a database, and the target data is queried in the database by adopting an SQL instruction, specifically: sending an API data query request carrying a target condition field, a keyword and a target logic field to the data source; wherein, the API data query request is an SQL instruction; and receiving target data returned by the data source in response to the API data query request.
In this example, the current search condition data (Object type) is deconstructed and assigned to the request parameter Object (Object type) in the received request method by using the es6 grammar, and the method for obtaining the list data is bound to click events in a search button in the search module.
It should be noted that, the API data query request may include multiple sets of target condition fields, logic fields and keywords, for example: the parameters carried by the API data query request are denoted { (target condition field 1, logical field 1, and keyword 1), (target condition field 2, logical field 1, and keyword 2) … }. The user can execute S202-S206 for multiple times to realize the selection of multiple groups of parameters, then generate an API data query request carrying multiple groups of parameters, and improve the accuracy of search results.
And S308, displaying the target data in the data display area.
Wherein the searched target data is displayed in the data display diagram, for example: referring to fig. 4, the target data may be presented in the form of a data table. Furthermore, when the data quantity of the target data exceeds the quantity threshold, the target data is subjected to paging display, and the quantity threshold can be set according to the size of the data display area, so that a user does not need to scroll by using a scroll bar when viewing the target data in the data display area, and the convenience of data viewing is improved. For example: the data threshold is 9, the data quantity represents the line number of the data table, and the current line number of the target data is greater than 9 lines, and the target data is subjected to paging display.
In this embodiment, whether a paging request is supported is determined according to parameters in the query list request method; if so, setting parameters (the request method obtains the total number of pages of data) for a paging component in the built-in front-end UI frame, and binding the method for obtaining list data with operation events such as a front page 1, a rear page 1 and the like; if not, calculating the attribute by using Vue. Js; and dynamically calculating (using a slice () method of an array) the current display data according to the paging value in the current paging component from the acquired search query data result.
Binding the obtained target data (Array type) to a table component in a built-in front-end UI framework, and rendering to obtain a data table obtained by the current target search condition and the current paging condition.
For example: the requirement requires a new query test case list box: the method includes the steps of creating a person search condition and paging display data, wherein labels and names are needed. When the application is used for development, personnel need to collect display search, display list Boolean values and search conditions into search object data which comprises various search condition parameter fields, the names of the belonged components (drop-down selection, input frame and entity selection) and a packaged back-end request test case data interface request data method for transmission, so that a required search page is obtained.
When the graphic control is used for searching data, the embodiment of the application selects the target condition field from a plurality of candidate condition fields triggered by the condition field selection control, selects the target logic field from a plurality of logic fields triggered by the logic field control, then inputs the keywords of the target condition field based on the keywords input field, generates an API data query request according to each input parameter, and queries corresponding target data and display target data in a data source according to the API data query request.
The following are examples of the apparatus of the present application that may be used to perform the method embodiments of the present application. For details not disclosed in the embodiments of the apparatus of the present application, please refer to the embodiments of the method of the present application.
Referring to fig. 5, a schematic structural diagram of a search page generating apparatus according to an exemplary embodiment of the present application is shown, and the apparatus is hereinafter referred to as apparatus 5. The apparatus 5 may be implemented as all or part of a terminal device by software, hardware or a combination of both. The device 5 comprises: a display unit 501, a configuration unit 502, and a generation unit 503.
A display unit 501 for displaying a search page configuration page; wherein, the search page configuration page comprises: a condition field configuration control, a logic field configuration control, a query data field configuration control, and a control attribute configuration control;
a configuration unit 502, configured to perform the following configuration according to a configuration action of a user: configuring a plurality of candidate condition fields in the condition field configuration control, configuring a plurality of candidate logic fields in the logic field configuration control for each candidate condition field, configuring a field of query data in the query data field configuration control, and configuring input attributes of the control on a search page in the control attribute configuration control;
a generating unit 503, configured to generate and display a search page according to configuration information of each control; wherein the search page comprises: a search criteria field and a data presentation field, the search criteria field comprising: condition field selection control, logical field selection control and keyword input control
In one or more possible embodiments, searching the page configuration page further comprises: and the control size configuration area is used for configuring the size of the search condition area, the size of the data display area and the size of each control according to the configuration action of a user.
In one or more possible embodiments, the search page configuration page further includes: the API request configuration control is used for configuring the model name, the interface name, the request parameter field, the interface address and the request mode of the data source according to the configuration action of the user.
In one or more possible embodiments, the search page configuration page further includes: and the paging configuration control is used for configuring attribute fields of the paging switch and the threshold value of the number of pages according to the configuration actions of the user.
In one or more possible embodiments, the apparatus 5 further comprises: a trigger unit, a selection unit, an acquisition unit (not shown in fig. 5).
A display unit for displaying the search page; wherein the search page comprises: a search criteria field and a data presentation field, the search criteria field comprising: a condition field selection control, a logic field selection control and a keyword input control;
the triggering unit is used for displaying a plurality of candidate condition fields when detecting that a preset triggering action occurs on the condition field selection control;
a selection unit configured to select a target condition field from the plurality of candidate condition fields in response to a selection instruction of a user;
the triggering unit is further used for displaying a plurality of candidate logic fields when a preset triggering action occurs on the logic field control;
the selection unit is further used for responding to a selection instruction of a user to select a target logic field from a plurality of candidate logic fields;
the acquisition unit is used for acquiring keywords input by a user in the keyword input control;
the generating unit is also used for generating an API data query request according to the target condition field, the keyword and the target logic field, and searching corresponding target data in the data source according to the API data query request;
the display unit 501 is further configured to display target data in the data display area.
In one or more possible embodiments, displaying the target data in the data presentation area includes:
counting the data quantity of the target data;
and if the data quantity is larger than the quantity threshold value, performing paging display on the target data in the data display area.
In one or more possible embodiments, the displaying the search page includes:
receiving page content data from a developer; the page content data comprises a plurality of candidate condition fields associated with a condition field selection control and a plurality of candidate logic fields associated with a logic field selection control;
and loading and displaying a search interface according to the page content data.
In one or more possible embodiments, the obtaining the keyword input by the user in the keyword input control includes:
when a preset trigger action occurring on the keyword input control is detected, displaying a plurality of candidate keywords associated with the target condition field;
selecting a desired keyword among the plurality of candidate keywords based on a selection instruction of the user.
In one or more possible embodiments, the target data is presented in the form of a data table.
In one or more possible embodiments, the condition field selection control is a dynamic component that utilizes components in the front-end development framework vue.
In one or more possible embodiments, the searching the data source for the corresponding target data according to the API data query request includes:
sending an API data query request carrying a target condition field, a keyword and a target logic field to the data source; wherein, the API data query request is an SQL instruction;
and receiving target data returned by the data source in response to the API data query request.
It should be noted that, when the apparatus 5 provided in the foregoing embodiment performs the method for generating the search page, only the division of the foregoing functional modules is used as an example, and in practical application, the foregoing functional allocation may be performed by different functional modules according to needs, that is, the internal structure of the device is divided into different functional modules, so as to complete all or part of the foregoing functions. In addition, the device for generating the search page provided in the foregoing embodiment belongs to the same concept as the method embodiment for generating the search page, which embodies the detailed implementation process and is not described herein.
The foregoing embodiment numbers of the present application are merely for the purpose of description, and do not represent the advantages or disadvantages of the embodiments.
The embodiment of the present application further provides a computer storage medium, where the computer storage medium may store a plurality of instructions, where the instructions are adapted to be loaded by a processor and execute the steps of the method shown in the embodiment of fig. 2, and the specific execution process may refer to the specific description of the embodiment shown in fig. 2, which is not repeated herein.
The present application also provides a computer program product storing at least one instruction that is loaded and executed by the processor to implement the method of generating a search page as described in the above embodiments.
Referring to fig. 6, a schematic structural diagram of a terminal device is provided in an embodiment of the present application. As shown in fig. 6, the terminal device 600 may include: at least one processor 601, at least one network interface 604, a user interface 603, a memory 605, at least one communication bus 602.
Wherein the communication bus 602 is used to enable connected communications between these components.
The user interface 603 may include a Display screen (Display), a Camera (Camera), and the optional user interface 603 may further include a standard wired interface, a wireless interface.
The network interface 604 may optionally include a standard wired interface, a wireless interface (e.g., WI-FI interface), among others.
Wherein the processor 601 may include one or more processing cores. The processor 601 connects various parts within the overall terminal device 600 using various interfaces and lines, performs various functions of the terminal device 600 and processes data by executing or executing instructions, programs, code sets, or instruction sets stored in the memory 605, and invoking data stored in the memory 605. Alternatively, the processor 601 may be implemented in at least one hardware form of digital signal processing (Digital Signal Processing, DSP), field-Programmable gate array (FPGA), programmable logic array (Programmable Logic Array, PLA). The processor 601 may integrate one or a combination of several of a central processing unit (Central Processing Unit, CPU), an image processor (Graphics Processing Unit, GPU), and a modem, etc. The CPU mainly processes an operating system, a user interface, an application program and the like; the GPU is used for rendering and drawing the content required to be displayed by the display screen; the modem is used to handle wireless communications. It will be appreciated that the modem may not be integrated into the processor 601 and may be implemented by a single chip.
The Memory 605 may include a random access Memory (RandomAccess Memory, RAM) or a Read-Only Memory (Read-Only Memory). Optionally, the memory 605 includes a non-transitory computer readable medium (non-transitory computer-readable storage medium). Memory 605 may be used to store instructions, programs, code, sets of codes, or sets of instructions. The memory 605 may include a stored program area and a stored data area, wherein the stored program area may store instructions for implementing an operating system, instructions for at least one function (such as a touch function, a sound playing function, an image playing function, etc.), instructions for implementing the various method embodiments described above, etc.; the storage data area may store data or the like referred to in the above respective method embodiments. The memory 605 may also optionally be at least one storage device located remotely from the processor 601. As shown in fig. 6, an operating system, a network communication module, a user interface module, and application programs may be included in the memory 605, which is one type of computer storage medium.
In the terminal device 600 shown in fig. 6, the user interface 603 is mainly used for providing an input interface for a user, and acquiring data input by the user; the processor 601 may be configured to invoke an application program stored in the memory 605 and specifically execute the method shown in fig. 2, and the specific process may be shown in fig. 2, which is not repeated herein.
Those skilled in the art will appreciate that implementing all or part of the above-described methods in accordance with the embodiments may be accomplished by way of a computer program stored on a computer readable storage medium, which when executed may comprise the steps of the embodiments of the methods described above. The storage medium may be a magnetic disk, an optical disk, a read-only memory, a random access memory, or the like.
The foregoing disclosure is illustrative of the present application and is not to be construed as limiting the scope of the application, which is defined by the appended claims.

Claims (10)

1. A method for generating a search page, comprising:
displaying a search page configuration page; wherein, the search page configuration page comprises: a condition field configuration control, a logic field configuration control, a query data field configuration control, and a control attribute configuration control;
the following configuration is performed according to the configuration actions of the user: configuring a plurality of candidate condition fields in the condition field configuration control, configuring a plurality of candidate logic fields in the logic field configuration control for each candidate condition field, configuring a field of query data in the query data field configuration control, and configuring input attributes of the control on a search page in the control attribute configuration control;
generating and displaying a search page according to configuration information of each control; wherein the search page comprises: a search criteria field and a data presentation field, the search criteria field comprising: a condition field selection control, a logical field selection control, and a keyword input control.
2. The method of claim 1, wherein the search page configuration page further comprises: and the control size configuration area is used for configuring the size of the search condition area, the size of the data display area and the size of each control according to the configuration action of a user.
3. The method of claim 1 or 2, wherein the search page configuration page further comprises: and the API request configuration control is used for configuring the model name, the interface name, the request parameter field, the interface address and the request mode of the data source according to the configuration action of the user.
4. The method of claim 3, wherein the search page configuration page further comprises: and the paging configuration control is used for configuring attribute fields of the paging switch and the threshold value of the number of pages according to the configuration actions of the user.
5. The method according to claim 1, 2 or 4, wherein after generating and displaying the search page according to the configuration information of each control, the method further comprises:
when detecting that a preset trigger action occurs on the condition field selection control, displaying a plurality of candidate condition fields;
selecting a target condition field from the plurality of candidate condition fields in response to a selection instruction of a user;
when detecting that a preset trigger action occurs on the logic field control, displaying a plurality of candidate logic fields;
selecting a target logical field among the plurality of candidate logical fields in response to a selection instruction of the user;
acquiring keywords input by a user in the keyword input control;
generating an API data query request according to the target condition field, the keyword and the target logic field, and searching corresponding target data in a data source according to the API data query request;
and displaying target data in the data display area.
6. The method of claim 5, wherein the target data is presented in the form of a data table.
7. The method of claim 1 or 2 or 4 or 6, wherein the condition field selection control is a dynamic component using components in a front-end development framework vue.
8. A search page generation apparatus, comprising:
the display unit is used for displaying the search page configuration page; wherein, the search page configuration page comprises: a condition field configuration control, a logic field configuration control, a query data field configuration control, and a control attribute configuration control;
a configuration unit, configured to perform the following configuration according to a configuration action of a user: configuring a plurality of candidate condition fields in the condition field configuration control, configuring a plurality of candidate logic fields in the logic field configuration control for each candidate condition field, configuring a field of query data in the query data field configuration control, and configuring input attributes of the control on a search page in the control attribute configuration control;
the generating unit is used for generating and displaying a search page according to the configuration information of each control; wherein the search page comprises: a search criteria field and a data presentation field, the search criteria field comprising: a condition field selection control, a logical field selection control, and a keyword input control.
9. A computer storage medium storing a plurality of instructions adapted to be loaded by a processor and to perform the method steps of any one of claims 1 to 7.
10. A terminal device, comprising: a processor and a memory; wherein the memory stores a computer program adapted to be loaded by the processor and to perform the method steps of any of claims 1-7.
CN202311112172.3A 2023-04-30 2023-08-31 Search page generation method and device, storage medium and terminal equipment Pending CN117170666A (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202310482324.2A CN116541002A (en) 2023-04-30 2023-04-30 Search page generation method and device, storage medium and terminal equipment
CN2023104823242 2023-04-30

Publications (1)

Publication Number Publication Date
CN117170666A true CN117170666A (en) 2023-12-05

Family

ID=87444626

Family Applications (2)

Application Number Title Priority Date Filing Date
CN202310482324.2A Pending CN116541002A (en) 2023-04-30 2023-04-30 Search page generation method and device, storage medium and terminal equipment
CN202311112172.3A Pending CN117170666A (en) 2023-04-30 2023-08-31 Search page generation method and device, storage medium and terminal equipment

Family Applications Before (1)

Application Number Title Priority Date Filing Date
CN202310482324.2A Pending CN116541002A (en) 2023-04-30 2023-04-30 Search page generation method and device, storage medium and terminal equipment

Country Status (1)

Country Link
CN (2) CN116541002A (en)

Also Published As

Publication number Publication date
CN116541002A (en) 2023-08-04

Similar Documents

Publication Publication Date Title
US11144711B2 (en) Webpage rendering method, device, electronic apparatus and storage medium
CN105612511B (en) Identifying and structuring related data
CN111045653B (en) System generation method and device, computer readable medium and electronic equipment
CN112395027B (en) Widget interface generation method and device, storage medium and electronic equipment
CN107182209A (en) Detect digital content observability
CN109597929A (en) Methods of exhibiting, device, terminal and the readable medium of search result
CN103605502A (en) Form page display method and server
CN110309444A (en) A kind of page display method, device, medium and server
CN112035555B (en) Information display method, device and equipment
JP6946404B2 (en) Recommended methods, devices, devices and readable storage media based on cloud search
CN112947918A (en) Data display method and device
CN112417346A (en) Rendering method, rendering device, electronic equipment and storage medium
JP2022524670A (en) Applet material processing methods, appliances, electronic devices, computer-readable storage media and computer programs
CN116955817A (en) Content recommendation method, device, electronic equipment and storage medium
CN114035729B (en) Electronic voting method and device and terminal equipment
JP7239643B2 (en) Information presentation method, device, electronic device, storage medium and program
CN109710604A (en) Data processing method, device, system, computer readable storage medium
CN117170666A (en) Search page generation method and device, storage medium and terminal equipment
CN110888583A (en) Page display method, system and device and electronic equipment
CN112783543A (en) Generation method, device, equipment and medium for small program distribution materials
US9864739B1 (en) Automatic layout of graphical user interface screens from object data
CN116501223B (en) Object display method and device, electronic equipment and storage medium
CN113221010B (en) Event propagation state display method and device and electronic equipment
CN111737563B (en) Data display, search and verification method, device, equipment, server and medium
US20220012299A1 (en) User interface for creating and managing url parameters

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination