EXTJS4.0 MVC模式开发详解

"EXTJS4.0精髓开发笔记" EXTJS是一个强大的JavaScript库，主要用于构建富客户端Web应用程序。这篇开发笔记特别关注EXTJS4.0版本，该版本引入了MVC（Model-View-Controller）模式，这对于大型应用的组织和管理至关重要。开发者将通过这个笔记学习如何使用EXTJS4.0的MVC模式来开发一个名为SMS（员工管理系统）的项目。 首先，笔记介绍了项目的基本环境设置。项目包含以下几个关键部分： 1. **Data**: 存放用于管理系统的所有数据库文件，如Menu、user和userinfo表，分别对应菜单项、员工注册信息和员工个人资料信息。 2. **Images**: 用于存储自定义图片文件。 3. **Include**: 包含服务端所需的文件，如ASP的Conn.asp和Function.asp。 4. **App**: 这是应用的核心，有controller和view两个子目录。controller存放主要的业务逻辑代码，而view则包含各个界面组件。 5. **Extjs4**: 存放EXTJS4库文件，这是整个应用的技术基础。 6. **Server**: 服务端目录，包含处理数据请求的ASP文件，如MenuLoader.asp，用于加载菜单数据。 在开发过程中，笔记强调了MVC模式的应用，它将应用分为三个主要部分：模型（Model）负责数据管理，视图（View）负责用户界面展示，控制器（Controller）作为两者之间的桥梁，处理用户交互和数据同步。 在第二部分，笔记开始构建框架。开发者计划将头部、菜单、内容区和底部分离为独立的JS文件，并利用EXTJS4的动态加载功能来按需加载这些组件。这种方式提高了页面加载效率，减少了初始页面的体积。 然而，笔记指出，由于EXTJS4在组件创建上有较大改动，初次接触可能会遇到挑战。开发者需要适应新的API和构造方式来构建这些基础组件。 总体而言，这篇开发笔记对于EXTJS4初学者来说是一份宝贵的资源，它逐步引导读者熟悉EXTJS4的MVC架构，以及如何搭建和组织一个完整的EXTJS应用。通过跟随笔记，学习者可以逐步掌握EXTJS4的精髓，从而提升开发复杂的Web应用的能力。