ExtJS开发入门：命名空间与框架基础

需积分: 13 153 浏览量更新于2024-08-16 收藏 1.77MB PPT 举报

"类编程——命名空间-EXT JS开发入门" 在EXT JS开发中，命名空间是组织代码的重要机制，类似于Java中的包概念。通过使用命名空间，开发者可以避免全局命名空间的污染，这是一种最佳实践，因为全局变量可能导致冲突并影响代码的可维护性。例如，EXT库自身的Ext对象就是全局空间的一个成员。为了保持良好的编程习惯，应将自定义的类放入特定的命名空间中，命名可以基于公司名称或项目名称。创建命名空间有两种方式，如示例所示： ```javascript // 方式一 Ext.namespace('MyCompany', 'MyCompany.Application', 'MyCompany.Application.Reports'); // 方式二 Ext.namespace('MyCompany.Application.Reports'); ``` 这两种方式效果相同，推荐使用第二种方式，因为它更简洁且易于阅读。 EXT JS是一个强大的Ajax框架，用于构建具有精美界面的富客户端应用程序，提升用户的交互体验。它不依赖任何特定的后端技术，可以与.Net、Java、PHP等不同开发语言结合使用。EXT JS的最新版本在该资料中提及的是3.2。 EXT JS框架包含一系列基本对象类，主要用于处理Web页面的控件。框架的发布内容包括API参考手册、示例程序和开发包。API参考手册提供了详细的功能和方法文档，示例程序则展示了各种功能的实际应用，而开发包包含了各种必要的资源和源码文件。开发包的结构如下： 1. `adapter` 目录用于映射第三方底层库为EXT支持的库。 2. `build` 包含压缩后的EXT源码。 3. `docs` 提供API帮助文档。 4. `examples` 包含各种使用EXT JS技术的实例。 5. `resources` 存放EXT UI所需的CSS、图片等资源。 6. `source` 提供未压缩的完整EXT源码，遵循LGPL开源协议。 7. `ext-all.js` 和 `ext-all-debug.js` 分别是压缩和未压缩的EXT完整库。 8. `ext-core.js` 和 `ext-core-debug.js` 分别是压缩和未压缩的EXT核心组件。要搭建EXT的开发环境，只需将EXT的开发包复制到Web项目的相应目录下。然后，创建一个新的HTML文件，并引入EXT的样式表`resources/css/ext-all.css`以及库文件，如`adapter/ext/ext-base.js`和`ext-all.js`（或`ext-all-debug.js`用于调试）。一个简单的"Hello, World"示例程序可能如下： ```html <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"> <script src="adapter/ext/ext-base.js"></script> <script src="ext-all.js"></script> <script> Ext.onReady(function() { Ext.Msg.alert('你好, 世界', '这是EXT JS的一个简单示例!'); }); </script> </head> <body> </body> </html> ``` 此示例在页面加载完成后弹出一个对话框，显示"你好, 世界"的问候信息。这只是一个基础的起点，EXT JS提供了丰富的组件和功能，允许开发者构建复杂且交互性强的Web应用程序。

冀北老许

粉丝: 21

ExtJS开发入门：命名空间与框架基础

Ext框架入门：命名空间与基础介绍

ExtJS框架详解：命名空间与入门基础

ExtJS框架入门与命名空间详解

cloud9-livecoffee-ext-master.zip

ext入门学习.docx

Ext入门学习.docx

ext入门学习.pdf

ext入门学习[归类].pdf

EXT中文手册(extjs入门教程)

Linux编程从入门到精通

最新资源