Research And Application Of Two Kinds Of Interface Design Pattern Orientied Code Automatic Generation

User interface is an important part of the computer software application system. With the developing of user interfaces, about half of developing resource is used for user interfaces. But the traditional software engineering methods are not sufficient for the requirements of user interfaces. In order to improve the development qualities and efficiency, the separation between the user interface design and system function is the ideal requirement. The interface automatic generated according to the interface models is the target for the developer. Because of that, many of interface models and interface development environment are introduced, but it is a bad custom for the interface design and application reusing.At present, pointing to the user interface design; many industrial and academic design methods are appeared. By accurate without double-meaning requirement description, based on formalization interface design approach can efficiently be designed. This is the base of software automatic developments. But the current research can't get the engineering experience; the design pattern about user interface based on interface pattern is developing with the interface design. But the current interface design pattern comes from work pattern, getting the design pattern according to application, not from the automatic points to recognize the structure and relationships between interfaces. So it is not sufficient for engineering. However, the current design pattern does not support formal description, so it is not enough for interface automatic generation.With the developments of software engineering, blunts of repeated code models have the software development more complex. It is important for the research about the automatic generation. In this paper, the source models, FMP models capture the interface function and data information according the function model and object model, get the interaction information from interaction models. In order to accomplish the automatic generation, we give the layout according to the interaction model and presentation model that gives the object and present units and the interface templates and parameters.In the paper, we give the new design pattern for user interface design by automatic generation. Based on traditional user interface design, we get the points from model transformation and code automatic generations, using the formal methods, recognizing the design pattern structure and relationships and give the current formal descriptions. The new design defeats the traditional interface the faults for code automatic generations, and support the complete set of design patterns. This design provides the general reusing solutions.The paper provides the backgrounds and gives the complete analysis about the domain, gives a general description of user interface design patterns, and takes the conclusion about user interface pattern. Therefore, we make a complete set of design pattern, conclude the formal descriptions and make a new method about user interface code automatic generation. Data-Chart and Tree design pattern are designed and explained in detail.The design improves the development efficiency and gives more support for automatic generation. We develop our IDE using VC.NET and verify the codes on web application.