CN113918140A - System construction method for generating front-end and back-end codes based on dragging mode - Google Patents
System construction method for generating front-end and back-end codes based on dragging mode Download PDFInfo
- Publication number
- CN113918140A CN113918140A CN202111224931.6A CN202111224931A CN113918140A CN 113918140 A CN113918140 A CN 113918140A CN 202111224931 A CN202111224931 A CN 202111224931A CN 113918140 A CN113918140 A CN 113918140A
- Authority
- CN
- China
- Prior art keywords
- application program
- application
- codes based
- back end
- generating
- 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
- 238000010276 construction Methods 0.000 title claims abstract description 31
- 238000011161 development Methods 0.000 claims abstract description 51
- 238000012800 visualization Methods 0.000 claims abstract description 12
- 238000000034 method Methods 0.000 claims description 18
- 238000007792 addition Methods 0.000 claims description 2
- 238000012217 deletion Methods 0.000 claims description 2
- 230000037430 deletion Effects 0.000 claims description 2
- 238000012423 maintenance Methods 0.000 claims description 2
- 238000012986 modification Methods 0.000 claims description 2
- 230000004048 modification Effects 0.000 claims description 2
- 230000018109 developmental process Effects 0.000 description 49
- 230000007246 mechanism Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 4
- 238000007726 management method Methods 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 238000003339 best practice Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000002085 persistent effect Effects 0.000 description 2
- 238000000926 separation method Methods 0.000 description 2
- 230000033772 system development Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Stored Programmes (AREA)
Abstract
The invention discloses a system construction method for generating front and back end codes based on a dragging mode, and belongs to the technical field of system construction. The system construction method for generating the front-end code and the back-end code based on the dragging mode comprises the following steps: s1, creating an application program system; s2, setting a UI style for the application program system; s3, creating database connection; s4, creating a module and a scene; s5, a scene association database table is obtained; s6, drawing a service page of the application program system through a visualization tool; s7, generating front and back end codes of the application program system; and S8, downloading the application program system code and locally running the application program system code. The system construction method for generating the front-end code and the back-end code based on the dragging mode can greatly shorten the development time and required personnel, enables developers to reduce repeated labor, improves the development efficiency of the developers, and has good popularization and application values.
Description
Technical Field
The invention relates to the technical field of system construction, and particularly provides a system construction method for generating front and back end codes based on a dragging mode.
Background
With the development of information technology, the requirements of enterprises for information development are gradually changing, and the traditional customization development cannot meet the requirements of the enterprises. In the face of a great deal of different requirements, under a large software development environment with short construction period and urgent delivery, the development of an application system is quickly realized, the working efficiency of software developers is improved, and the enterprise cost is reduced.
In this context, a development method of rapid system construction is very important. How to generate the development platform of the application program rapidly without coding or with a small amount of code has become a problem to be solved urgently at present.
Disclosure of Invention
The technical task of the invention is to provide a system construction method for generating front-end and back-end codes based on a dragging mode, which can greatly shorten development time and required personnel, reduce repeated labor of developers and improve development efficiency of the developers, aiming at the problems.
In order to achieve the purpose, the invention provides the following technical scheme:
a system construction method for generating front and back end codes based on a dragging mode comprises the following steps:
s1, creating an application program system;
s2, setting a UI style for the application program system;
s3, creating database connection;
s4, creating a module and a scene;
s5, a scene association database table is obtained;
s6, drawing a service page of the application program system through a visualization tool;
s7, generating front and back end codes of the application program system;
and S8, downloading the application program system code and locally running the application program system code.
Preferably, in step S1, when creating the application system, a system name, a project name, a data source, and an application system description are defined.
Creating an application system is the first step of rapid system construction, and is used as a basis for rapid system construction, and necessary attributes such as a system name, an engineering name, a data source, an application system description and the like need to be defined for the application system when the application system is created. The created application system is the master for the subsequent step progression. All subsequent operations and configurations are based on the application program system, and the quick system construction method for generating the front-end code and the back-end code based on the dragging mode is adopted, and the finally downloaded front-end code and the back-end code are also the application program system.
Preferably, in step S2, the UI style includes system theme color, font size, page layout, Icon, and page style.
Preferably, the UI style is maintained and set in a self-defined mode, and the maintenance of a plurality of sets of UI style libraries is supported.
The enterprise shows different development requirements of the information system, not only in the aspect of business functions, but also in the aspect of interface display.
After the application program system is created, the interface presentation style and style can be set for the application program system, and the UI style comprises UI style attributes such as system theme color, font size, page layout, Icon, page style and the like. The UI style can be maintained and set in a user-defined mode, multiple sets of UI style libraries are maintained, and more support can be provided for the diversity displayed by the application program system in the process of continuously maintaining the personalized and diversified UI style libraries.
Preferably, in step S3, a table and a view of the online management database are provided, and addition, modification and deletion operations of table fields are supported.
The rapid development tool supports the generation of application systems by customizing tables and views of data sources. Supports various domestication such as Shentong, Jincang, Dameng and other databases. The user can create a complete set of application systems by customizing the data source. Particularly, the development of an application system aiming at the micro-service architecture is more convenient and efficient.
And the adaptation and compatibility of a persistent layer of the database are supported, and the application transparency capability of a service layer is realized. The table and view of the online management database are provided, and operations such as adding, modifying and deleting table fields are supported. The original database table is reversely led into the development platform, so that a more convenient database operation shortcut is provided for developers, and the system development efficiency is further improved.
Preferably, in step S4, the module is a set of all functions of the application system, the module is composed of scenes, one module has multiple scenes, that is, one or more scenes constitute one module, and one or more modules constitute one application system.
The module and the scene are the hierarchical concept of system construction. An application program system can be divided into a plurality of modules according to the business requirements, and each module is responsible for the collection of the realization of certain required functions. The existence of the module enables the division of the system requirements of the application program to be more regular and organized. And the method conforms to the standard specification of the existing software development.
A module is a collection of all the functions of an application system. The modules are composed of scenes. There may be multiple scenarios under one module. The multiple scenes collectively constitute a functional requirement classification for the module.
The scene is a minimum subset formed by the application program system and is a carrier of a system service page. A scene represents the realization of a business requirement, and is more represented in a page or a function. So a scene can only belong to one module.
One or more scenes constitute a module, and one or more modules constitute an application system.
Preferably, in step S5, a scene can be associated with one or more database tables or views, and the associated database tables or views serve as the basis for the implementation of the scene.
The application system is implemented without the support of a database. The bottom layer of the rapid system construction method for generating the front-end code and the back-end code based on the dragging mode is also not independent of the support of the database. Therefore, the data table for the scene association is a necessary condition for the rapid system construction.
A scene is a specific presentation mode of a certain functional point of the application system. Therefore, the scene-associated data table is the basis for the subsequent generation of the drawing service page and the front-end and back-end codes.
Depending on the complexity of the function point, a scenario may associate one or more database tables or views. The associated database table and view are used as the basis for realizing the scene.
Preferably, in step S6, the service page is drawn in a visualization manner, and the visualization tool provides page controls, where the page controls include a text input box, a button control, a drop-down selection box, a date/time control, a picture and file upload control, a tree control, a list box, a multi-format text box, and a Tab control.
The drawing of the business page adopts a visual mode, a visualization tool provides rich page controls, and the page controls include but are not limited to a text input box, a button control, a drop-down selection box, a date/time control, an (picture, file) upload control, a tree control, a list box, a multi-format text box, a Tab control and the like. And the page control can be conveniently and quickly expanded based on a system mechanism.
The page control assembles the business page in a dragging and building block mode so as to realize rapid and efficient page development. The operation on the page code level is not required, so that the developer is really separated from the complicated and repeated service codes.
And all the pages are visualized in the drawing process. After the service page is drawn or changed according to the service requirement of the application system, the page can be previewed and adjusted in real time. The requirements and functions of the application program system are adjusted quickly and efficiently to meet the requirements.
Preferably, in step S7, a unified application development framework is provided to support front-end and back-end development.
And a unified application development framework is provided, and the development of the front end and the back end is supported. Through the visual configuration code generation engine, an application system level front-end page is generated by one key, and free switching of various different service scenes is supported. The background generates artifacts of Rest (best practice for front-end separation) style traffic.
Based on the tables and views of the custom data source, the visualized code generation engine reduces the trouble of database interaction; the code generation mechanism based on the template reduces the repeated development work and has good expandability.
Preferably, in step S8, a uniform front-end and back-end development framework template is provided, and the front-end and back-end development framework is adjusted according to the requirements of the application system.
And providing a uniform front (regular js) and back (java) lightweight development framework template (download), and adjusting the front and back development framework according to the specific requirements of the application program system to meet the actual requirements. For supporting localized development of application system code generated by a rapid development tool. The codes generated by the tool can be quickly and conveniently built for secondary development of the local development environment of the application system only by simply copying and pasting the codes into the template engineering. In secondary development, more complex business requirements can be realized.
Compared with the prior art, the system construction method for generating the front-end code and the back-end code based on the dragging mode has the following outstanding beneficial effects: the system construction method for generating the front-end and back-end codes based on the dragging mode effectively improves software development efficiency, reduces enterprise production cost, can quickly construct a business system, quickly deploy on line of a project, shortens project development period, provides very flexible expansibility including but not limited to important components such as UI styles, page controls, front-end and back-end code generation templates and the like, meets various requirements, and greatly reduces enterprise personnel cost while quickly responding to the requirements.
Drawings
FIG. 1 is a flowchart of a system construction method for generating front and back end codes based on a drag-and-drop method according to the present invention.
Detailed Description
The following describes the system construction method for generating front and back end codes based on a drag-and-drop method in further detail with reference to the accompanying drawings and embodiments.
Examples
As shown in fig. 1, the system construction method for generating front and back end codes based on a drag mode of the present invention includes the following steps:
and S1, creating an application program system.
Creating an application system is the first step of rapid system construction, and is used as a basis for rapid system construction, and necessary attributes such as a system name, an engineering name, a data source, an application system description and the like need to be defined for the application system when the application system is created. The created application system is the master for the subsequent step progression. All subsequent operations and configurations are based on the application program system, and the quick system construction method for generating the front-end code and the back-end code based on the dragging mode is adopted, and the finally downloaded front-end code and the back-end code are also the application program system.
And S2, setting a UI style for the application program system.
The enterprise shows different development requirements of the information system, not only in the aspect of business functions, but also in the aspect of interface display.
After the application program system is created, the interface presentation style and style can be set for the application program system, and the UI style comprises UI style attributes such as system theme color, font size, page layout, Icon, page style and the like. The UI style can be maintained and set in a user-defined mode, multiple sets of UI style libraries are maintained, and more support can be provided for the diversity displayed by the application program system in the process of continuously maintaining the personalized and diversified UI style libraries.
And S3, creating database connection.
The rapid development tool supports the generation of application systems by customizing tables and views of data sources. Supports various domestication such as Shentong, Jincang, Dameng and other databases. The user can create a complete set of application systems by customizing the data source. Particularly, the development of an application system aiming at the micro-service architecture is more convenient and efficient.
And the adaptation and compatibility of a persistent layer of the database are supported, and the application transparency capability of a service layer is realized. The table and view of the online management database are provided, and operations such as adding, modifying and deleting table fields are supported. The original database table is reversely led into the development platform, so that a more convenient database operation shortcut is provided for developers, and the system development efficiency is further improved.
S4, creating a module and a scene.
The module and the scene are the hierarchical concept of system construction. An application program system can be divided into a plurality of modules according to the business requirements, and each module is responsible for the collection of the realization of certain required functions. The existence of the module enables the division of the system requirements of the application program to be more regular and organized. And the method conforms to the standard specification of the existing software development.
A module is a collection of all the functions of an application system. The modules are composed of scenes. There may be multiple scenarios under one module. The multiple scenes collectively constitute a functional requirement classification for the module.
The scene is a minimum subset formed by the application program system and is a carrier of a system service page. A scene represents the realization of a business requirement, and is more represented in a page or a function. So a scene can only belong to one module.
One or more scenes constitute a module, and one or more modules constitute an application system.
And S5, associating a database table for the scene.
A scene can be associated with one or more database tables or views, and the associated database tables and views are used as the basis for realizing the scene.
The application system is implemented without the support of a database. The bottom layer of the rapid system construction method for generating the front-end code and the back-end code based on the dragging mode is also not independent of the support of the database. Therefore, the data table for the scene association is a necessary condition for the rapid system construction.
A scene is a specific presentation mode of a certain functional point of the application system. Therefore, the scene-associated data table is the basis for the subsequent generation of the drawing service page and the front-end and back-end codes.
Depending on the complexity of the function point, a scenario may associate one or more database tables or views. The associated database table and view are used as the basis for realizing the scene.
And S6, drawing the service page of the application program system through a visualization tool.
The business page is drawn in a visualization mode, a visualization tool provides page controls, and the page controls comprise a text input box, a button control, a pull-down selection box, a date/time control, a picture and file uploading control, a tree control, a list box, a multi-format text box and a Tab control.
The drawing of the business page adopts a visual mode, a visualization tool provides rich page controls, and the page controls include but are not limited to a text input box, a button control, a drop-down selection box, a date/time control, an (picture, file) upload control, a tree control, a list box, a multi-format text box, a Tab control and the like. And the page control can be conveniently and quickly expanded based on a system mechanism.
The page control assembles the business page in a dragging and building block mode so as to realize rapid and efficient page development. The operation on the page code level is not required, so that the developer is really separated from the complicated and repeated service codes.
And all the pages are visualized in the drawing process. After the service page is drawn or changed according to the service requirement of the application system, the page can be previewed and adjusted in real time. The requirements and functions of the application program system are adjusted quickly and efficiently to meet the requirements.
And S7, generating front and back end codes of the application program system.
And a unified application development framework is provided, and the development of the front end and the back end is supported.
And a unified application development framework is provided, and the development of the front end and the back end is supported. Through the visual configuration code generation engine, an application system level front-end page is generated by one key, and free switching of various different service scenes is supported. The background generates artifacts of Rest (best practice for front-end separation) style traffic.
Based on the tables and views of the custom data source, the visualized code generation engine reduces the trouble of database interaction; the code generation mechanism based on the template reduces the repeated development work and has good expandability.
And S8, downloading the application program system code and locally running the application program system code.
And providing a uniform front (regular js) and back (java) lightweight development framework template (download), and adjusting the front and back development framework according to the specific requirements of the application program system to meet the actual requirements. For supporting localized development of application system code generated by a rapid development tool. The codes generated by the tool can be quickly and conveniently built for secondary development of the local development environment of the application system only by simply copying and pasting the codes into the template engineering. In secondary development, more complex business requirements can be realized.
The above-described embodiments are merely preferred embodiments of the present invention, and general changes and substitutions by those skilled in the art within the technical scope of the present invention are included in the protection scope of the present invention.
Claims (10)
1. A system construction method for generating front and back end codes based on a dragging mode is characterized in that: the method comprises the following steps:
s1, creating an application program system;
s2, setting a UI style for the application program system;
s3, creating database connection;
s4, creating a module and a scene;
s5, a scene association database table is obtained;
s6, drawing a service page of the application program system through a visualization tool;
s7, generating front and back end codes of the application program system;
and S8, downloading the application program system code and locally running the application program system code.
2. The system construction method for generating front and back end codes based on the drag mode according to claim 1, characterized in that: in step S1, when creating the application system, the system name, the project name, the data source, and the application system description are defined.
3. The system building method for generating front and back end codes based on the drag mode according to claim 2, characterized in that: in step S2, the UI style includes system theme color, font style, font size, page layout, Icon, and page style.
4. The system building method for generating front and back end codes based on the drag mode according to claim 3, characterized in that: the UI style is maintained and set in a self-defined mode, and the maintenance of a plurality of sets of UI style libraries is supported.
5. The system building method for generating front and back end codes based on the drag mode according to claim 4, wherein: in step S3, a table and a view of the online management database are provided, and addition, modification and deletion operations of table fields are supported.
6. The system building method for generating front and back end codes based on the drag mode according to claim 5, wherein: in step S4, the modules are a set of all functions of the application system, each module is composed of scenes, each module has multiple scenes, that is, one or more scenes constitute one module, and one or more modules constitute one application system.
7. The system building method for generating front and back end codes based on the drag mode according to claim 6, wherein: in step S5, a scene may be associated with one or more database tables or views, and the associated database tables or views serve as the basis for the implementation of the scene.
8. The system building method for generating front and back end codes based on the drag mode according to claim 7, wherein: in step S6, the business page is drawn in a visualization manner, and the visualization tool provides page controls, where the page controls include a text input box, a button control, a drop-down selection box, a date/time control, a picture and file upload control, a tree control, a list box, a multi-format text box, and a Tab control.
9. The system building method for generating front and back end codes based on the drag mode according to claim 8, wherein: in step S7, a unified application development framework is provided to support the front-end and back-end development.
10. The system building method for generating front and back end codes based on the drag mode according to claim 9, wherein: in step S8, a unified front-end and back-end development framework template is provided, and the front-end and back-end development frameworks are adjusted according to the requirements of the application system.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111224931.6A CN113918140A (en) | 2021-10-21 | 2021-10-21 | System construction method for generating front-end and back-end codes based on dragging mode |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111224931.6A CN113918140A (en) | 2021-10-21 | 2021-10-21 | System construction method for generating front-end and back-end codes based on dragging mode |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113918140A true CN113918140A (en) | 2022-01-11 |
Family
ID=79242085
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111224931.6A Pending CN113918140A (en) | 2021-10-21 | 2021-10-21 | System construction method for generating front-end and back-end codes based on dragging mode |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113918140A (en) |
-
2021
- 2021-10-21 CN CN202111224931.6A patent/CN113918140A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102207872B (en) | Method and system for customizing Web UI (User Interface) control according to user requirements | |
| CN100562846C (en) | Text by hierarchical structure tabulation editor arbitrary graphic | |
| CN114035773B (en) | Configuration-based low-code form development method, system and device | |
| CN112328212A (en) | Rapid development platform based on separation of front end and rear end of engine mode and use method thereof | |
| CN104035772A (en) | Static analysis based source code multi-versionfunction call relation difference identification method | |
| CN113849165A (en) | Customizable low-code front-end development framework and method based on visual dragging | |
| CN112650475B (en) | Software low-code development system and development method combined with middle platform architecture theory | |
| JP2007523418A (en) | Data container for user interface data | |
| CN111857717B (en) | UI editing method, device, equipment and computer readable storage medium | |
| CN112015412A (en) | Device and method for generating business model based on form engine | |
| CN115712413B (en) | Low code development method, device, equipment and storage medium | |
| CN114461200A (en) | Low-code development application and method based on cloud SaaS platform | |
| CN102609252A (en) | Intelligent configuration method for logic menu resources on basis of measurement instruments | |
| CN113721901A (en) | Low-code financial data analysis visualization engine | |
| CN112653584A (en) | 5G message arranging method and arranging tool box based on component capability | |
| CN114254602A (en) | Design system and storage medium for custom forms | |
| CN111708516A (en) | Web application customization development system on network | |
| CN111273900A (en) | On-line drag code generation method based on gitlab real-time code sharing | |
| CN111798128A (en) | Interface operation method of process flow, computer equipment and storage medium | |
| CN116401407A (en) | Node attribute configuration method, device, equipment and storage medium of mind map | |
| CN114327458A (en) | Method and system for quickly building enterprise informatization system | |
| CN110688109A (en) | Model editing system and creation method thereof | |
| CN113268496A (en) | Client list screening method and device | |
| CN113918140A (en) | System construction method for generating front-end and back-end codes based on dragging mode | |
| CN112199373A (en) | Form development method and system |
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 |