随着互联网技术的飞速发展,越来越多的企业应用开始向Web平台转移,导致客户端规模越来越庞大,承担的业务复杂度也逐年攀升。企业应用存在一个共同点,就是它们都面向某个行业,功能比较复杂,业务逻辑繁重,数据信息交互量大且频繁。这就给前端开发,带来了新的机遇和挑战。有关协同开发、模块化、组件化、跨浏览器、性能、后期维护等一系列问题,让前端开发者们开始探索如何规划前端开发架构。Ext JS4是对前期版本的一次重大改革,它不仅制定了代码组织规范,还提供了MVC架构来解决组件之间的依赖问题、并支持全新的类系统管理、类依赖和动态加载机制,从而让前端开发者得以重新规划前端的架构,甚至是开发流程,大大提高了整个软件的生产效率和质量。但是,Ext JS4体系结构复杂,掌握并精通其内部机制并非易事,因而,在许多项目中,并没有达到令人满意的效果。本文主要工作如下：(?) 因为Ext JS终究是封装了HTML、CSS、JavaScript的上层框架,首先,对前端常用的技术、理论以及在项目中的应用情况进行阐述和分析。(?) 对Ext JS4新的技术体系进行深入的研究,包括MVC架构、消息传递机制、前后端数据传输、模块化的解决方案等。(?) 结合Ext JS4框架,分析用户、角色、菜单、模块、类之间的关系,实现可移植性强、可扩展性高的前端系统。(?) 根据多用户、多角色的管理信息系统的特点,制定合适的前端JavaScript文件合并方案,并应用在中国大洋样品在线申请系统中,对合并方案进行测试并调优。