Design And Application Of Web Front-end Framework Based On ExtJS4

With the rapid development of Internet technology, more and more applications began to transfer to the Web platform, and the client scale is so huge, carrying business complexity is rising. Enterprise applications have a common point, that they face an industry, the function is more complex, the business logic are relatively heavy, large quantity and frequent data interaction. This will brought the front-end development new opportunities and challenges. A series of problems of collaborative development, modular, component-based, cross browser, performances, maintenance, keep the front-end developers began to explore how to plan the front-end development framework.Ext JS4 is on a major reform of the previous version of the code, which not only established organization norms, also provided the MVC architecture to solve the problem of dependence between components, and support system of class management, new types of dependency and dynamic loading mechanism, thus let the front-end developers planning to modify the architecture, even the development process, that greatly improve the production efficiency and the quality of the software.However, the ExtJS4 system structure is so complex, that its internal mechanism is not easy to master. Therefore it did not reach the satisfactory in many projects. In this thesis, the main work is as follows:(?) Ext JS is still based on HTML, CSS, JavaScript layer framework, first of all, we described and analyzed the application situation of the front end common techniques, theory in the project.(?) An in-depth study on the Ext JS4 new technology system, including MVC architecture, message transfer mechanism, transmission between front and back end data, modular solutionists.(?) Combined with the Ext JS4 framework, and analyzes the relationship between the user, role, menu, module, class in our project, and design a set of high portability, more extensibility front frame.(?) With the new framework system, we analyze and make the front-end merger plan which is suitable for multi-user, multi-role management info system, and applied to the China ocean samples online application system, testing and tuning of the merger plan.