CN114741144B - Web-side complex form display method, device and system - Google Patents
Web-side complex form display method, device and system Download PDFInfo
- Publication number
- CN114741144B CN114741144B CN202210268361.9A CN202210268361A CN114741144B CN 114741144 B CN114741144 B CN 114741144B CN 202210268361 A CN202210268361 A CN 202210268361A CN 114741144 B CN114741144 B CN 114741144B
- Authority
- CN
- China
- Prior art keywords
- variable
- data
- target table
- style
- web
- 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
- 238000000034 method Methods 0.000 title claims abstract description 43
- 230000006870 function Effects 0.000 claims abstract description 40
- 238000009877 rendering Methods 0.000 claims abstract description 27
- 238000004364 calculation method Methods 0.000 claims description 21
- 238000005516 engineering process Methods 0.000 claims description 8
- 239000002131 composite material Substances 0.000 abstract description 6
- 210000004027 cell Anatomy 0.000 description 48
- 238000010586 diagram Methods 0.000 description 5
- 230000000007 visual effect Effects 0.000 description 3
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 210000003850 cellular structure Anatomy 0.000 description 1
- 230000005684 electric field Effects 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/547—Remote procedure calls [RPC]; Web services
Abstract
The invention provides a web-side complex form display method, device and system, which can be applied to the financial field or other fields, and after a service side identifies the style of a target form, the service side binds a variable for each cell in the style of the target form, so as to realize the configuration of complex forms comprising composite components by configuring the attribute of the variable, whether the corresponding cell can be edited, the data type and the data source. After the web side obtains the configuration data of the target table, the rendering display of the target table can be realized by calling preset rendering functions corresponding to different data types, a large number of judgment sentences are not required to be written in codes according to the characteristics of the complex table to be drawn when the complex table is drawn at the web side each time, and the display efficiency of the complex table at the web side is improved.
Description
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a method, an apparatus, and a system for displaying a web-side complex table.
Background
web-side forms are often used for page presentation of list data, etc., and are widely used in web-side form presentation.
The simple table in many scenes of the Web end cannot express the relation between data well, the complex table can express the relation between data better, but the drawing of the complex table on the Web end is quite complex, and usually, a certain process is required to be carried out on each row and each column to finish the operation of cell merging and the like, and complex contents are displayed in the table, such as an input box, a drop-down box and the like, and a large number of judgment sentences are also required to be written in codes to finish the operation. Therefore, the current drawing complexity of the web-side complex table is higher and the efficiency is lower.
Disclosure of Invention
In view of the above, the invention provides a method, a device and a system for displaying a web-side complex form, which improve the display efficiency of the web-side complex form.
In order to achieve the above purpose, the specific technical scheme provided by the invention is as follows:
in a first aspect, an embodiment of the present invention discloses a web-side complex table display method, which is applied to a server, and the method includes:
identifying a style of the target form;
generating a variable corresponding to each cell in the style of the target table;
configuring the attribute of each variable to generate configuration data of the target table, wherein the attribute of the variable comprises: whether editable, data type, and data source;
and under the condition that a call request of the web terminal is received, the style and the configuration data of the target table are sent to the web terminal, so that the web terminal calls preset rendering functions corresponding to different data types according to the style and the configuration data of the target table, and renders and displays the target table.
In some embodiments, the identifying the style of the target table includes:
acquiring the target table in an Excel format;
and extracting the style of the target table in the Excel format.
In some embodiments, the identifying the style of the target table includes:
acquiring an image of the target form;
converting the image of the target form into an Excel format by utilizing an OCR technology;
and extracting the style of the target table in the Excel format.
In some embodiments, the extracting the style of the target table in Excel format includes:
and extracting each cell in the target table in the Excel format, and determining a row number and a column number corresponding to each cell.
In some embodiments, the configuring the attribute of each of the variables generates configuration data of the target table, including:
configuring whether the variables are editable for each of the variables;
configuring the value of the variable in the case that the variable is not editable;
in the case that the variable is editable, the data type and the data source of the variable are configured, and the data type of the variable comprises a basic form element.
In some embodiments, after configuring the data type and data source of the variable, the method further comprises:
and configuring a calculation function corresponding to the variable, wherein the calculation function is used for performing function calculation on the data source of the variable to obtain the value of the variable.
In some embodiments, after configuring the data type and data source of the variable, the method further comprises:
and configuring an interface corresponding to the variable, and accessing a data source of the variable by calling the interface when the web side renders and displays the target table.
In a second aspect, an embodiment of the present invention discloses a web-side complex table display device, which is applied to a server, and the device includes:
a form style identification unit for identifying a style of the target form;
the cell variable generation unit is used for generating a variable corresponding to each cell in the style of the target table;
a configuration data generating unit, configured to configure an attribute of each variable, and generate configuration data of the target table, where the attribute of the variable includes: whether editable, data type, and data source;
and the configuration data sending unit is used for sending the configuration data of the target table to the web terminal under the condition of receiving a call request of the web terminal, so that the web terminal calls functions corresponding to preset different attributes according to the configuration data of the target table, and rendering and displaying the target table.
In some embodiments, the table style identification unit is specifically configured to:
acquiring the target table in an Excel format;
and extracting the style of the target table in the Excel format.
In some embodiments, the table style identification unit is specifically configured to:
acquiring an image of the target form;
converting the image of the target form into an Excel format by utilizing an OCR technology;
and extracting the style of the target table in the Excel format.
In some embodiments, the table style identification unit is specifically configured to:
and extracting each cell in the target table in the Excel format, and determining a row number and a column number corresponding to each cell.
In some embodiments, the configuration data generating unit is specifically configured to:
configuring whether the variables are editable for each of the variables;
configuring the value of the variable in the case that the variable is not editable;
in the case that the variable is editable, the data type and the data source of the variable are configured, and the data type of the variable comprises a basic form element.
In some embodiments, the configuration data generating unit is further configured to configure a calculation function corresponding to the variable after configuring the data type and the data source of the variable, where the calculation function is used to perform function calculation on the data source of the variable, so as to obtain the value of the variable.
In some embodiments, the configuration data generating unit is further configured to configure an interface corresponding to the variable after configuring the data type and the data source of the variable, and when the web side performs rendering display on the target table, access the data source of the variable by calling the interface.
In a third aspect, the embodiment of the invention discloses a web-side complex table display system, which comprises a server side and a web side;
the server is used for executing the web-side complex form display method disclosed in the first aspect;
the web side is used for sending a calling request to the server side under the condition of receiving an access request of the target table, receiving the style and the configuration data of the target table sent by the server side, calling preset rendering functions corresponding to different data types according to the style and the configuration data of the target table, and rendering and displaying the target table.
Compared with the prior art, the invention has the following beneficial effects:
according to the web-side complex table display method, device and system disclosed by the invention, after the style of the target table is identified, the server binds one variable for each cell in the style of the target table, so that whether the corresponding cell can be edited, the data type and the data source are configured by configuring the attribute of the variable, and the configuration of the complex table containing the composite component is realized. After the web side obtains the configuration data of the target table, the rendering display of the target table can be realized by calling preset rendering functions corresponding to different data types, a large number of judgment sentences are not required to be written in codes according to the characteristics of the complex table to be drawn when the complex table is drawn at the web side each time, and the display efficiency of the complex table at the web side is improved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings that are required to be used in the embodiments or the description of the prior art will be briefly described below, and it is obvious that the drawings in the following description are only embodiments of the present invention, and that other drawings can be obtained according to the provided drawings without inventive effort for a person skilled in the art.
FIG. 1 is a schematic flow chart of a web-side complex form display method according to an embodiment of the present invention;
FIG. 2 is a schematic flow chart of a part of a web-side complex form display method according to an embodiment of the present invention;
FIG. 3a is a schematic diagram of a style of target table according to an embodiment of the present invention;
FIG. 3b is a schematic diagram of a style of target table according to an embodiment of the present invention;
FIG. 4 is a schematic flow chart of a part of a web-side complex form display method according to an embodiment of the present invention;
FIG. 5 is a schematic diagram of a visual form configuration according to an embodiment of the present invention;
fig. 6 is a schematic structural diagram of a web-side complex table display device according to an embodiment of the present invention.
Detailed Description
The following description of the embodiments of the present invention will be made clearly and completely with reference to the accompanying drawings, in which it is apparent that the embodiments described are only some embodiments of the present invention, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
The inventor finds that when the web side displays a complex table containing composite components, cell merging can be completed by performing certain processing on each row and each column through the web side code, and if complex contents such as an input box, a pull-down box and the like are required to be displayed in the table, a large number of judgment sentences are required to be written in the code to complete, and a large number of codes are required to be written. Because the codes are all fixed and written, if the form is to be modified or replaced, the codes are required to be rewritten and written, the workload is great, and the drawing complexity of the complex form at the web end is higher and the efficiency is lower at present.
In order to solve the technical problems, the invention provides a web-side complex table display method, a web-side complex table display device and a web-side complex table display system, wherein after a target table pattern is identified, a server side binds a variable to each cell in the target table pattern, and whether the corresponding cell can be edited, data types and data sources are configured by configuring the attribute of the variable, so that the complex table containing a composite component is configured. After the web side obtains the configuration data of the target table, the rendering display of the target table can be realized by calling preset rendering functions corresponding to different data types, a large number of judgment sentences are not required to be written in codes according to the characteristics of the complex table to be drawn when the complex table is drawn at the web side each time, and the display efficiency of the complex table at the web side is improved.
Specifically, referring to fig. 1, the method for displaying a complex table at a web end disclosed in the present embodiment is applied to a server, and includes the following steps:
s101: identifying a style of the target form;
the target form is the form to be displayed.
The target table can be in an Excel format or a design sketch in a picture format.
Taking the target table as an example of a design sketch of a picture format, referring to fig. 2, an alternative implementation of S101 is as follows:
s201: acquiring an image of a target form;
specifically, the image of the target form can be acquired by calling the image acquisition device to shoot the target form, and the image of the target form imported by the user can also be acquired.
S202: converting the image of the target form into an Excel format by utilizing an OCR technology;
and recognizing lines in the image of the target table by utilizing an OCR technology, and generating the target table in an Excel format according to the relationship between the lines.
S203: and extracting the style of the target table in the Excel format.
Each cell in the target table in the Excel format can be extracted by using the existing Excel processing method such as the pypyxl of the Python function library, and the row number and the column number corresponding to each cell are determined.
Alternatively, the pattern of the target table may be represented by row data and column data, where each data in the row data represents a cell number occupied by a corresponding row in the target table, and each data in the column data represents a cell number occupied by a corresponding column in the target table, for example, the target table shown in fig. 3a has 4 rows, the first 3 rows each occupy 1 cell, the 4 th row occupies 2 cells, and the row data is [ 1,2 ]; the target table shown in fig. 3b has 4 columns in total, wherein 1 column occupies 1 cell, 2 column occupies 2 cells, and each of 2 column and 4 column occupies 1 cell, so that the column data is [ 1,2,1,1 ]. It will be appreciated that the consolidated cells in the target table can be accurately represented by row data and column data.
S102: generating a variable corresponding to each cell in the style of the target table;
specifically, the variables corresponding to the cells may be represented according to the row numbers and the column numbers corresponding to the cells, and each cell corresponds to a unique variable.
S103: configuring the attribute of each variable to generate configuration data of a target table, wherein the attribute of the variable comprises: whether editable, data type, and data source;
referring to fig. 4, for each variable, the following configuration operation is performed:
s301: whether the configuration variables are editable;
the data displayed by the cells of the variable which cannot be edited are static data, and the data displayed by the cells of the variable which can be edited are dynamic data.
S302: in the case where the variable is not editable, configuring the value of the variable;
i.e. static data displayed by the configuration variables corresponding to the cells.
S303: in the case where the variable is editable, the data type of the variable, including the base form element, and the data source are configured.
The data types of the variables include input, select, radio, switch types in the basic form element, and the select type is taken as an example, and the remote interface can be bound to acquire the drop-down list data in the data source.
Further, if the cells in the target table need to perform function calculation, after the data type and the data source of the variable are configured, a calculation function corresponding to the variable may be further configured, where the calculation function is used to perform function calculation on the data source of the variable to obtain a value of the variable, and if the calculation function corresponding to the cell configured to display total score is configured as a summation function, the summation function is used to perform summation calculation on the cell above the cell configured to display scores of each family.
Further, after the data type and the data source of the variable are configured, an interface corresponding to the variable can be configured, and the web side accesses the data source of the variable through calling the interface when rendering and displaying the target table.
Further, in order to improve user experience, the implementation further provides a visual user interface for configuring the attribute of the variable corresponding to each cell in the target table. Referring to fig. 5, fig. 5 is a schematic diagram of a visual table configuration, after a certain cell in a target table is selected, a basic attribute configuration menu is popped up, a data type of a variable corresponding to the cell is selected through a drop-down list, and if a data source of the variable corresponding to the cell is remote data, a remote data dictionary website, a request method and the like need to be configured.
S104: and under the condition that a call request of the web terminal is received, the style and the configuration data of the target table are sent to the web terminal, so that the web terminal calls preset rendering functions corresponding to different data types according to the style and the configuration data of the target table, and renders and displays the target table.
The style and the configuration data of the target form can be saved to the server side, so that the subsequent modification is facilitated, and the style and the configuration data of the target form are sent to the web side under the condition that a call request of the web side is received.
The web side can determine a table with fixed row and column numbers according to row data and column data in the style of the target table, and then call preset rendering functions corresponding to different data types according to configuration data to render and display the target table.
Therefore, in the web-side complex table display method disclosed by the embodiment, after the server identifies the style of the target table, a variable is bound to each cell in the style of the target table, so that whether the corresponding cell can be edited, the data type and the data source are configured by configuring the attribute of the variable, and the configuration of the complex table containing the composite component is realized. After the web side obtains the configuration data of the target table, the rendering display of the target table can be realized by calling preset rendering functions corresponding to different data types, a large number of judgment sentences are not required to be written in codes according to the characteristics of the complex table to be drawn when the complex table is drawn at the web side each time, and the display efficiency of the complex table at the web side is improved.
Based on the method for displaying a web-side complex table disclosed in the foregoing embodiment, the present embodiment correspondingly discloses a web-side complex table display device, applied to a server, please refer to fig. 6, the device includes:
a table style identification unit 601 for identifying a style of a target table;
a cell variable generating unit 602, configured to generate a variable corresponding to each cell in the style of the target table;
a configuration data generating unit 603, configured to configure an attribute of each variable, and generate configuration data of the target table, where the attribute of the variable includes: whether editable, data type, and data source;
and the configuration data sending unit 604 is configured to send the configuration data of the target table to the web terminal when receiving the call request of the web terminal, so that the web terminal calls functions corresponding to preset different attributes according to the configuration data of the target table, and renders and displays the target table.
In some embodiments, the table style identifying unit 601 is specifically configured to:
acquiring the target table in an Excel format;
and extracting the style of the target table in the Excel format.
In some embodiments, the table style identifying unit 601 is specifically configured to:
acquiring an image of the target form;
converting the image of the target form into an Excel format by utilizing an OCR technology;
and extracting the style of the target table in the Excel format.
In some embodiments, the table style identifying unit 601 is specifically configured to:
and extracting each cell in the target table in the Excel format, and determining a row number and a column number corresponding to each cell.
In some embodiments, the configuration data generating unit 603 is specifically configured to:
configuring whether the variables are editable for each of the variables;
configuring the value of the variable in the case that the variable is not editable;
in the case that the variable is editable, the data type and the data source of the variable are configured, and the data type of the variable comprises a basic form element.
In some embodiments, the configuration data generating unit 603 is further configured to configure a calculation function corresponding to the variable after configuring the data type and the data source of the variable, where the calculation function is used to perform function calculation on the data source of the variable, so as to obtain the value of the variable.
In some embodiments, the configuration data generating unit 603 is further configured to configure an interface corresponding to the variable after configuring the data type and the data source of the variable, and the web side accesses the data source of the variable by calling the interface when rendering and displaying the target table.
The embodiment of the invention also discloses a web-side complex form display system, which comprises a server side and a web side;
the server is used for executing the following web complex form display method:
identifying a style of the target form;
generating a variable corresponding to each cell in the style of the target table;
configuring the attribute of each variable to generate configuration data of the target table, wherein the attribute of the variable comprises: whether editable, data type, and data source;
and under the condition that a call request of the web terminal is received, the style and the configuration data of the target table are sent to the web terminal, so that the web terminal calls preset rendering functions corresponding to different data types according to the style and the configuration data of the target table, and renders and displays the target table.
Further, the identifying the style of the target table includes:
acquiring the target table in an Excel format;
and extracting the style of the target table in the Excel format.
Further, the identifying the style of the target table includes:
acquiring an image of the target form;
converting the image of the target form into an Excel format by utilizing an OCR technology;
and extracting the style of the target table in the Excel format.
Further, the extracting the style of the target table in the Excel format includes:
and extracting each cell in the target table in the Excel format, and determining a row number and a column number corresponding to each cell.
Further, the configuring the attribute of each variable generates configuration data of the target table, including:
configuring whether the variables are editable for each of the variables;
configuring the value of the variable in the case that the variable is not editable;
in the case that the variable is editable, the data type and the data source of the variable are configured, and the data type of the variable comprises a basic form element.
Further, after configuring the data type and the data source of the variable, the method further comprises:
and configuring a calculation function corresponding to the variable, wherein the calculation function is used for performing function calculation on the data source of the variable to obtain the value of the variable.
Further, after configuring the data type and the data source of the variable, the method further comprises:
and configuring an interface corresponding to the variable, and accessing a data source of the variable by calling the interface when the web side renders and displays the target table.
The web side is used for sending a calling request to the server side under the condition of receiving an access request of the target table, receiving the style and the configuration data of the target table sent by the server side, calling preset rendering functions corresponding to different data types according to the style and the configuration data of the target table, and rendering and displaying the target table.
Specifically, after the web side obtains the style and configuration data of the target form sent by the server side, the web side generates finally available form configuration information according to input parameters such as a language frame and a UI component library of the web side, and a preset rendering function corresponding to different data types is called to render and display the target form.
According to the web-side complex table display system disclosed by the embodiment, after the service side identifies the style of the target table, by binding a variable for each cell in the style of the target table, whether the corresponding cell can be edited, the data type and the data source are configured by configuring the attribute of the variable, so that the configuration of the complex table containing the composite component is realized. After the web side obtains the configuration data of the target table, the rendering display of the target table can be realized by calling preset rendering functions corresponding to different data types, a large number of judgment sentences are not required to be written in codes according to the characteristics of the complex table to be drawn when the complex table is drawn at the web side each time, and the display efficiency of the complex table at the web side is improved.
It should be noted that the method and the device for displaying the web-side complex form provided by the invention can be applied to the financial field or other fields, for example, can be applied to application scenes of complex form display in the financial field. Other fields are any field other than the financial field, for example, the electric field. The foregoing is merely an example, and the application fields of the method and the device for displaying a web-side complex table provided by the present invention are not limited.
In the present specification, each embodiment is described in a progressive manner, and each embodiment is mainly described in a different point from other embodiments, and identical and similar parts between the embodiments are all enough to refer to each other. For the device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant points refer to the description of the method section.
It is further noted that relational terms such as first and second, and the like are used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Moreover, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
The steps of a method or algorithm described in connection with the embodiments disclosed herein may be embodied directly in hardware, in a software module executed by a processor, or in a combination of the two. The software modules may be disposed in Random Access Memory (RAM), memory, read Only Memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.
The above embodiments may be combined in any manner, and features described in the embodiments in the present specification may be replaced or combined with each other in the above description of the disclosed embodiments, so as to enable one skilled in the art to make or use the present application.
The previous description of the disclosed embodiments is provided to enable any person skilled in the art to make or use the present invention. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the invention. Thus, the present invention is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims (8)
1. The web-side complex form display method is characterized by being applied to a server side, and comprises the following steps:
identifying a style of the target form; wherein, the line data and the column data are used for representing the style of the target table, each data in the line data represents the cell number occupied by the corresponding line in the target table, and each data in the column data represents the cell number occupied by the corresponding column in the target table;
generating a variable corresponding to each cell in the style of the target table;
configuring the attribute of each variable to generate configuration data of the target table, wherein the attribute of the variable comprises: whether editable, data type, and data source;
under the condition that a call request of a web terminal is received, the style and configuration data of the target table are sent to the web terminal, so that the web terminal calls preset rendering functions corresponding to different data types according to the style and the configuration data of the target table, and renders and displays the target table;
wherein the configuring the attribute of each variable generates configuration data of the target table, including:
configuring whether the variables are editable for each of the variables;
configuring the value of the variable in the case that the variable is not editable;
in the case that the variable is editable, the data type and the data source of the variable are configured, and the data type of the variable comprises a basic form element.
2. The method of claim 1, wherein identifying the style of the target table comprises:
acquiring the target table in an Excel format;
and extracting the style of the target table in the Excel format.
3. The method of claim 1, wherein identifying the style of the target table comprises:
acquiring an image of the target form;
converting the image of the target form into an Excel format by utilizing an OCR technology;
and extracting the style of the target table in the Excel format.
4. A method according to claim 2 or 3, wherein said extracting the style of the target table in Excel format comprises:
and extracting each cell in the target table in the Excel format, and determining a row number and a column number corresponding to each cell.
5. The method of claim 1, wherein after configuring the data type and data source of the variable, the method further comprises:
and configuring a calculation function corresponding to the variable, wherein the calculation function is used for performing function calculation on the data source of the variable to obtain the value of the variable.
6. The method of claim 1, wherein after configuring the data type and data source of the variable, the method further comprises:
and configuring an interface corresponding to the variable, and accessing a data source of the variable by calling the interface when the web side renders and displays the target table.
7. A web-side complex form display device, characterized by being applied to a server side, the device comprising:
a form style identification unit for identifying a style of the target form; wherein, the line data and the column data are used for representing the style of the target table, each data in the line data represents the cell number occupied by the corresponding line in the target table, and each data in the column data represents the cell number occupied by the corresponding column in the target table;
the cell variable generation unit is used for generating a variable corresponding to each cell in the style of the target table;
a configuration data generating unit, configured to configure an attribute of each variable, and generate configuration data of the target table, where the attribute of the variable includes: whether editable, data type, and data source;
the configuration data sending unit is used for sending the configuration data of the target table to the web terminal under the condition that a call request of the web terminal is received, so that the web terminal calls functions corresponding to preset different attributes according to the configuration data of the target table, and rendering and displaying the target table;
the configuration data generation unit is specifically configured to:
configuring whether the variables are editable for each of the variables;
configuring the value of the variable in the case that the variable is not editable;
in the case that the variable is editable, the data type and the data source of the variable are configured, and the data type of the variable comprises a basic form element.
8. A web-side complex form display system is characterized by comprising a server side and a web side;
the server is used for executing the web complex form display method according to any one of claims 1 to 6;
the web side is used for sending a calling request to the server side under the condition of receiving an access request of the target table, receiving the style and the configuration data of the target table sent by the server side, calling preset rendering functions corresponding to different data types according to the style and the configuration data of the target table, and rendering and displaying the target table.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210268361.9A CN114741144B (en) | 2022-03-18 | 2022-03-18 | Web-side complex form display method, device and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210268361.9A CN114741144B (en) | 2022-03-18 | 2022-03-18 | Web-side complex form display method, device and system |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114741144A CN114741144A (en) | 2022-07-12 |
| CN114741144B true CN114741144B (en) | 2024-04-09 |
Family
ID=82277840
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210268361.9A Active CN114741144B (en) | 2022-03-18 | 2022-03-18 | Web-side complex form display method, device and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114741144B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117009717B (en) * | 2023-09-28 | 2023-12-22 | 云粒智慧科技有限公司 | Dynamic data calculation method and device for Web form |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108804483A (en) * | 2017-05-05 | 2018-11-13 | 平安科技（深圳）有限公司 | Rendering intent, server and the computer readable storage medium of the cell page |
| CN112506493A (en) * | 2020-10-30 | 2021-03-16 | 福建亿能达信息技术股份有限公司 | Table configuration method, device, equipment and medium based on vue |
| CN113139445A (en) * | 2021-04-08 | 2021-07-20 | 招商银行股份有限公司 | Table recognition method, apparatus and computer-readable storage medium |
-
2022
- 2022-03-18 CN CN202210268361.9A patent/CN114741144B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108804483A (en) * | 2017-05-05 | 2018-11-13 | 平安科技（深圳）有限公司 | Rendering intent, server and the computer readable storage medium of the cell page |
| CN112506493A (en) * | 2020-10-30 | 2021-03-16 | 福建亿能达信息技术股份有限公司 | Table configuration method, device, equipment and medium based on vue |
| CN113139445A (en) * | 2021-04-08 | 2021-07-20 | 招商银行股份有限公司 | Table recognition method, apparatus and computer-readable storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114741144A (en) | 2022-07-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107291343B (en) | Note recording method, device and computer readable storage medium | |
| CN105843800A (en) | DOI-based language information display method and device | |
| CN108829371B (en) | Interface control method and device, storage medium and electronic equipment | |
| CN109508189B (en) | Layout template processing method and device and computer readable storage medium | |
| CN112950738B (en) | Rendering engine processing method and device, storage medium and electronic equipment | |
| CN114741144B (en) | Web-side complex form display method, device and system | |
| CN111488097A (en) | Method and equipment for providing reading presentation information | |
| CN109542878B (en) | List creation method and device | |
| CN112991151B (en) | Image processing method, image generation method, apparatus, device, and medium | |
| CN104750667A (en) | Image content processing method and mobile terminal | |
| CN112035412A (en) | Data file importing method, device, storage medium and device | |
| CN109120509B (en) | Information collection method and device | |
| CN111273903A (en) | Webpage making method and device, computer equipment and computer storage medium | |
| CN105739717A (en) | Information input method and device | |
| CN112492399A (en) | Information display method and device and electronic equipment | |
| CN111079771B (en) | Method, system, terminal equipment and storage medium for extracting characteristics of click-to-read image | |
| CN113051235A (en) | Document loading method and device, terminal and storage medium | |
| CN111626021B (en) | Presentation generation method and device | |
| CN107103096A (en) | Method for information display and device | |
| CN107992348B (en) | Dynamic cartoon plug-in processing method and system based on intelligent terminal | |
| CN113190697A (en) | Image information playing method and device | |
| CN112784527A (en) | Document merging method and device and electronic equipment | |
| CN114116418A (en) | Information processing method and device, computer storage medium and electronic equipment | |
| CN111782172A (en) | Information display method and device | |
| CN112306838A (en) | Page layout compatibility testing method, device and equipment and readable storage medium |
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 |