Web Form designer based on ExtJS

Because of this work and some of its own reasons for a long time have not written a blog. Recently want to put oneself in front of a period of time out of a form designer related experience or experience to record, share to everyone, is also a review of their first 2 months a summary.

Let's start by introducing the reasons and background for developing this version of the form designer. The project is a large state-owned enterprises in China to develop online expense reimbursement system, mainly dealing with the change group and its two units, three units and other sub-branch of the daily expenses reimbursement, budget control and other common business approval (such as: petty cash draw, travel applications and travel reimbursement, contract management, asset allocation, etc.). The system is composed of two most important parts of a WF process design and process engine-mainly responsible for the drawing of various business processes, process routing control, the control of the form item, and the other is the form designer and the form engine-mainly responsible for the design of various business documents, document data resource acquisition and preservation, The permissions of the form control are loaded display. The form designer and process designer work together to complete business processing. Due to the complex business of each unit of the group, the forms of each unit are not nearly the same, and the number of form data resources is different from the source. The previous version of the form designer has been unable to meet these requirements, in the processing of specific document business, many places have to "special handling", and the design is not good, the supporting document complexity is limited, so the design of a new version of a fully functional form designer is imperative.

The following is the main design of the form designer interface, and then continue to talk about the specific design process.

Web Form designer based on ExtJS