Three Interfaces Design Patterns Sporting The Automatic Web User Interfaces Generation

In the last ten years, it has become a trend to separate the interface design from the system design. The interfaces developers now are aiming at generate the interface code automatically by the interface description model. Many interfaces development models come out to speed up the development efficiency and increase the development quality and quantity.These models belong to either conceptual model or declarative model. Either concept model or declarative model has merits and shortcomings. The conceptual model directly describes the composition of UIs, but it can't support the whole process of UI development; while declarative models do support the whole process, but the modeling is too complex and their incorporation is very difficult.We introduce a FMP model which supports the automatic generation of user interfaces. This FMP UI model studied in our research combines the merits of the conceptual model and the declarative model. The model aims at the implementation of graphical UI systems and their automatic code generation. It supports the architecture design of applications. The model is composed of function model, internal model, and the template-based presentation model. The presentation model breaks the restriction of the existing presentation models that lack the consideration of relationships of interface object. Thus, the concept of design patterns of UI is presented.The core ideas of this research are that, it makes integral elaborations about the FMP model based Web user interfaces design patterns, and then introduces exactly three specific user interfaces design patterns: free-style design patterns, grid-style design patterns and chart-style design patterns, in which the free-style design patterns is emphasized. It gives the requirement and design structure of the free-style design patterns, probe into the formalization standard, perfect the flexible control on interface template. It describe the automatic code generation from the AUI model to the Asp.net interface of free-style design patterns, grid-style design patterns and chart-style design patterns, which are the important part of the FMP model based Web user interfaces design patterns.After these introductions, this paper has presented a concrete test illustration in the form of free-style presentation patterns, which forward test and verify the transformation from interfaces template to Asp.net page is done correctly; the generated code is logically valid and strong; the speed of web page development is speeded up by the FMP model based Web user interfaces design patterns.