[JEECG technology blog] a simple example of JEECG explains the custom form function
A simple example of JEECG is provided to illustrate the custom form function.
Please click here to vote for us, 2015 blog star. Please stay tuned for more sharing
Author: Ren Jie http://blog.csdn.net/renjie0520/article/details/50286503
1. Introduction to custom form functions Custom forms are a set of visual form design functions developed by the JEECG intelligent development platform based on ueditor and bootstrap style. In general, the custom form function is summarized as follows: 1) form preview, dynamic report display (List data display) 2) form data reporting, supporting simultaneous reporting of multiple data tables, one-to-multiple data table filling, batch filling of multiple data entries in a single table, and other custom forms support user-defined templates. There are also a large number of standard form controls, this allows users to quickly and flexibly design personalized and diversified forms, greatly improving work efficiency and reducing work costs. Ii. custom form development example1. simple instance (single table Development)1) create a custom form template2) design Form 3) Add a data source
There are two data source types (Java classes are being actively implemented)
- Database Table database table: Specifies the database table corresponding to the data column in the form.
- The dynamic SQL primary key is used as the query condition and the value is obtained from the parameter id in the request. The format of the obtained method is $ {id }.
4) generate a form. Let's take the added "ds_1" data source as an example:
5) After previewing the form refresh list, select the added form and click "preview" To Go To The View Interface and select three modes for Operations respectively. Enter the form database, find the id of the newly added data, and enter the preview mode. Enter the id to modify and view the data. Take "view mode" as an example: so far, the demonstration of generating a single form and adding data is complete.
2. complex forms (one-to-many multi-Table instances) have one-to-many multi-Table relationships. Set the master-slave table relationship first, that is, the foreign key relationship. The steps for adding a data source from a primary table and a data source from a table are similar to those for adding a data source from a single table. 1) Add a form from the table list control setting interface: 2) the operation steps for adding, modifying, and viewing data in one-to-multiple forms Preview mode are similar to those in a single table. Show the "add mode" interface for a one-to-multiple table: Upper/qOsxNy5u73hus + 1scewyv2 + 3dS0o6y/lower = "http://www.2cto.com/uploadfile/Collfiles/20151216/20151216162401173.png" alt = "\"/>
1. The single-line input box, multi-line input box, single-line input box, and multi-line input box have similar functions. The difference is not big. Please compare the difference in person! The following uses a single-line input box as an example:
2. The biggest feature of the drop-down box, single-box and check box drop-down box, single-box and check box is to combine with the dictionary function of the platform. After the dictionary is selected, the corresponding content is automatically generated.
Take the drop-down box as an example to explain:
3. Macro ControlThe macro-controller is mainly used to format the time and automatically extract and display the information of the current user:
4. The functions and usage of the List Control List control have been described above. Here we will introduce the detailed attributes and usage:
5. POPUP control this control is quite special. Combined with the ONLINE dynamic report configuration function of the JEECG smart platform, the list value is generated.
So far, the custom form function and form control of the jeecg open-source platform have been explained. You need to try the specific use of the form. If you have any questions, you can seek help on the JEECG official website. Wish everyone a smooth job!
