从零开始学习Sencha Touch MVC应用之一

从零开始学习Sencha Touch MVC应用之一

介绍：

sencha touch是一个面向对象的java框架，使用它可以使开发者完全像在iphone、andriod 、黑莓等触摸设备本身上进行移动应用的构建那样方便和容易。如果你需要查找进一步的资料可以到Sencha Touch website.上进行查找。

如果你还没有使用java在面向对象方式下进行过开发的经历，我想你将会发现这个框架的一些特殊性因为这个框架完全是基于oop的，如果你对OOP概念不熟悉，你可以到这里（here）来查找，如果你有一些OOP方面的知识，但你不知道如何面向对象如何运用在java程序中，你可以参考一下（Object-Oriented Java article.）.中的文章。

在投入编码之前，另外一个需要了解的概念是MVC模式(Model View Controller)，如果你不知道何为MVC，你需要阅读这些文章（this article.）

现在让我们开始吧：

现在让我们来开始构建第一个基于Sencha Touch MVC 的web应用。

首先在你的机器硬盘上建立项目目录，我们命名这个目录MvcTouch.

在这个工程目录下，需要建立如下的文档结构：

 

在应用app目录下，我们将把我们的所有代码放进去，到目前为止，我们先只放入app.js,但随着我们开发向前进展，我们将会放入更多的代码。

在lib目录下，将包括所需的sencha touch框架文件和所需的javascrpt库。

所有的图像文件images和css样式文件都包含在res目录中。

文件index.html是应用的的切入点文件，并且也是我们仅有的唯一的html文件。

下面让我们把框架包含到我们的的工程目录中：

在lib目录下，建立一个sencha-touch-1.1.0文件目录。

现在拷贝下载包中的sencha-touch-1.1.0/sencha-touch.js到lib/sencha-touch-1.1.0 /目录下的sencha-touch.js。

我们也需要在lib/sencha-touch-1.1.0/sencha-touch.css目录下包含Sencha Touch CSS文件（这些文件sencha-touch-1.1.0/resources/css/sencha-touch.css可以从下载包的路径中获取）。这两个文件都是我们的工程文件中需要包含的。