CN111931109A - Multi-end form display method and device - Google Patents
Multi-end form display method and device Download PDFInfo
- Publication number
- CN111931109A CN111931109A CN202010773067.4A CN202010773067A CN111931109A CN 111931109 A CN111931109 A CN 111931109A CN 202010773067 A CN202010773067 A CN 202010773067A CN 111931109 A CN111931109 A CN 111931109A
- Authority
- CN
- China
- Prior art keywords
- data structure
- form data
- terminal
- display
- displaying
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/22—Indexing; Data structures therefor; Storage structures
- G06F16/2282—Tablespace storage structures; Management thereof
-
- 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/957—Browsing optimisation, e.g. caching or content distillation
Abstract
The invention discloses a method and a device for displaying a multi-end form, and belongs to the field of Web page development. After the form is created, independently storing the form data structure of the form, and then modifying the form data structures corresponding to different terminals; and displaying the form after receiving a form displaying request of the terminal. The form data structure is independently stored, each terminal can have one form data structure, and then when the form data structures of different terminals are modified according to user requirements, the form data structures corresponding to other terminals cannot be influenced.
Description
Technical Field
The invention relates to the field of Web page development, in particular to a method and a device for displaying a multi-end form.
Background
In the field of user-defined forms, mainstream Web front-end frames are integrated, and the problem of cross-end display of the forms is solved through the self-carrying multi-end adaptation capability of the front-end frames; however, more that is provided by the mainstream framework is automatic adaptation, and only zooming is performed according to the size of the screen at each end during automatic adaptation, and the displayed layout and content cannot be changed at each end. For example, if the PC side fields are presented top-down in A, B, C, D order; the default box cut to the mobile end is also shown in A, B, C, D order; if you want to show in D, C, B, A order, the default box is unsupported; meanwhile, if only A, B, C is desired to be displayed on the mobile end, the default box is not allowed; therefore, the display mode has large limitation and cannot meet various requirements of users.
Disclosure of Invention
In order to overcome the defects of the prior art, the invention provides a method and a device for displaying a multi-end form, which are used for solving the problems that a default frame is large in limitation and cannot meet various requirements of a user.
The technical scheme adopted by the invention for solving the technical problems is as follows:
on the one hand, the method comprises the following steps of,
a multi-end form display method comprises the following steps:
creating a form;
the form data structures of the forms are respectively and independently stored, namely, one terminal stores one form data structure;
modifying form data structures corresponding to different terminals;
receiving a display form request of a terminal;
and displaying the form.
Further, the creating the form includes:
defining a form data structure, the form data structure including layout, style, and field controls;
and acquiring form content data according to the form data structure.
Further, the definition form data structure is defined by adopting a JSON data structure.
Further, still include:
and storing the form content data into one copy for different terminals to use.
Further, the separately storing the form data structures of the forms includes:
and adding an identification field to the form data structure, wherein the identification field is used for distinguishing the type of the terminal.
Further, modifying the form data structures corresponding to different terminals includes:
acquiring a form data structure of the terminal to be modified according to the identification field;
and modifying the form data structure of the terminal to be modified.
Further, the presentation form includes:
acquiring a terminal type;
selecting a corresponding form data structure according to the terminal type;
and generating and displaying a form according to the form data structure.
Further, the selecting the corresponding form data structure according to the terminal type includes:
matching corresponding identification fields according to the terminal types;
and selecting the form data structure corresponding to the matched identification field.
Further, the generating and displaying the form according to the form data structure includes:
acquiring required form content data from the stored form content data according to the form data structure;
and filling the required form content data into the form data structure to generate and display the form.
On the other hand, in the case of a liquid,
a multiple-end form presentation apparatus, comprising:
the form creating unit is used for creating a form;
the independent storage unit is used for respectively and independently storing the form data structures of the forms, namely, one terminal stores one form data structure;
the structure modification unit is used for modifying the form data structures corresponding to different terminals;
the request receiving unit is used for receiving a display form request of the terminal;
and the form display unit is used for displaying the forms.
This application adopts above technical scheme, possesses following beneficial effect at least:
the technical scheme of the invention discloses a method and a device for displaying a multi-end form, wherein after the form is created, the form data structure of the form is independently stored, and then the form data structures corresponding to different terminals are modified; and displaying the form after receiving a form displaying request of the terminal. The form data structure is independently stored, each terminal can have one form data structure, and then when the form data structures of different terminals are modified according to user requirements, the form data structures corresponding to other terminals cannot be influenced.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present application, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
FIG. 1 is a flowchart of a method for displaying a multi-end form according to an embodiment of the present invention;
FIG. 2 is a schematic structural diagram of a multi-end form display apparatus according to an embodiment of the present invention;
FIG. 3 is an interaction diagram of a form design time provided by an embodiment of the invention;
fig. 4 is a schematic diagram of interaction during the running of a form on a PC side according to an embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, the following detailed description of the technical solutions of the present invention is provided with reference to the accompanying drawings and examples. It is to be understood that the embodiments described are only a few embodiments of the present application and not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the examples given herein without making any creative effort, shall fall within the protection scope of the present application.
Referring to fig. 1, the invention provides a method for displaying a multi-end form, comprising the following steps:
creating a form;
the form data structures of the forms are respectively and independently stored, namely, one terminal stores one form data structure;
modifying form data structures corresponding to different terminals;
receiving a display form request of a terminal;
and displaying the form.
According to the multi-end form display method provided by the embodiment of the invention, after the form is created, the form data structure of the form is independently stored, and then the form data structures corresponding to different terminals are modified; and displaying the form after receiving a form displaying request of the terminal. The form data structure is independently stored, each terminal can have one form data structure, and then when the form data structures of different terminals are modified according to user requirements, the form data structures corresponding to other terminals cannot be influenced.
As an optional implementation manner of the embodiment of the present invention, creating the form includes:
defining form data structures including, but not limited to: layout, style, and field controls; and acquiring form content data according to the form data structure. Illustratively, the form data structure is similar to the form of a table; the form content data is the actual content of the form, i.e., the data described in the form. The user can obtain the desired information from the form content data.
In some embodiments, the form data structure is stored in one copy respectively according to different terminals; but the form content data is stored only one copy for all terminals to use. By the method, the storage pressure can be reduced, the space required by storage is reduced, and the development cost is reduced.
As a preferred implementation mode of the embodiment of the invention, the data structure of the definition form is defined by adopting a JSON data structure, the JSON data structure is convenient to transmit, has fewer redundant characters, is convenient to convert and easy to read, and can intuitively know what content is stored.
In the actual creation process, the independent storage of the form data structures of the forms respectively comprises the following steps:
and adding an identification field to the form data structure, wherein the identification field is used for distinguishing the terminal type. By identifying the fields, the form data of different terminals are independently stored, and the complementary influence is realized when the form data are modified. Illustratively, the distinction is made by the field viewType (0 for pc end view; 1 for mobile end view).
Because the form data structures are distinguished by adopting the identification fields, the form data structures corresponding to different terminals are modified by the following steps: acquiring a form data structure of the terminal to be modified according to the identification field; and modifying the form data structure of the terminal to be modified. Therefore, the data structure stored correspondingly can be found only by knowing the identification field of the terminal to be modified, and the data structure is modified without influencing the data structures stored by other terminals, so that different requirements of users can be met.
As an optional embodiment of the present invention, after receiving a request for displaying a form from a terminal, first obtain a terminal type, then select a corresponding form data structure according to the terminal type, and finally generate and display a form according to the selected form data structure.
Wherein, selecting the corresponding form data structure according to the terminal type comprises: matching corresponding identification fields according to the terminal type; and selecting the form data structure corresponding to the matched identification field.
Further, generating and presenting the form according to the form data structure comprises: acquiring required form content data from the stored form content data according to the form data structure; and filling the required form content data into a form data structure to generate and display the form.
In one embodiment, the present invention further provides a device for displaying multiple forms, as shown in fig. 2, including:
a form creating unit 210 for creating a form; the form creating unit is specifically used for defining a form data structure, and the form data structure comprises layout, styles and field controls; and then obtaining form content data according to the form data structure.
It should be noted that, when the form creating unit creates the form, the form data structure is defined by adopting a JSON data structure; and simultaneously, the form content data is stored as one copy for different terminals to use.
An independent storage unit 220, configured to store the form data structures of the forms independently, that is, one terminal stores one form data structure; specifically, the independent storage unit adds an identification field to the form data structure, and the identification field is used for distinguishing the terminal type.
A structure modifying unit 230, configured to modify form data structures corresponding to different terminals; specifically, the structure modification unit firstly obtains a form data structure of the terminal to be modified according to the identification field; and then modifying the form data structure of the terminal to be modified.
A request receiving unit 240, configured to receive a request for a display form from a terminal.
And a form display unit 250 for displaying the form. Specifically, the form display unit firstly acquires the terminal type; then selecting a corresponding form data structure according to the type of the terminal; and finally, generating and displaying the form according to the selected form data structure.
Wherein, selecting the corresponding form data structure according to the terminal type comprises: matching corresponding identification fields according to the terminal type; and selecting the form data structure corresponding to the matched identification field.
Further, generating and presenting the form according to the form data structure comprises: acquiring required form content data from the stored form content data according to the form data structure; and filling the required form content data into a form data structure to generate and display the form.
In the multi-end form display device provided by the embodiment of the invention, the form creating unit creates the form; the independent storage unit respectively and independently stores the form data structures of the forms; the structure modification unit modifies form data structures corresponding to different terminals; a request receiving unit receives a display form request of a terminal; the form display unit displays the form. The form data structure stored for other terminals is not influenced when the form data structure corresponding to different terminals is modified by the structure modification unit, so that the form data structure of each terminal can meet the requirements of users.
In order to more clearly illustrate the scheme of the present application, the embodiment of the present invention further provides a specific form display process. The whole process is divided into two scenes, a design period (a form designer designs a form) and a running period (a form user transacts business through the form).
Design period: as shown in the figure, the first and second,
s1, creating a form on the form management interface by a form designer, and defining which controls, layouts and styles of the form are provided by dragging on the form design interface;
s2, defining the form, clicking the save button to save the form definition; the 'view designer' transfers JSON defined by the form to a 'form service layer', the service layer stores views at different ends of the form respectively, and the views are isolated in a database table through a field viewType (0: pc end view; 1: mobile end view);
s3, the user can modify the view style of different ends respectively without affecting the form definition of other ends.
The operation period is as follows: as shown in fig. 2:
a form user opens a form in a PC browser, the form display layer acquires that the current environment is PC, then the form service layer is called, the service layer filters corresponding view data from a database according to the value of the viewType, and the view data is returned to the display layer for loading and displaying;
it should be noted that the process of loading on the mobile side, similar to the PC side, is not described here.
The specific form display process provided by the embodiment of the invention is used for describing the definition (layout, style, field control and the like) of the form, and the form definitions at different ends are independently stored, so that the purposes of isolation and personalized setting are achieved. By the isolated definition and storage of the Web form in a certain end view, the Web can be displayed in a more flexible and differentiated manner when being adapted to multiple ends (a PC end and a mobile end).
It is understood that the same or similar parts in the above embodiments may be mutually referred to, and the same or similar parts in other embodiments may be referred to for the content which is not described in detail in some embodiments.
It should be noted that, in the description of the present application, the terms "first", "second", etc. are used for descriptive purposes only and are not to be construed as indicating or implying relative importance. Further, in the description of the present application, the meaning of "a plurality" means at least two unless otherwise specified.
Any process or method descriptions in flow charts or otherwise described herein may be understood as representing modules, segments, or portions of code which include one or more executable instructions for implementing specific logical functions or steps of the process, and the scope of the preferred embodiments of the present application includes other implementations in which functions may be executed out of order from that shown or discussed, including substantially concurrently or in reverse order, depending on the functionality involved, as would be understood by those reasonably skilled in the art of the present application.
It should be understood that portions of the present application may be implemented in hardware, software, firmware, or a combination thereof. In the above embodiments, the various steps or methods may be implemented in software or firmware stored in memory and executed by a suitable instruction execution system. For example, if implemented in hardware, as in another embodiment, any one or combination of the following techniques, which are known in the art, may be used: a discrete logic circuit having a logic gate circuit for implementing a logic function on a data signal, an application specific integrated circuit having an appropriate combinational logic gate circuit, a Programmable Gate Array (PGA), a Field Programmable Gate Array (FPGA), or the like.
It will be understood by those skilled in the art that all or part of the steps carried by the method for implementing the above embodiments may be implemented by hardware related to instructions of a program, which may be stored in a computer readable storage medium, and when the program is executed, the program includes one or a combination of the steps of the method embodiments.
In addition, functional units in the embodiments of the present application may be integrated into one processing module, or each unit may exist alone physically, or two or more units are integrated into one module. The integrated module can be realized in a hardware mode, and can also be realized in a software functional module mode. The integrated module, if implemented in the form of a software functional module and sold or used as a stand-alone product, may also be stored in a computer readable storage medium.
The storage medium mentioned above may be a read-only memory, a magnetic or optical disk, etc.
In the description herein, reference to the description of the term "one embodiment," "some embodiments," "an example," "a specific example," or "some examples," etc., means that a particular feature, structure, material, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the application. In this specification, the schematic representations of the terms used above do not necessarily refer to the same embodiment or example. Furthermore, the particular features, structures, materials, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples.
Although embodiments of the present application have been shown and described above, it is understood that the above embodiments are exemplary and should not be construed as limiting the present application, and that variations, modifications, substitutions and alterations may be made to the above embodiments by those of ordinary skill in the art within the scope of the present application.
Claims (10)
1. A multi-end form display method is characterized by comprising the following steps:
creating a form;
the form data structures of the forms are respectively and independently stored, namely, one terminal stores one form data structure;
modifying form data structures corresponding to different terminals;
receiving a display form request of a terminal;
and displaying the form.
2. The method of claim 1, wherein: the creating of the form includes:
defining a form data structure, the form data structure including layout, style, and field controls;
and acquiring form content data according to the form data structure.
3. The method of claim 2, further comprising:
and storing the form content data into one copy for different terminals to use.
4. The method of claim 2, wherein: and the data structure of the definition form is defined by adopting a JSON data structure.
5. A method according to claim 1 or 3, characterized in that: the form data structures of the forms are respectively and independently stored, and the method comprises the following steps:
and adding an identification field to the form data structure, wherein the identification field is used for distinguishing the type of the terminal.
6. The method of claim 5, wherein: modifying the form data structures corresponding to different terminals comprises the following steps:
acquiring a form data structure of the terminal to be modified according to the identification field;
and modifying the form data structure of the terminal to be modified.
7. The method of claim 6, wherein: the display form includes:
acquiring a terminal type;
selecting a corresponding form data structure according to the terminal type;
and generating and displaying a form according to the form data structure.
8. The method of claim 7, wherein: the selecting the corresponding form data structure according to the terminal type comprises:
matching corresponding identification fields according to the terminal types;
and selecting the form data structure corresponding to the matched identification field.
9. The method of claim 7, wherein: the generating and displaying of the form according to the form data structure comprises:
acquiring required form content data from the stored form content data according to the form data structure;
and filling the required form content data into the form data structure to generate and display the form.
10. A multiple-end form presentation apparatus, comprising:
the form creating unit is used for creating a form;
the independent storage unit is used for respectively and independently storing the form data structures of the forms, namely, one terminal stores one form data structure;
the structure modification unit is used for modifying the form data structures corresponding to different terminals;
the request receiving unit is used for receiving a display form request of the terminal;
and the form display unit is used for displaying the forms.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010773067.4A CN111931109A (en) | 2020-08-04 | 2020-08-04 | Multi-end form display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010773067.4A CN111931109A (en) | 2020-08-04 | 2020-08-04 | Multi-end form display method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111931109A true CN111931109A (en) | 2020-11-13 |
Family
ID=73306873
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010773067.4A Pending CN111931109A (en) | 2020-08-04 | 2020-08-04 | Multi-end form display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111931109A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114064169A (en) * | 2021-09-26 | 2022-02-18 | 安徽中科新辰技术有限公司 | Data display method and device and storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101661508A (en) * | 2009-09-29 | 2010-03-03 | 金蝶软件（中国）有限公司 | Method for generating memu for multi-technology platform and device thereof |
| CN102339314A (en) * | 2011-09-24 | 2012-02-01 | 国网电力科学研究院 | Cross-terminal data form description and presentation method based on extensive makeup language (XML) |
| CN103809976A (en) * | 2014-02-19 | 2014-05-21 | 浪潮软件股份有限公司 | Method for associating workflow with multi-terminal-type forms |
-
2020
- 2020-08-04 CN CN202010773067.4A patent/CN111931109A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101661508A (en) * | 2009-09-29 | 2010-03-03 | 金蝶软件（中国）有限公司 | Method for generating memu for multi-technology platform and device thereof |
| CN102339314A (en) * | 2011-09-24 | 2012-02-01 | 国网电力科学研究院 | Cross-terminal data form description and presentation method based on extensive makeup language (XML) |
| CN103809976A (en) * | 2014-02-19 | 2014-05-21 | 浪潮软件股份有限公司 | Method for associating workflow with multi-terminal-type forms |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114064169A (en) * | 2021-09-26 | 2022-02-18 | 安徽中科新辰技术有限公司 | Data display method and device and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111522565B (en) | Real-time data updating visualization large-screen method and system based on componentization | |
| CN110286896B (en) | Visual editing method, device, equipment and storage medium | |
| US7984388B2 (en) | System and method for partially collapsing a hierarchical structure for information navigation | |
| US9183561B2 (en) | Automatic generation of trend charts | |
| CN105224225B (en) | The switching method and device of details page | |
| CN110045894B (en) | System and method for dialog box customization | |
| KR101686691B1 (en) | Hierarchically-organized control galleries | |
| US20100238089A1 (en) | System and method for the auto-detection and presentation of pre-set configurations for multiple monitor layout display | |
| CN105824517B (en) | A kind of implementation method and device of desktop | |
| CA2548597A1 (en) | Intelligent agenda object for showing contextual location within a presentation application | |
| US20080244416A1 (en) | Apparatus and method for creating and consuming custom visualization templates | |
| US20170090723A1 (en) | Widgets in digital dashboards | |
| US10467782B2 (en) | Interactive hierarchical bar chart | |
| US20080040677A1 (en) | HMI Development Support Apparatus, HMI Development Support Method and HMI Development Support Program | |
| US8170983B2 (en) | Managing data across a semantic data view and a presentation data view | |
| CN111931109A (en) | Multi-end form display method and device | |
| US11715245B2 (en) | Map data visualizations with multiple superimposed marks layers | |
| US10809904B2 (en) | Interactive time range selector | |
| CN107621951B (en) | View level optimization method and device | |
| US20130091133A1 (en) | Database visualization system | |
| JP2001306310A (en) | Method and device for assisting creation of gui part and application developing method | |
| KR20140078399A (en) | presenting user interface presenting method and device therefore | |
| JPH09198370A (en) | Multimedia scenario editing device | |
| CN113449226B (en) | Table creation method | |
| CN115686291A (en) | Method and system for graphically configuring map carousel popup |
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 |