基于Extjs4的Web前端框架设计与应用

发布时间：2018-08-01 17:14

【摘要】：随着互联网技术的飞速发展,越来越多的企业应用开始向Web平台转移,导致客户端规模越来越庞大,承担的业务复杂度也逐年攀升。企业应用存在一个共同点,就是它们都面向某个行业,功能比较复杂,业务逻辑繁重,数据信息交互量大且频繁。这就给前端开发,带来了新的机遇和挑战。有关协同开发、模块化、组件化、跨浏览器、性能、后期维护等一系列问题,让前端开发者们开始探索如何规划前端开发架构。Ext JS4是对前期版本的一次重大改革,它不仅制定了代码组织规范,还提供了MVC架构来解决组件之间的依赖问题、并支持全新的类系统管理、类依赖和动态加载机制,从而让前端开发者得以重新规划前端的架构,甚至是开发流程,大大提高了整个软件的生产效率和质量。但是,Ext JS4体系结构复杂,掌握并精通其内部机制并非易事,因而,在许多项目中,并没有达到令人满意的效果。本文主要工作如下：(?) 因为Ext JS终究是封装了HTML、CSS、JavaScript的上层框架,首先,对前端常用的技术、理论以及在项目中的应用情况进行阐述和分析。(?) 对Ext JS4新的技术体系进行深入的研究,包括MVC架构、消息传递机制、前后端数据传输、模块化的解决方案等。(?) 结合Ext JS4框架,分析用户、角色、菜单、模块、类之间的关系,实现可移植性强、可扩展性高的前端系统。(?) 根据多用户、多角色的管理信息系统的特点,制定合适的前端JavaScript文件合并方案,并应用在中国大洋样品在线申请系统中,对合并方案进行测试并调优。
[Abstract]:With the rapid development of Internet technology, more and more enterprise applications begin to transfer to Web platform, which leads to the increasing scale of clients and the increasing complexity of business. Enterprise applications have one thing in common, that is, they are all oriented to a certain industry, with complex functions, heavy business logic, large amount of data and information interaction and frequent. This gives the front-end development, has brought the new opportunity and the challenge. A series of issues such as collaborative development, modularization, componentization, cross-browser, performance, post-maintenance, and so on, have led front-end developers to explore how to plan the front-end development architecture. Ext JS4 is a major overhaul of previous versions. It not only formulates the code organization specification, but also provides the MVC architecture to solve the dependency problem between components, and supports the new class system management, class dependency and dynamic loading mechanism, which allows front-end developers to replan the front-end architecture. Even the development process greatly improves the production efficiency and quality of the whole software. However, Ext JS4 has a complex architecture and is not easy to master and master its internal mechanisms. Therefore, in many projects, it has not achieved satisfactory results. The main work of this paper is as follows: (?) Because Ext JS is the upper framework of HTML Ext, first of all, the common technology, theory and application in the project are described and analyzed. The new technical system of Ext JS4 is deeply studied, including MVC architecture, message passing mechanism, data transmission in front and back, modular solution, etc. (?) Combined with Ext JS4 framework, the relationship between user, role, menu, module and class is analyzed to realize the front-end system with strong portability and high expansibility. (?) According to the characteristics of multi-user and multi-role management information system, a suitable front-end JavaScript file merging scheme is developed and applied to the online application system of ocean samples in China. The merger scheme is tested and optimized.
【学位授予单位】：中国海洋大学
【学位级别】：硕士
【学位授予年份】：2015
【分类号】：TP311.52

【相似文献】