Model-based Form Generation in Angular

OData support
Szabó Gábor
Department of Automation and Applied Informatics

Nowadays, when the Internet dominates the XXI. century, the sharing of data between two communicating parties is going mostly through forms. These work in the same way on every webpage: the user fills each fields of a form, then he or she saves it, sending the data written by him or her to the server of the website. Before saving, the forms may check the provided data if they have passed the concerning validation rules, otherwise they are not allowed to be sent to the server. Between the fields, there can be some, whose content cannot be edited.

The problem is, that the above common logic, common elements and appearance should be determined again on every form, but they only differ in the specified data, in the ordering of the validation and disabling rules to the fields, in the styles and in the layout. Additionally, the fields of the same type must be defined logically always the same, and they also differ only in the similar properties as the forms. This many repeating leads to the biggest problem for those applications, that use a lot of forms.

The solution to this problem is a form generator framework, which can make arbitrary forms according to the given parameters. With the help of this framework, the user can not only generate forms quite easily with the use of the field names, templates, validation and disabling rules provided by him or her, but he or she can also customize styles, validation and disabling rules of the forms.

As a result, a solution has been created, which is able to make a wide variety of structured, adjusted and styled forms, thanks to its high-level customization. I hope that this framework can help making a large amount of forms for any Angular web application.


Please sign in to download the files of this thesis.