从零开始学习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可以从下载包的路径中获取)。这两个文件都是我们的工程文件中需要包含的。