Hands-on Sencha Touch中文翻译第六章.pdf

在阅读了《Hands-on Sencha Touch中文翻译第六章.pdf》文档的内容之后，可以提炼出以下知识点，主要涉及Sencha Touch框架以及使用Sencha Cmd命令行工具进行Sencha Touch应用的创建和管理。 ### Sencha Cmd命令行工具的使用 1. **安装Sencha Cmd**： - Sencha Cmd是一个用于Sencha Touch和Ext JS框架的命令行工具，提供了生成和维护Sencha应用的全套工具。 - 确保Sencha Cmd已经安装在系统中，并且sencha命令已经添加到了系统的classpath中。 2. **生成Sencha Touch应用**： - 使用Sencha Cmd可以快速生成MVC结构的Sencha Touch应用。 - 通过命令行导航至Sencha Touch SDK文件夹，运行Sencha Cmd命令来创建应用。 - 应用的命名空间应明确指定，以便于Sencha Cmd正确生成文件夹结构。 - 应用生成后，Sencha Cmd会在指定路径下创建一个完整的项目文件夹结构，包括MVC文件夹和其他必要文件。 3. **文件夹结构说明**： - .sencha文件夹：包含配置文件和Sencha Cmd构建过程中使用的Ant脚本。 - app文件夹：包含MVC文件夹结构，如model、view、controller、store、profile等文件夹。 - resources文件夹：存放应用相关的资源文件，如CSS、SASS。 - index.html：作为应用的入口页面，内嵌Sencha Touch框架引用。 - app.js：MVC应用的入口脚本。 - app.json、packager.json、build.xml：包含构建或发布应用程序的相关设置和命令。 4. **构建和发布应用**： - 使用Sencha Cmd提供的build.xml文件可以定义构建过程。 - Apache Ant用于自动化软件构建过程，需要Java平台支持。 - 默认的XML文件名为build.xml，位于项目的根文件夹中。 ### MVC架构在Sencha Touch中的实现 1. **Model的创建**： - 使用Sencha Cmd可以自动生成model。 - Model代表应用中数据的结构。 2. **实现DataStore**： - DataStore是Sencha Touch中用于数据存储和管理的组件，通常与Model配合使用。 - DataStore负责从服务器获取数据，并将其以特定格式存储在本地。 3. **创建视图（View）**： - 视图代表用户界面。 - 使用Sencha Cmd可以自动生成视图模板，并通过开发自定义视图来展示数据和交互。 4. **生成控制器（Controller）**： - 控制器处理用户交互，例如监听视图中的事件。 - 使用Sencha Cmd可以生成控制器模板。 5. **引用组件和监听事件**： - 控制器中可以通过组件的id或alias引用其他组件。 - 控制器可以监听视图组件中的各种事件，例如按钮点击事件。 6. **实现MVC入口点**： - 在Sencha Touch应用中，需要定义MVC的入口点，以便框架知道从哪里开始加载和执行应用逻辑。 7. **加载外部类**： - 应用可能需要加载外部库或自定义的JavaScript类。 - 在Sencha Cmd配置文件中添加路径，确保构建过程中能正确地加载外部类。 ### 工作空间（Workspace）的管理 1. **创建和使用工作空间**： - 工作空间允许多个应用共享同一套Sencha Touch框架和代码库。 - 使用Sencha Cmd的generate workspace命令可以创建工作空间，该命令会在.sencha文件夹中生成元数据，并设置工作空间的目录结构。 2. **工作空间目录结构**： - packages文件夹：用于存放下载的Sencha插件。 - build文件夹：用于存放构建包的位置。 通过以上知识点，可以看出Sencha Cmd提供了强大的工具来帮助开发者快速搭建Sencha Touch应用的结构，并且能够通过MVC模式来组织和管理代码。同时，通过工作空间的管理，可以更有效地维护和复用代码，提高开发效率。这些知识点对于进行Sencha Touch移动应用开发的开发者而言是必备的技能。