CN115857908B - Visual modeling system for travel - Google Patents
Visual modeling system for travel Download PDFInfo
- Publication number
- CN115857908B CN115857908B CN202310157043.XA CN202310157043A CN115857908B CN 115857908 B CN115857908 B CN 115857908B CN 202310157043 A CN202310157043 A CN 202310157043A CN 115857908 B CN115857908 B CN 115857908B
- Authority
- CN
- China
- Prior art keywords
- control
- template
- interface
- module
- code
- 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
Abstract
The invention relates to a visual modeling system for a text trip, which comprises a visual control module, a canvas layout module, an input frame configuration module, a preset control attribute configuration window, a text trip module and a display module, wherein the visual control module inputs codes of a control template, an icon style, a dragged template code and a target freemaker template code generated by the control; the encryption transmission module uses SM4 cryptographic algorithm to encrypt and pack the obtained attribute value for submission; the rear end receives the encrypted package of the control, decrypts the encrypted package, reads the HTML template configuration information of the control in the control template library, and fills the attribute with the freemaker template to realize HTML template code generation.
Description
Technical Field
The invention relates to the field of intelligent forms, in particular to a visual modeling system for a travel.
Background
The current status short board of the intelligent form on the market can only generate a front-end code, if the function is to be started, a deployment program is required to be released, and the traditional dynamic form and the form configuration tool are usually realized aiming at a single application system, namely, after the form is configured through the form configuration tool, the form is released to a corresponding system, so that different systems are required to be independently provided with the form configuration tool, the workload of a developer is increased, the maintenance difficulty of the form configuration tool is also increased, and once all the form configuration tools are required to be simultaneously maintained, the workload is huge.
Disclosure of Invention
Accordingly, the present invention is directed to a visual modeling system for travel, which is designed to solve the above-mentioned problems.
In order to achieve the above purpose, the invention adopts the following technical scheme:
a visual modeling system for a travel comprises a visual control module, a canvas layout module, a drag-and-drop module, an input item configuration module, an encryption transmission module and a rear end;
the visual control module is used for inputting codes of control templates, icon patterns, dragged and dropped template codes and target freemaker template codes generated by the controls;
the canvas layout module acquires a control library list by using JDBC, acquires control list data from the front end, and renders the data to a tool box on the left side of the canvas by using a Jquery technology;
the drag-and-drop module uses Jquery to integrate HTML to realize drag-and-drop events of the dom element, triggers the call of a back-end interface when the dom element is parked in the central layout of the canvas, acquires a parking template code of the control, and renders the parking template code in a mouse parking position;
the input item configuration module is used for realizing customization of input items through presetting an attribute configuration window of a control;
the encryption transmission module acquires the attribute value of the control by utilizing Jquery polling, encrypts the acquired attribute value by using an SM4 cryptographic algorithm to generate an encryption packet and submits the encryption packet;
the rear end receives the encrypted package of the control, decrypts the encrypted package, reads the HTML template configuration information of the control in the control template library, and fills the attribute with the freemaker template to generate HTML template codes of the control body.
Further, the attribute configuration comprises naming of the control, height, width, label, validation rule and data source.
Furthermore, the back end generates HTML codes for all the controls in the canvas, generates polling codes according to the dragging and dropping positions of the controls to form a complete HTML code, generates the codes to a server interface exclusive generation catalog, and jumps a previewed popup box to the generation interface to realize the previewing function of the interface.
Further, an enhancement code module is further provided, a codepiror code editor is introduced, code content in the codepiror is read, and the code content is inserted into a specific dom node of javascript in the generated HTML code, and then integrated HTML code is regenerated.
Furthermore, an import interface module is further provided for reading interface configuration database information, converting the interface configuration database information into a JSON character string, importing the formatted JSON character string in a text mode, analyzing the JSON formatting information of the interface configuration database information read at the rear end to obtain basic attributes of all controls, and filling the basic attributes into template codes of all the controls to generate HTML codes.
Further, the system configures the menu access address of the interface, the user accesses the menu access address through the browser to trigger the back-end interface to call, after the back-end interface obtains the interface code accessed by the user, the program reads all configuration information of the interface in visual modeling through the interface code, the configuration information is filled into the freemaker template to generate the HTML code to the interface catalog of the server, and the front-end browser directly directs to the interface path, so that the real-time use function of the interface is realized.
Compared with the prior art, the invention has the following beneficial effects:
1. the invention realizes the drag type visual online development of the front end interface of the service module, and realizes the effect that the service module is generated in real time, can be used just by matching and does not need to be deployed;
2. the invention adopts the JAVA source code instant deployment technology. After the developer codes, only the text codes are pasted on the modeling tool service release platform for release, call services can be generated, compiling of source codes is not needed, class files are generated, and the server is stopped for deployment. The operation and maintenance deployment efficiency is greatly improved, the operation of the server can not be interrupted even if the function needs to be changed, and the service is truly provided for the outside within 7 x 24 hours;
3. according to the self-grinding script enhancement tool, under the condition that the drag designer cannot meet the personalized requirements of a user, a developer can directly write JS codes on line by using the script enhancement tool, and the enhancement tool can automatically integrate the enhancement script written by the developer into an interface generated by the self-modeling tool to call so as to meet the personalized requirements of the user.
Drawings
FIG. 1 is a schematic diagram of the system logic of the present invention;
FIG. 2 is a front-to-back end mating architecture diagram in accordance with one embodiment of the present invention;
FIGS. 3 and 4 are schematic diagrams of a visual control module in accordance with an embodiment of the present invention;
FIG. 5 is a schematic diagram of an input box configuration module according to an embodiment of the invention.
Description of the embodiments
The invention will be further described with reference to the accompanying drawings and examples.
Referring to fig. 1, the invention provides a visual modeling system for a travel, which comprises a visual control module, a canvas layout module, a drag-and-drop module, an input frame configuration module, an encryption transmission module and a rear end;
the visual control module is used for inputting codes of a control template, icon patterns, template codes after dragging and dropping and target freemaker template codes generated by the control, and is exemplified by a data table control in the embodiment, and referring to fig. 3 and 4;
the canvas layout module acquires a control library list by using JDBC, acquires control list data at the front end, and renders the data on a tool box on the left side of the canvas by using a Jquery technology;
the drag-and-drop module uses Jquery to integrate HTML to realize drag-and-drop events of the dom elements, triggers the call of a back-end interface when the dom elements are parked in the central layout of the canvas, acquires the parking template codes of the control, and renders the parking template codes in the mouse parking position;
the input box configuration module is used for presetting an attribute configuration window of a control, wherein the attribute configuration window comprises naming, height, width, labels, verification rules and data sources of the control;
the encryption transmission module acquires the attribute value of the control by utilizing Jquery polling, and uses an SM4 cryptographic algorithm to encrypt and pack the acquired attribute value for submission;
the rear end receives the encrypted package of the control, decrypts the encrypted package, reads the HTML template configuration information of the control in the control template library, and fills the attribute with the freemaker template to generate HTML template codes of the control body.
In this embodiment, the backend generates HTML codes for all the controls in the canvas, generates polling codes according to the drag and drop positions of the controls, forms a complete HTML code, generates the codes to the server interface exclusive generation catalog, and jumps the previewed pop-up box to the generation interface, thereby realizing the previewing function of the interface.
In this embodiment, an add enhancement code module is further provided, a codepiror code editor is introduced, code content in the codepiror is read, and the code content is inserted into a specific dom node of javascript in the generated HTML code, and then integrated HTML code is regenerated.
In this embodiment, an import interface module is further provided, which is configured to read interface configuration database information, convert the interface configuration database information into JSON strings, import the formatted JSON strings in a text manner, parse JSON formatting information of the interface configuration database information read at the rear end to obtain basic attributes of all controls, and populate the basic attributes to template codes of all controls to generate HTML codes.
In this embodiment, the system configures the menu access address of the interface, the user accesses the menu access address through the browser to trigger the call of the back-end interface, after the back-end interface obtains the interface code accessed by the user, the program reads all the configuration information of the interface in the visual modeling through the interface code, the configuration information is filled into the freemaker template to generate the HTML code to the interface directory of the server, and the front-end browser directly directs to the interface path, thereby realizing the real-time use function of the interface.
Referring to fig. 2, the embodiment further provides a front-end and back-end matching system, which includes a user end, a hua-to-cloud CDN, a boundary security protection unit, a load balancing unit, a PaaS platform server resource pool, a database, yun Pan, and an operation and maintenance server; the user terminal is connected with the PaaS platform server resource pool through the boundary safety protection unit and the load balancing unit; the PaaS platform server is respectively connected with the database, the Yun Pan and the operation and maintenance server.
Preferably, the boundary safety protection unit comprises a protection wall, IPS equipment, antitoxic equipment and WEB equipment; the database includes a primary database and a backup database.
The foregoing description is only of the preferred embodiments of the invention, and all changes and modifications that come within the meaning and range of equivalency of the claims are therefore intended to be embraced therein.
Claims (1)
1. The visual modeling system for the travel is characterized by comprising a visual control module, a canvas layout module, a drag-and-drop module, an input item configuration module, an encryption transmission module and a rear end;
the visual control module is used for inputting codes of control templates, icon patterns, dragged and dropped template codes and target freemaker template codes generated by the controls;
the canvas layout module acquires a control library list by using JDBC, acquires control list data from the front end, and renders the data to a tool box on the left side of the canvas by using a Jquery technology;
the drag-and-drop module uses Jquery to integrate HTML to realize drag-and-drop events of the dom element, triggers the call of a back-end interface when the dom element is parked in the central layout of the canvas, acquires a parking template code of the control, and renders the parking template code in a mouse parking position;
the input item configuration module is used for realizing customization of input items through presetting an attribute configuration window of a control;
the encryption transmission module acquires the attribute value of the control by utilizing Jquery polling, encrypts the acquired attribute value by utilizing a JS SM4 cryptographic algorithm to generate an encryption packet and submits the encryption packet;
the rear end receives the encrypted package of the control, then decrypts the encrypted package, reads the HTML template configuration information of the control in the control template library, and fills the attribute with the freemaker template to realize HTML template code generation of the control body;
the method is also provided with an enhancement code module, a codemirror code editor is introduced, the code content in the codemirror is read, and the code content is inserted into a specific dom node of javascript in the generated HTML code, and then integrated HTML code is regenerated;
the method comprises the steps of obtaining the basic attributes of all controls through analysis, and filling the basic attributes into template codes of all the controls to generate HTML codes;
the system configures a menu access address of an interface, a user accesses the menu access address through a browser to trigger a back-end interface to call, after the back-end interface acquires an interface code accessed by the user, a program reads all configuration information of the interface in visual modeling through the interface code, the configuration information is filled into a freeemarker template to generate an HTML code to the interface of a server, and a front-end browser directly directs to an interface path, so that a real-time use function of the interface is realized; the attribute configuration comprises naming, height, width, labels, verification rules and data sources of the controls; and the back end generates HTML codes for all the controls in the canvas, generates polling codes according to the drag and drop positions of the controls to form a complete HTML code, generates the codes to a server interface exclusive generation catalog, and jumps the previewed popup box to the generation interface, so that the previewing function of the interface can be realized.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310157043.XA CN115857908B (en) | 2023-02-23 | 2023-02-23 | Visual modeling system for travel |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310157043.XA CN115857908B (en) | 2023-02-23 | 2023-02-23 | Visual modeling system for travel |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN115857908A CN115857908A (en) | 2023-03-28 |
| CN115857908B true CN115857908B (en) | 2023-09-01 |
Family
ID=85658764
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310157043.XA Active CN115857908B (en) | 2023-02-23 | 2023-02-23 | Visual modeling system for travel |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115857908B (en) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102467366A (en) * | 2010-11-04 | 2012-05-23 | 北京无线恒远科技有限公司 | Page developing method and device based on wireless application protocol (WAP) |
| CN111984176A (en) * | 2020-07-08 | 2020-11-24 | 福建亿能达信息技术股份有限公司 | Software online development platform and development method |
| CN113296760A (en) * | 2021-05-25 | 2021-08-24 | 深信服科技股份有限公司 | Method for generating model code, computer device and readable storage medium |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7237227B2 (en) * | 2003-06-30 | 2007-06-26 | Siebel Systems, Inc. | Application user interface template with free-form layout |
| US20150186132A1 (en) * | 2013-12-31 | 2015-07-02 | Wolters Kluwer United States Inc. | User interface framework and tools for rapid development of web applications |
| US20160041815A1 (en) * | 2014-08-11 | 2016-02-11 | Chirag P. Bhagat | Computer Source Code Generator for Building Software Applications |
-
2023
- 2023-02-23 CN CN202310157043.XA patent/CN115857908B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102467366A (en) * | 2010-11-04 | 2012-05-23 | 北京无线恒远科技有限公司 | Page developing method and device based on wireless application protocol (WAP) |
| CN111984176A (en) * | 2020-07-08 | 2020-11-24 | 福建亿能达信息技术股份有限公司 | Software online development platform and development method |
| CN113296760A (en) * | 2021-05-25 | 2021-08-24 | 深信服科技股份有限公司 | Method for generating model code, computer device and readable storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN115857908A (en) | 2023-03-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110825362B (en) | Low-code application software development system and method | |
| US10705942B1 (en) | Simulated testing of API | |
| US11829702B2 (en) | Document architecture with fragment-driven role-based access controls | |
| Conte et al. | MadAnalysis 5, a user-friendly framework for collider phenomenology | |
| CN103218225B (en) | A kind of unified survey sends out control software development system | |
| CN107273117B (en) | Programming-friendly agile code automatic generation system | |
| CN102754072B (en) | Regulation user interface element | |
| CN104199647B (en) | A kind of visualization system and implementation method based on IBM main frames | |
| CN106354492B (en) | Automatic code generation method and system for quickly adjusting transaction flow docking | |
| CN103473108A (en) | Java code generating method | |
| Juan et al. | Cloud and open BIM-based building information interoperability research | |
| CN104317587A (en) | Automatic android mobile device oriented application generation method | |
| CN114035773A (en) | Configuration-based low-code form development method, system and device | |
| CN110766289A (en) | Dynamic wind control rule adjusting method and device and electronic equipment | |
| US20170300305A1 (en) | Executable guidance experiences based on implicitly generated guidance models | |
| CN111581920A (en) | Document conversion method, device, equipment and computer storage medium | |
| CN114706579A (en) | Page development method, device, server and storage medium | |
| CN111612513A (en) | Resource allocation method and device based on business project information and electronic equipment | |
| CN114995801B (en) | Visual application development method and system based on Internet of things platform | |
| CN113268227A (en) | Zero-code visualization software development platform and development method | |
| CN114564199A (en) | Method, device and equipment for generating use page and readable storage medium | |
| CN113849156A (en) | Code-free intelligent development system applied by OpenHarmony operating system and use method thereof | |
| CN115857908B (en) | Visual modeling system for travel | |
| CN109284488A (en) | Based on the method, apparatus and medium that modification front end table column data is locally stored | |
| US20100275183A1 (en) | Source code auditor with a customized rules builder |
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 |