CN113238741B - Form configuration method, form configuration device, electronic equipment and storage medium - Google Patents
Form configuration method, form configuration device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN113238741B CN113238741B CN202110514925.8A CN202110514925A CN113238741B CN 113238741 B CN113238741 B CN 113238741B CN 202110514925 A CN202110514925 A CN 202110514925A CN 113238741 B CN113238741 B CN 113238741B
- Authority
- CN
- China
- Prior art keywords
- component
- user
- candidate
- component type
- configuration
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/31—Indexing; Data structures therefor; Storage structures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/33—Intelligent editors
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Abstract
The embodiment of the application discloses a form configuration method, a form configuration device, electronic equipment and a storage medium. The method comprises the steps of obtaining a form component configuration file; calling the universal codes corresponding to each form item, and assigning the parameter of the universal codes corresponding to each form item as a configuration value corresponding to each form item to obtain the function code of each form item; combining the function codes of the plurality of form items to obtain source codes of the form components to be configured, and rendering the source codes of the form components to be configured to obtain preconfigured form components; taking each pre-configured form component as a first component set and a second component set to form a component library; receiving a form configuration request; according to the component type selected by the user, acquiring a form component corresponding to the component type selected by the user from a component library; and performing form configuration according to the field selected by the user and the form component corresponding to the component type selected by the user.
Description
Technical Field
The present application relates to the field of network technologies, and in particular, to a form configuration method, a form configuration device, an electronic device, and a storage medium.
Background
The form is mainly used for realizing a data acquisition function, with the development of an artificial intelligence technology and a mobile information system, a plurality of functions can complete data display or collection by means of the form, data perception is completed by describing some characteristic information of data, however, the service form applied in the intelligent supervision system with complex dynamic changes has the characteristics of numerous quantity, multiple data fields, deep data structure level and variability, and the existing form configuration generally selects an online form designer. For example, the JotForm online form designer can design forms and collect data for enterprise business data, for example, can design some order information forms, customer information forms and the like, has simple interface operation, can drag an HTML element component, integrates various verification components, and provides a plurality of free form styles by carrying various style templates; ueditor Formdesign form designer, can be applied to systems such as workflow management, is a visual Web form constructor, and HTML element subassembly is abundanter, mainly contains: text boxes, lines of text, drop down menus, radio boxes, check boxes, and the like.
However, with the increase of the number of forms, the use of the existing form designer requires a lot of time in the process of performing the form configuration, and the types of form components supported by the conventional form designer are limited, so that a form template needs to be rewritten every time a new form is to be designed. Therefore, the existing form configuration method has single form and low configuration efficiency, and cannot meet the form configuration requirement in complex scenes.
Disclosure of Invention
The embodiment of the application provides a form configuration method, a form configuration device, electronic equipment and a storage medium, and form components with rich functions are configured in advance, so that forms with various forms can be configured, and the form configuration requirements under various scenes are met.
In a first aspect, an embodiment of the present application provides a form configuration method, including:
acquiring a form component configuration file, wherein the form component configuration file comprises a plurality of form items of each form component to be configured and configuration values corresponding to the form items;
invoking the universal codes corresponding to each form item, and assigning the parameter of the universal codes corresponding to each form item as the configuration value corresponding to each form item to obtain the function codes of each form item;
combining the function codes of the plurality of form items to obtain source codes of the form components to be configured, and rendering the source codes of the form components to be configured to obtain pre-configured form components;
forming a component library by taking the preconfigured form components as a first component set and a second component set, wherein the form components in the second component set are configured by a front-end page, and the types of the form components in the second component set are different from those of the form components in the first component set;
Receiving a form configuration request, wherein the form configuration request comprises a field selected by a user and a component type selected by the user;
acquiring a form component corresponding to the component type selected by the user from the component library according to the component type selected by the user;
and performing form configuration according to the field selected by the user and the form component corresponding to the component type selected by the user.
In a second aspect, an embodiment of the present application provides a form configuration apparatus, including:
the receiving and transmitting unit is used for acquiring a form component configuration file, wherein the form component configuration file comprises a plurality of form items of each form component to be configured and configuration values corresponding to the form items;
the processing unit is used for calling the universal codes corresponding to each form item, and assigning the parameter of the universal codes corresponding to each form item as the configuration value corresponding to each form item to obtain the function codes of each form item; combining the function codes of the plurality of form items to obtain source codes of the form components to be configured, and rendering the source codes of the form components to be configured to obtain pre-configured form components; forming a component library by taking the preconfigured form components as a first component set and a second component set, wherein the form components in the second component set are configured by a front-end page, and the types of the form components in the second component set are different from those of the form components in the first component set;
The receiving and transmitting unit is further used for receiving a form configuration request, wherein the form configuration request comprises a field selected by a user and a component type selected by the user;
the processing unit is used for acquiring form components corresponding to the component types from the component library according to the component types selected by the user, the component library is preconfigured, the component library comprises a first component set and a second component set, the form components in the first component set are configured by a front-end page, and the types of the form components in the second component set are different from the types of the form components in the first component set; and performing form configuration according to the field selected by the user and the form component corresponding to the component type selected by the user.
In a third aspect, an embodiment of the present application provides an electronic device, including: and a processor connected to a memory for storing a computer program, the processor being configured to execute the computer program stored in the memory, to cause the electronic device to perform the method according to the first aspect.
In a fourth aspect, embodiments of the present application provide a computer-readable storage medium storing a computer program, the computer program causing a computer to perform the method according to the first aspect.
In a fifth aspect, embodiments of the present application provide a computer program product comprising a non-transitory computer readable storage medium storing a computer program, the computer being operable to cause a computer to perform the method according to the first aspect.
The implementation of the embodiment of the application has the following beneficial effects:
it can be seen that in the embodiment of the application, a user can set a form item and a configuration value according to own requirements, and form components with rich functions and various forms required by the user are configured through configuration files; then, form components configured by a user and form components with the front-end page are combined to form a component library rich in form components, so that no matter the form is configured in any complex scene, the form components wanted by the user can be found, and the form configuration requirement in the complex scene is met; further, separating the fields and form components allows for free combination of the fields and form components, thereby diversifying the manner in which the forms are configured.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are needed in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present application, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
Fig. 1 is a schematic flow chart of a form configuration method provided in an embodiment of the present application;
FIG. 2 is a schematic diagram of an input query statement provided in an embodiment of the present application;
FIG. 3 is a schematic diagram of displaying candidate fields on a visual interface according to an embodiment of the present application;
FIG. 4 is a schematic diagram of displaying candidate component types in a visual interface according to an embodiment of the present application;
FIG. 5 is a functional block diagram of a form configuration device according to an embodiment of the present application;
fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the present application.
Detailed Description
The following description of the embodiments of the present application will be made clearly and fully with reference to the accompanying drawings, in which it is evident that the embodiments described are some, but not all, of the embodiments of the present application. All other embodiments, which can be made by one of ordinary skill in the art based on the embodiments herein without making any inventive effort, are intended to be within the scope of the present application.
The terms "first," "second," "third," and "fourth" and the like in the description and in the claims of this application and in the drawings, are used for distinguishing between different objects and not for describing a particular sequential order. Furthermore, the terms "comprise" and "have," as well as any variations thereof, are intended to cover a non-exclusive inclusion. For example, a process, method, system, article, or apparatus that comprises a list of steps or elements is not limited to only those listed steps or elements but may include other steps or elements not listed or inherent to such process, method, article, or apparatus.
Reference herein to "an embodiment" means that a particular feature, result, or characteristic described in connection with the embodiment may be included in at least one embodiment of the application. The appearances of such phrases in various places in the specification are not necessarily all referring to the same embodiment, nor are separate or alternative embodiments mutually exclusive of other embodiments. Those of skill in the art will explicitly and implicitly appreciate that the embodiments described herein may be combined with other embodiments.
Referring to fig. 1, fig. 1 is a schematic flow chart of a form configuration method according to an embodiment of the present application. The method is applied to a form configuration device. The method comprises the following steps:
101: the form configuration device obtains a form component configuration file, wherein the form component configuration file comprises a plurality of form items of each form component to be configured and configuration values corresponding to the form items.
The form profile is illustratively entered by a user into the form-configuring device or the form-configuring device actively reads from the storage space through the interface. The manner in which the form component configuration file is obtained is not limited in this application.
Alternatively, the form component configuration file may be an EXCEL table, a word document, a PDF document, and so forth. The present application does not limit the type of configuration file. Then, a form item of the form component to be configured is recorded in the configuration file, wherein the form item may include: text fields, check boxes, drop down lists, text boxes, buttons, and the like; wherein the configuration value of each form item is used to describe a specific attribute of each form item. For example, for a form text box, its configuration value may be the size of the text box.
Optionally, for the form item and the configuration value of the form component, the form item and the configuration value can be entered into the form configuration file in a text mode; and then, analyzing the characters in the form components to obtain the form items of each form component to be configured and the configuration value of each form item.
102: and the form configuration device calls the universal codes corresponding to each form item, and assigns the parameter of the universal codes corresponding to each form item as the configuration value corresponding to each form item to obtain the function codes of each form item.
Illustratively, the universal code of each form is preconfigured, and the universality of the universal code is shown in that the universal code is only configured for the function of each form, but the parameter entering assignment of the universal code of each form is not performed. For example, when the form item is a text box, a piece of general code for enabling the text box to be rendered is configured, but how large a text box is rendered is not limited. After the general buying of each form item is called, the parameter of the general code is assigned to be the configuration value of the form item, and then the function code of each form item can be obtained.
103: the form configuration device combines the function codes of the plurality of form items to obtain source codes of the form components to be configured, and renders the source codes of the form components to be configured to obtain pre-configured form components.
For example, according to the association relation of each form item in the form configuration file, the function codes of the plurality of form items are combined, that is, the function codes of each form item are mutually called, so that the source codes of each form component to be configured are obtained, for example, the association relation between the form item 'button' and the form item 'text box', that is, the button is used as a pull-down button of the text box, the function codes of the text box call the function codes of the form item, and therefore the rendered text box has a pull-down function. Further, after the source code of each form component to be configured is obtained, the source code can be rendered through a js tool to obtain each form component which is configured in advance.
104: the form configuration device takes the preconfigured form components as a first component set and a second component set to form a component library, wherein the form components in the second component set are configured by a front-end page, and the types of the form components in the second component set are different from those of the form components in the first component set.
The form components in the second set may be understood as form components of the front page that are self-contained, such as text entry boxes, drop-down boxes, mail entry boxes, remark boxes, and so forth. Thus, a form component in the first set of components may be understood as a simple component that is functionally simple, in a single form; the form components in the second component set are form components with complex functions and various forms, which are configured by users independently, for example, the components in the second component set can be a file uploading frame, a file storing frame and a personnel inquiring frame, and the form components are configured in advance.
Therefore, the component library contains various form components, and can meet the form configuration requirements in various complex scenes.
105: the form configuration device receives a form configuration request, wherein the form configuration request comprises a field selected by a user and a component type selected by the user.
Illustratively, prior to receiving the form configuration request, the form configuration device receives a query statement of the user that is used to retrieve fields contained in the form that the user wants to configure. For example, if the user wants to configure a form for academic authentication, the fields that should be included in the form include, but are not limited to: "name", "gender", "identification number", "academy", "certificate number", "graduation institution";
For example, as shown in fig. 2, a form configuration page is set in a visual interface of the form configuration device, and an information input field is included in the form configuration page, so that a user can input his or her own query sentence in the information input field, and then at least one candidate field searched based on the query sentence is displayed in the visual interface.
Specifically, the form configuration device identifies keywords of the query sentence, so as to obtain the keywords of the query sentence, for example, the keywords may be "academic authentication"; and then, carrying out similarity calculation on the keywords of the query statement and each field label in the field library to obtain matched candidate field labels, wherein at least one candidate field is corresponding to each candidate field label. For example, if the field tag is a user tag, the candidate fields under the user tag may include: "name", "gender", "age", "date of birth", and as another example, the field tag is a certificate tag, the candidate fields under the field tag may include: "certificate type", "certificate number"; as shown in fig. 3, all candidate fields corresponding to the candidate field labels are displayed on a field selection page.
In addition, when the candidate fields are displayed, personalized display can be performed, as shown in fig. 3, some candidate fields which are necessary to select can be displayed on the field selection page in a highlighting manner or a text remark adding manner, so that the user cannot select the fields in a missing manner. Alternatively, for the candidate field to be selected, even if the user does not select, the candidate field can be selected directly by default, and the user is not required to select.
Optionally, the user may select any one of the candidate fields, and pop up the component type corresponding to each candidate field when the candidate field is selected; illustratively, when a touch operation for a candidate field is received, the touched candidate field is used as a field selected by a user, and at least one candidate component type corresponding to the candidate field is displayed on a visual interface.
Specifically, the semantic information of the candidate field is obtained, at least one candidate component type matched with the semantic information of the candidate field is obtained from the component library, for example, the candidate field is a 'name', and the information corresponding to the semantic information of the candidate field, which characterizes the candidate field, is directly input or can be input in advance, so that the at least one candidate component type matched with the semantic information of the candidate field comprises a text box, a drop-down box and the like. At least one candidate component type matching the semantic information of the candidate field is then presented at the visualization interface.
Further, if a touch operation of the user for the candidate component type is received, the touch candidate component type is used as the component type selected by the user, wherein the touch candidate component type is any one of at least one candidate component type corresponding to the candidate field. The form configuration device generates the form configuration request according to the user-selected field and the user-selected component type.
Optionally, when the visual interface displays at least one candidate component type corresponding to each candidate field, a video play button corresponding to each candidate component type in the at least one candidate component type may be synchronously displayed on the visual interface. And when the user clicks a video play button of each candidate component type, playing a display video of each candidate component type on a visual interface, wherein the display video is used for displaying the effect when the form component configuration form corresponding to each candidate component type is used. This facilitates the user in selecting the type of candidate component that he or she needs by presenting the video. Wherein the presentation video for each candidate component type is pre-generated upon configuring the component to which each candidate component type corresponds.
When a form component corresponding to each candidate component type is compiled in advance in a browser, namely, when source codes of the form components corresponding to each candidate component type are compiled in the browser, the change content of pages of the browser in the process of compiling the form components corresponding to each candidate component type is journaled through the browser, so that at least one log file is obtained; and obtaining the display video of each candidate component type according to the at least one log file.
Specifically, an initial webpage opened by a user in a browser is detected, and page information of the initial webpage is serialized into a first log file through a rebroadcast recording component rrweb of the browser, wherein the page information comprises a page structure and page content; the change relative to the current page is then monitored in real time via rrweb and the content of the change is serialized into a new log file, resulting in the at least one log file. Specifically, when the user clicks a page in the browser and jumps to the page (for example, h5 page), an initial page is displayed, rrweb records all information on the dom node of the initial page, and the recorded information is the page information corresponding to the initial page. Then, serializing all information on the dom node into a first log file, wherein the first log file comprises the page structure of the initial page and all content information (namely page content) on the page; then, the change of the dom node of the current page of the browser is monitored in real time through rrweb, and the dom node which changes relative to the current page is serialized into a second log file under the condition of monitoring the change of the dom node of the current page each time. And finally, forming the first log file and the second log file after serializing each dom node change into at least one log file.
The change of the page of the browser may be caused by a change of a page structure of the page and/or a change of page information, for example, the initial page change includes DOM node change (creation and destruction of a node, attribute change of a DOM node, change of a text), interaction of a mouse, scrolling of a page or a page element, a change of a window size of a current page, input of a user, and movement of a mouse (particularly, a visual position of the mouse). In this application, the page changes in the browser are mainly caused by the code written by the user.
Then, determining source code for compiling the form component corresponding to each candidate component type based on the at least one log file; and performing webpage rendering based on source codes of form components corresponding to each candidate component type to obtain a plurality of rendered webpages, dynamically playing the plurality of rendered webpages, and recording a screen through a browser in the process of playing the plurality of rendered webpages to obtain a display video corresponding to each candidate component type.
Illustratively, the backend plays back the page corresponding to each log file in the at least one log file through a playback module of rrweb. Specifically, the back end deserializes each log file in the at least one log file to obtain a page corresponding to each log file; extracting source codes for compiling form components corresponding to each candidate component type from the corresponding page of each log file; then, rendering the source codes of the form components corresponding to each candidate component type extracted from the corresponding page of each log file to obtain a plurality of rendered webpages; and finally, a plurality of rendered webpages are integrated according to the generation time of each log file. Under the condition that the complete webpage is loaded, a screen recording function of the browser is started, the complete webpage is recorded through the screen recording function, the complete webpage is rolled in the recording process, and recording is finished under the condition that the last frame of the complete webpage is recorded, so that the display video corresponding to each candidate component type is generated.
Therefore, the user can watch the display effect of the form components and select corresponding components for each candidate field, so that the form components satisfactory to the user can be selected, and the experience of the user in configuring the form is improved.
106: and the form configuration device acquires a form component corresponding to the component type from a component library according to the component type selected by the user.
Thus, the form configuration apparatus may select a corresponding form component from the component library according to the component type selected by the user. For example, an index of a form corresponding to the component type selected by the user is obtained, and then the form component is obtained from the component library according to the index.
107: the form configuration device configures a form according to the fields selected by the user and the component types selected by the user.
For example, the form configuration apparatus may send the user-selected field, and the form component corresponding to the user-selected component type, to the front end. For example, the code value of each field (the code value may be a mapping of the field name) and the index of the form component corresponding to the user-selected component type are sent to the front end, so that the front end may decode based on the code value to render the user-selected field in the front page, and call the form component from the component library according to the index and render the form component in the front page to generate the form.
It can be seen that in the embodiment of the application, a user can set a form item and a configuration value according to own requirements, so that form components with rich functions and various forms required by the user can be configured, and form components wanted by the user can be found no matter the form is configured in any complex scene, thereby meeting the form configuration requirements in the complex scene; further, separating the fields and form components allows for free combination of the fields and form components, thereby diversifying the manner in which the forms are configured.
In one embodiment of the present application, after the form is configured, the method further comprises:
receiving a file to be recorded uploaded by a user, wherein the data to be recorded is loaded in the file to be recorded, and compared with the file to be recorded, the file to be recorded can be an EXCEL file, a WORD file or files in other formats; performing image conversion on a file to be recorded to obtain an image to be recorded; performing key point identification on the image input picture to obtain at least one key point in the image to be input, for example, at least one key word in the image to be input can be identified through an existing key point identification model, wherein the key point can be understood as a pixel point of the key word in the image to be input, for example, the key word is a name, and the key point is the pixel point of the key word name in the image to be input; and then, carrying out keyword recognition on the area where each keyword is located in the at least one keyword to obtain at least one keyword, wherein the at least one keyword corresponds to the at least one keyword one by one, for example, text content of the area where each keyword is located can be extracted through an optical character recognition technology, keyword recognition is carried out on the text content to obtain keywords corresponding to each keyword, wherein the area where each keyword is located can take a pixel point corresponding to each keyword as a center, and an area formed by n pixels is taken up, down, left and right in the image to be input, and n is an integer greater than 1 and less than 3.
Then, data to be entered corresponding to each of the at least one keyword is extracted from the image to be entered. The obtaining of the data to be input corresponding to each keyword is not the focus of attention of the application, and can be achieved through various technologies, for example, all the data to be input in the image to be input can be identified, and then all the text contents are respectively matched with each keyword to obtain the data to be input corresponding to each keyword; and finally, determining fields corresponding to each keyword in the configured form, for example, determining the fields corresponding to each keyword through the matching degree between the fields and the keywords, and inputting the generation input data corresponding to each keyword into a form component corresponding to the fields to obtain the form after inputting the data.
It can be seen that in the embodiment of the application, the data to be input can be automatically input into the form without manual input of a user, so that the experience of inputting the data by the user is improved; moreover, all types of files to be recorded can be converted into images for recording, and the data to be recorded can be automatically recorded without being limited by the types of the files.
Referring to fig. 5, fig. 5 is a functional unit block diagram of a form configuration device according to an embodiment of the present application. The form configuration apparatus 500 includes: a transceiver unit 501 and a processing unit 502, wherein:
The transceiver unit 501 is configured to obtain a form component configuration file, where the form component configuration file includes a plurality of form items of each form component to be configured and a configuration value corresponding to each form item;
the processing unit 502 is configured to call a generic code corresponding to each form, and assign an entry of the generic code corresponding to each form as a configuration value corresponding to each form, so as to obtain a function code of each form; combining the function codes of the plurality of form items to obtain source codes of the form components to be configured, and rendering the source codes of the form components to be configured to obtain pre-configured form components; forming a component library by taking the preconfigured form components as a first component set and a second component set, wherein the form components in the second component set are configured by a front-end page, and the types of the form components in the second component set are different from those of the form components in the first component set;
the transceiver 501 is further configured to receive a form configuration request, where the form configuration request includes a field selected by a user and a component type selected by the user;
The processing unit 502 is further configured to obtain, from the component library, a form component corresponding to the component type selected by the user according to the component type selected by the user; and performing form configuration according to the field selected by the user and the form component corresponding to the component type selected by the user.
In some possible implementations, before receiving a form configuration request sent by a user,
the transceiver 501 is further configured to receive a query sentence input by a user;
the processing unit 502 is further configured to display candidate fields on a visual interface according to the query statement;
when receiving touch operation of the user on the candidate fields, taking the touch candidate fields as the fields selected by the user, and displaying candidate component types corresponding to the fields selected by the user on the visual interface;
when the touch operation of the user for the candidate component type is received, the touch candidate component type is used as the component type selected by the user;
and generating the form configuration request according to the field selected by the user and the component type selected by the user.
In some possible implementations, the processing unit 502 is specifically configured to, in displaying candidate fields on the visual interface according to the query statement:
Carrying out keyword recognition on the query statement to obtain keywords of the query statement;
performing similarity calculation on the keywords of the query statement and each field tag in the field library to obtain candidate field tags;
and displaying the candidate field corresponding to the candidate field label on the visual interface.
In some possible embodiments, the processing unit 502 is specifically configured to, in displaying, on the visual interface, a candidate component type corresponding to the field selected by the user:
acquiring semantic information of the field selected by the user, and acquiring candidate component types matched with the semantic information of the field selected by the user from a component library;
displaying the candidate component type and a video play button of the candidate component type on the visual interface;
the video playing button of the candidate component type is used for playing the display video of the candidate component type on the visual interface under the condition that a user clicks the video playing button, and the display video is used for displaying the effect when the form component configuration form corresponding to the candidate component type is used, so that the user can select the component type from the list.
In some possible implementations, before the visual interface displays the candidate component type and the video play button of the candidate component type, the processing unit 502 is further configured to:
when form components corresponding to the candidate component types are compiled in advance in a browser, logging the change content of pages of the browser in the process of compiling the form components corresponding to each candidate component type through the browser to obtain at least one log file;
and obtaining the display video of the candidate component type according to the at least one log file.
In some possible embodiments, the processing unit 502 is specifically configured to, in obtaining the presentation video of the candidate component type according to the at least one log file:
determining source code required for compiling a form component corresponding to the candidate component type according to the at least one log file;
performing webpage rendering according to source codes required by compiling form components corresponding to the candidate component types to obtain a plurality of rendered webpages;
and dynamically playing the plurality of rendered webpages, and recording a screen through the browser in the process of dynamically playing the plurality of rendered webpages to obtain the display video of the candidate component type.
In some possible embodiments, the transceiver unit 501 is further configured to receive a file to be entered uploaded by the user; the processing unit 502 is further configured to perform image conversion on the file to be recorded, so as to obtain an image to be recorded;
performing key point identification on the image to be recorded to obtain at least one key point in the image to be recorded;
carrying out keyword recognition on the area where each keyword in the at least one keyword is located to obtain at least one keyword, wherein the at least one keyword corresponds to the at least one keyword one by one;
extracting data to be input corresponding to each keyword in the at least one keyword from the image to be input;
and determining a field corresponding to each keyword in the configured form, and inputting the data to be input corresponding to each keyword into a form component of the field corresponding to each keyword to obtain the form after inputting the data.
Referring to fig. 6, fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the present application. As shown in fig. 6, the electronic device 600 includes a transceiver 601, a processor 602, and a memory 603. Which are connected by a bus 604. The memory 603 is used for storing computer programs and data, and the data stored in the memory 603 can be transferred to the processor 602.
The processor 602 is configured to read a computer program in the memory 603 to perform the following operations:
the control transceiver 601 obtains a form component configuration file, wherein the form component configuration file comprises a plurality of form items of each form component to be configured and configuration values corresponding to the form items;
invoking the universal codes corresponding to each form item, and assigning the parameter of the universal codes corresponding to each form item as the configuration value corresponding to each form item to obtain the function codes of each form item; combining the function codes of the plurality of form items to obtain source codes of the form components to be configured, and rendering the source codes of the form components to be configured to obtain pre-configured form components; forming a component library by taking the preconfigured form components as a first component set and a second component set, wherein the form components in the second component set are configured by a front-end page, and the types of the form components in the second component set are different from those of the form components in the first component set;
the control transceiver 601 receives a form configuration request, wherein the form configuration request comprises a field selected by a user and a component type selected by the user;
Acquiring a form component corresponding to the component type selected by the user from the component library according to the component type selected by the user; and performing form configuration according to the field selected by the user and the form component corresponding to the component type selected by the user.
In some possible implementations, before receiving the form configuration request sent by the user, the processor 602 is further configured to read the computer program in the memory 603 to:
displaying candidate fields on a visual interface according to the query statement;
when receiving touch operation of the user on the candidate fields, taking the touch candidate fields as the fields selected by the user, and displaying candidate component types corresponding to the fields selected by the user on the visual interface;
when the touch operation of the user for the candidate component type is received, the touch candidate component type is used as the component type selected by the user;
and generating the form configuration request according to the field selected by the user and the component type selected by the user.
In some possible implementations, the processor 602 is specifically configured to, in displaying candidate fields in a visual interface according to the query statement:
Carrying out keyword recognition on the query statement to obtain keywords of the query statement;
performing similarity calculation on the keywords of the query statement and each field tag in the field library to obtain candidate field tags;
and displaying the candidate field corresponding to the candidate field label on the visual interface.
In some possible implementations, the processor 602 is specifically configured to, in displaying candidate component types corresponding to the user-selected fields on the visual interface:
acquiring semantic information of the field selected by the user, and acquiring candidate component types matched with the semantic information of the field selected by the user from a component library;
displaying the candidate component type and a video play button of the candidate component type on the visual interface;
the video playing button of the candidate component type is used for playing the display video of the candidate component type on the visual interface under the condition that a user clicks the video playing button, and the display video is used for displaying the effect when the form component configuration form corresponding to the candidate component type is used, so that the user can select the component type from the list.
In some possible implementations, before the visual interface displays the candidate component type and the video play button of the candidate component type, the processor 602 is further configured to read the computer program in the memory 603 to:
when form components corresponding to the candidate component types are compiled in advance in a browser, logging the change content of pages of the browser in the process of compiling the form components corresponding to each candidate component type through the browser to obtain at least one log file;
and obtaining the display video of the candidate component type according to the at least one log file.
In some possible embodiments, in obtaining the presentation video of the candidate component type from the at least one log file, the processor 602 is specifically configured to:
determining source code required for compiling a form component corresponding to the candidate component type according to the at least one log file;
performing webpage rendering according to source codes required by compiling form components corresponding to the candidate component types to obtain a plurality of rendered webpages;
and dynamically playing the plurality of rendered webpages, and recording a screen through the browser in the process of dynamically playing the plurality of rendered webpages to obtain the display video of the candidate component type.
In some possible implementations, the processor 602 is further configured to read the computer program in the memory 603 to:
the control transceiver 601 receives a file to be input uploaded by the user;
performing image conversion on the file to be recorded to obtain an image to be recorded;
performing key point identification on the image to be recorded to obtain at least one key point in the image to be recorded;
carrying out keyword recognition on the area where each keyword in the at least one keyword is located to obtain at least one keyword, wherein the at least one keyword corresponds to the at least one keyword one by one;
extracting data to be input corresponding to each keyword in the at least one keyword from the image to be input;
and determining a field corresponding to each keyword in the configured form, and inputting the data to be input corresponding to each keyword into a form component of the field corresponding to each keyword to obtain the form after inputting the data.
Specifically, the transceiver 601 may be the transceiver unit 501 of the form configuration apparatus 500 of the embodiment illustrated in fig. 5, and the processor 602 may be the processing unit 502 of the form configuration apparatus 500 of the embodiment illustrated in fig. 5.
The present application also provides a computer-readable storage medium storing a computer program that is executed by a processor to implement some or all of the steps of any one of the form configuration methods as described in the method embodiments above.
Embodiments of the present application also provide a computer program product comprising a non-transitory computer-readable storage medium storing a computer program operable to cause a computer to perform some or all of the steps of any one of the form configuration methods described in the method embodiments above.
It should be noted that, for simplicity of description, the foregoing method embodiments are all expressed as a series of action combinations, but it should be understood by those skilled in the art that the present application is not limited by the order of actions described, as some steps may be performed in other order or simultaneously in accordance with the present application. Further, those skilled in the art will also appreciate that the embodiments described in the specification are all alternative embodiments, and that the acts and modules referred to are not necessarily required in the present application.
In the foregoing embodiments, the descriptions of the embodiments are emphasized, and for parts of one embodiment that are not described in detail, reference may be made to related descriptions of other embodiments.
In the several embodiments provided in this application, it should be understood that the disclosed apparatus may be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative, such as the division of the units, merely a logical function division, and there may be additional manners of dividing the actual implementation, such as multiple units or components may be combined or integrated into another system, or some features may be omitted, or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be an indirect coupling or communication connection via some interfaces, devices or units, or may be in electrical or other forms.
The units described as separate units may or may not be physically separate, and units shown as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
In addition, each functional unit in each embodiment of the present application may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit. The integrated units described above may be implemented either in hardware or in software program modules.
The integrated units, if implemented in the form of software program modules, may be stored in a computer-readable memory for sale or use as a stand-alone product. Based on such understanding, the technical solution of the present application may be embodied in essence or a part contributing to the prior art or all or part of the technical solution in the form of a software product stored in a memory, including several instructions for causing a computer device (which may be a personal computer, a server or a network device, etc.) to perform all or part of the steps of the method described in the embodiments of the present application. And the aforementioned memory includes: a U-disk, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a removable hard disk, a magnetic disk, or an optical disk, or other various media capable of storing program codes.
Those of ordinary skill in the art will appreciate that all or a portion of the steps in the various methods of the above embodiments may be implemented by a program that instructs associated hardware, and the program may be stored in a computer readable memory, which may include: flash disk, read-Only Memory (ROM), random access Memory (Random Access Memory, RAM), magnetic disk or optical disk.
The foregoing has outlined rather broadly the more detailed description of embodiments of the present application, wherein specific examples are provided herein to illustrate the principles and embodiments of the present application, the above examples being provided solely to assist in the understanding of the methods of the present application and the core ideas thereof; meanwhile, as those skilled in the art will have modifications in the specific embodiments and application scope in accordance with the ideas of the present application, the present description should not be construed as limiting the present application in view of the above.
Claims (7)
1. A form configuration method, comprising:
acquiring a form component configuration file, wherein the form component configuration file comprises a plurality of form items of each form component to be configured and configuration values corresponding to the form items;
Invoking the universal codes corresponding to each form item, and assigning the parameter of the universal codes corresponding to each form item as the configuration value corresponding to each form item to obtain the function codes of each form item;
combining the function codes of the plurality of form items to obtain source codes of the form components to be configured, and rendering the source codes of the form components to be configured to obtain pre-configured form components;
taking each preconfigured form component as a first component set, and forming a component library by the first component set and a second component set, wherein the form components in the second component set are configured by a front-end page, and the types of the form components in the second component set are different from those of the form components in the first component set;
receiving a query statement input by a user; displaying candidate fields on a visual interface according to the query statement; when receiving touch operation of the user on the candidate fields, taking the touch candidate fields as the fields selected by the user, acquiring semantic information of the fields selected by the user, and acquiring candidate component types matched with the semantic information of the fields selected by the user from a component library; when form components corresponding to the candidate component types are compiled in advance in a browser, the change content of pages of the browser in the process of compiling the form components corresponding to each candidate component type is serialized through the browser log, and at least one log file is obtained; determining source code required for compiling a form component corresponding to the candidate component type according to the at least one log file; performing webpage rendering according to source codes required by compiling form components corresponding to the candidate component types to obtain a plurality of rendered webpages; dynamically playing the plurality of rendered webpages, and recording a screen through the browser in the process of dynamically playing the plurality of rendered webpages to obtain the display video of the candidate component type; displaying the candidate component type and a video play button of the candidate component type on the visual interface; the video playing button of the candidate component type is used for playing the display video of the candidate component type on the visual interface under the condition that a user clicks the video playing button, and the display video is used for displaying the effect when the form component configuration form corresponding to the candidate component type is used, so that the user can select the component type;
Receiving a form configuration request, wherein the form configuration request comprises a field selected by a user and a component type selected by the user;
acquiring a form component corresponding to the component type selected by the user from the component library according to the component type selected by the user;
and performing form configuration according to the field selected by the user and the form component corresponding to the component type selected by the user.
2. The method of claim 1, wherein prior to receiving the form configuration request sent by the user, the method comprises:
when the touch operation of the user for the candidate component type is received, the touch candidate component type is used as the component type selected by the user;
and generating the form configuration request according to the field selected by the user and the component type selected by the user.
3. The method of claim 2, wherein displaying candidate fields on a visual interface according to the query statement comprises:
carrying out keyword recognition on the query statement to obtain keywords of the query statement;
performing similarity calculation on the keywords of the query statement and each field tag in the field library to obtain candidate field tags;
And displaying the candidate field corresponding to the candidate field label on the visual interface.
4. A method according to any one of claims 1-3, characterized in that the method further comprises:
receiving a file to be input uploaded by the user;
performing image conversion on the file to be recorded to obtain an image to be recorded;
performing key point identification on the image to be recorded to obtain at least one key point in the image to be recorded;
carrying out keyword recognition on the area where each keyword in the at least one keyword is located to obtain at least one keyword, wherein the at least one keyword corresponds to the at least one keyword one by one;
extracting data to be input corresponding to each keyword in the at least one keyword from the image to be input;
and determining a field corresponding to each keyword in the configured form, and inputting the data to be input corresponding to each keyword into a form component of the field corresponding to each keyword to obtain the form after inputting the data.
5. A form configuring apparatus, comprising:
the receiving and transmitting unit is used for acquiring a form component configuration file, wherein the form component configuration file comprises a plurality of form items of each form component to be configured and configuration values corresponding to the form items;
The processing unit is used for calling the universal codes corresponding to each form item, and assigning the parameter of the universal codes corresponding to each form item as the configuration value corresponding to each form item to obtain the function codes of each form item; combining the function codes of the plurality of form items to obtain source codes of the form components to be configured, and rendering the source codes of the form components to be configured to obtain pre-configured form components; taking each preconfigured form component as a first component set, and forming a component library by the first component set and a second component set, wherein the form components in the second component set are configured by a front-end page, and the types of the form components in the second component set are different from those of the form components in the first component set;
receiving a query statement input by a user; displaying candidate fields on a visual interface according to the query statement; when receiving touch operation of the user on the candidate fields, taking the touch candidate fields as the fields selected by the user, acquiring semantic information of the fields selected by the user, and acquiring candidate component types matched with the semantic information of the fields selected by the user from a component library; when form components corresponding to the candidate component types are compiled in advance in a browser, the change content of pages of the browser in the process of compiling the form components corresponding to each candidate component type is serialized through the browser log, and at least one log file is obtained; determining source code required for compiling a form component corresponding to the candidate component type according to the at least one log file; performing webpage rendering according to source codes required by compiling form components corresponding to the candidate component types to obtain a plurality of rendered webpages; dynamically playing the plurality of rendered webpages, and recording a screen through the browser in the process of dynamically playing the plurality of rendered webpages to obtain the display video of the candidate component type; displaying the candidate component type and a video play button of the candidate component type on the visual interface; the video playing button of the candidate component type is used for playing the display video of the candidate component type on the visual interface under the condition that a user clicks the video playing button, and the display video is used for displaying the effect when the form component configuration form corresponding to the candidate component type is used, so that the user can select the component type;
The receiving and transmitting unit is further used for receiving a form configuration request, wherein the form configuration request comprises a field selected by a user and a component type selected by the user;
the processing unit is used for acquiring form components corresponding to the component types from the component library according to the component types selected by the user, the component library is preconfigured, the component library comprises a first component set and a second component set, the form components in the first component set are configured by a front-end page, and the types of the form components in the second component set are different from the types of the form components in the first component set; and performing form configuration according to the field selected by the user and the form component corresponding to the component type selected by the user.
6. An electronic device, comprising: a processor and a memory, the processor being connected to the memory, the memory being for storing a computer program, the processor being for executing the computer program stored in the memory to cause the electronic device to perform the method of any one of claims 1-4.
7. A computer readable storage medium, characterized in that the computer readable storage medium stores a computer program, which is executed by a processor to implement the method of any of claims 1-4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110514925.8A CN113238741B (en) | 2021-05-12 | 2021-05-12 | Form configuration method, form configuration device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110514925.8A CN113238741B (en) | 2021-05-12 | 2021-05-12 | Form configuration method, form configuration device, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113238741A CN113238741A (en) | 2021-08-10 |
| CN113238741B true CN113238741B (en) | 2023-06-23 |
Family
ID=77133811
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110514925.8A Active CN113238741B (en) | 2021-05-12 | 2021-05-12 | Form configuration method, form configuration device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113238741B (en) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113656032B (en) * | 2021-08-23 | 2023-09-26 | 湖南快乐阳光互动娱乐传媒有限公司 | Processing method and system for cyclic value list of H5 manufacturing platform |
| CN114265658B (en) * | 2021-12-24 | 2024-03-01 | 中国农业银行股份有限公司 | Page display method, device and equipment |
| CN117149191A (en) * | 2022-04-14 | 2023-12-01 | 上海携宁计算机科技股份有限公司 | Software development method, platform, electronic device and computer readable storage medium |
| CN114862999A (en) * | 2022-07-11 | 2022-08-05 | 杭州安恒信息技术股份有限公司 | Dotting rendering method, dotting rendering device, dotting rendering equipment and storage medium |
| CN114968221B (en) * | 2022-07-18 | 2022-11-01 | 湖南云畅网络科技有限公司 | Front-end-based low-code arranging system and method |
| CN115455327A (en) * | 2022-08-05 | 2022-12-09 | 贝壳找房(北京)科技有限公司 | Page template generation method, electronic device, storage medium and program product |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2002003255A2 (en) * | 2000-06-30 | 2002-01-10 | Electronic Marketing Technologies | Configurable browser system |
| JP2009037525A (en) * | 2007-08-03 | 2009-02-19 | Canon Inc | Information processor, and attribute information update method |
| CN110058856A (en) * | 2019-04-28 | 2019-07-26 | 恒生电子股份有限公司 | Page configuration method and device |
| CN110837369A (en) * | 2019-10-24 | 2020-02-25 | 山东中创软件工程股份有限公司 | Form generation method and device, electronic equipment and storage medium |
| CN112015420A (en) * | 2020-09-16 | 2020-12-01 | 广东广宇科技发展有限公司 | Form rendering method and device, computer equipment and storage medium |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6317722B1 (en) * | 1998-09-18 | 2001-11-13 | Amazon.Com, Inc. | Use of electronic shopping carts to generate personal recommendations |
| US8418131B2 (en) * | 1998-11-25 | 2013-04-09 | Helmut Emmelmann | Interactive server side components |
| US9940387B2 (en) * | 2011-07-28 | 2018-04-10 | Lexisnexis, A Division Of Reed Elsevier Inc. | Search query generation using query segments and semantic suggestions |
| US10671806B2 (en) * | 2018-10-04 | 2020-06-02 | Binyamin Tsabba | Customized customer relationship management platform method and devices |
-
2021
- 2021-05-12 CN CN202110514925.8A patent/CN113238741B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2002003255A2 (en) * | 2000-06-30 | 2002-01-10 | Electronic Marketing Technologies | Configurable browser system |
| JP2009037525A (en) * | 2007-08-03 | 2009-02-19 | Canon Inc | Information processor, and attribute information update method |
| CN110058856A (en) * | 2019-04-28 | 2019-07-26 | 恒生电子股份有限公司 | Page configuration method and device |
| CN110837369A (en) * | 2019-10-24 | 2020-02-25 | 山东中创软件工程股份有限公司 | Form generation method and device, electronic equipment and storage medium |
| CN112015420A (en) * | 2020-09-16 | 2020-12-01 | 广东广宇科技发展有限公司 | Form rendering method and device, computer equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113238741A (en) | 2021-08-10 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113238741B (en) | Form configuration method, form configuration device, electronic equipment and storage medium | |
| CN112104899B (en) | Information recommendation method and device in live broadcast, electronic equipment and storage medium | |
| CN107818143B (en) | Page configuration and generation method and device | |
| US9607010B1 (en) | Techniques for shape-based search of content | |
| US10366154B2 (en) | Information processing device, information processing method, and computer program product | |
| US20100312767A1 (en) | Information Process Apparatus, Information Process Method, and Program | |
| US9972358B2 (en) | Interactive video generation | |
| US20230229718A1 (en) | Shared User Driven Clipping of Multiple Web Pages | |
| CN108228906B (en) | Method and apparatus for generating information | |
| KR102079221B1 (en) | Messenger searching method based on interaction, and server and application implementing the same method | |
| US11061651B2 (en) | Systems and methods for organizing, classifying, and discovering automatically generated computer software | |
| JP2020005309A (en) | Moving image editing server and program | |
| US9471558B2 (en) | Generation of introductory information page | |
| CN109960721A (en) | Multiple Compression based on source contents constructs content | |
| CN113536172A (en) | Encyclopedic information display method and device and computer storage medium | |
| WO2019245033A1 (en) | Moving image editing server and program | |
| KR101350525B1 (en) | Method and apparatus for using tab corresponding to query to provide additional information | |
| CN104182226A (en) | General mobile information system adaptation method and device | |
| CN113438532B (en) | Video processing method, video playing method, video processing device, video playing device, electronic equipment and storage medium | |
| KR100856132B1 (en) | System for managing web subjects | |
| CN114168775A (en) | Characteristic information acquisition method and device, storage medium and electronic equipment | |
| KR102592287B1 (en) | Messenger searching method based on interaction, and server and application implementing the same method | |
| CN110502713A (en) | Web page resources processing method, device, electronic equipment and storage medium | |
| CN116821475B (en) | Video recommendation method and device based on client data and computer equipment | |
| KR20230134458A (en) | Messenger searching method based on interaction, and server and application implementing the same method |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |