创建一个实用的天气应用程序之一.pdf

SenchaTouch 2入门：创建一个实用的天气应用程序之一 在这三个部分的SenchaTouch教程中，将会创建一个简单的我是否需要带伞的实用应用程 序，它会从提供的Web服务中加载天气信息。基于天气代码，该 应用程序可以预测需要不需要带伞。 在本教程，需要为应用程序编写代码。在下一个教程，重点是创建酷的SenchaTouch主题 和如何使用PhoneGap将应用程序转为本地应用程序。 本教程有以下要求：  SenchaTouch2.3或更高版本  SenchaCmd4.x  一个现代浏览器  编辑器 以下是一些附加资源： 可以在这里查看该应用程序并运行它。 最终代码可以在这里下载。 有一些教程所需的好东西——控制器和功能 生成和运行示例应用程序 首先要做的是在硬盘上创建Sencha 的文件夹。下载SenchaTouch2.3并解压到新创建的 Sencha文件夹。现在，要为应用程序创建文件夹，我将它命名为dinumu，是 “DoINeed M Umbrella”的首字母组合。 现在，在命令行（命令提示符货MacOSX终端），进入Sencha框架文件夹（cd sencha/touch-2.3.x）并运行以下命令来生成SenchaTouch MVC的目录结构： sencha generate app -name Dinmu -path ../dinmu 以上命令会为应用程序“我需要带伞么”生成完整的MVC结构。它的命名空间为Dinmu， 是所有类的前缀。检查一下已创建的目录结构。 现在可以通过命令行来启动Web服务器——使用Sencha文件夹作为路径。（如果想使用 已有的Apache服务器，可以跳过这个步骤。）在MacOSX，可能需要权限来执行以下命 令：如果运行的时候出现权限错误，需要在命令前加上前缀sudo。 sencha fs web -p 80 start -map /path/to/sencha/folder/ 以上命令将启动内置的Jett 服务器，由于需要确保CLI窗口打开以保持服务器运行，因而 需要打开一个新的CLI窗口来执行以下命令。 下面来测试生成的SenchaTouch应用程序。打开现代浏览器 如（GoogleChrome货Safari） 并输入：http://localhost/dinmu，将会看到下图所示的Sencha演示应用程序接口，在底部 标签面板带有两个演示页： 数据包  下一步要做的是生成模型来定义数据。在应用程序中需要保存的设置包括：id、cit （城市）、countr （国家）、units （单位）和geolocation （地理定位）。这些数据将会作 为模型的字段来进行定义。SenchaCmd可以用来搭建这个模型。在dinmu文件夹内， 运行以下命令： sencha generate model Setting id,city,country,units,geo:boolean 以上命令会为应用程序创建模型。命令中包含了类名Setting，在最后的字符串中包含 了用来定义字段的所有字段名称。再次检查一下目录结构。 在编辑器中打开app/model/Setting.js。要注意Dinmu.model.Setting相当于 app/model/Setting.js。这就是要实现的Setting模型，SenchaCmd会去定义一个Setting 模型类。它派生于SenchaTouch框架的模型实现Ext.data.Model，且包含了所有的字段和 字段类型。 字段id将作为应用程序中每一个模型记录的标识。为了让它表现为唯一的id值，需要去配 置它。在fields数组前，添加配置项idProperty和identifier。 idProperty: id, identifier: uuid, 由于要使用到Sencha 的唯一id类，因而需要将该类导入（import）到应用程序中，这 可通过requires配置项来实现，在requires配置项中天类Ext.data.identifier.Uuid。 requires: [Ext.data.identifier.Uuid], 下一步要做的是为模型创建一些验证（validations）。在fields数组后，创建一个validations 数组，该数组将包含用来验证字段是否包含数据的验证对象。  validations: [{  type: presence,  f