从零开始学习Sencha Touch MVC应用

移动开发
Sencha Touch MVC应用是本文要介绍的内容,主要是来了解Sencha Touch MVC的架构,具体内容的实现来看本文详解。

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

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

在投入编码之前,另外一个需要了解的概念是MVC模式(ModelViewController),如果你不知道何为MVC,你需要阅读这些文章(thisarticle.)

现在让我们开始吧:

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

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

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

从零开始学习Sencha Touch MVC应用

在应用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目录下包含SenchaTouchCSS文件(这些文件sencha-touch-1.1.0/resources/css/sencha-touch.css可以从下载包的路径中获取)。这两个文件都是我们的工程文件中需要包含的。

小结:从零开始学习Sencha Touch MVC应用的内容介绍完了,希望通过本文的学习能对你有所帮助。

责任编辑:zhaolei 来源: 互联网
相关推荐

2011-04-06 15:55:50

开发webOS程序webOS

2011-09-02 15:18:49

Sencha Touc

2014-07-22 13:09:21

android

2023-03-21 07:35:43

2011-07-25 15:55:21

Sencha ToucHtml 5

2011-05-24 13:37:16

jQueryAjax

2018-08-20 08:15:50

编程语言Go语言切片

2015-09-18 10:09:05

Swift

2011-07-26 09:41:50

Sencha Touc特性HTML 5

2010-11-22 10:31:17

Sencha touc

2011-09-05 10:27:02

Sencha Touc手机应用Android

2011-09-02 16:42:51

Sencha ToucWeb应用

2020-11-09 11:56:49

HarmonyOS

2020-09-28 15:13:04

鸿蒙

2011-09-05 11:27:17

Sencha Touc框架HTML5

2015-11-17 16:11:07

Code Review

2018-04-18 07:01:59

Docker容器虚拟机

2019-01-18 12:39:45

云计算PaaS公有云

2020-07-02 15:32:23

Kubernetes容器架构

2019-05-14 10:43:17

图标UI设计界面
点赞
收藏

51CTO技术栈公众号