首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > 移动开发 >

怎么创建一个Sencha Touch 2应用(序言)

2012-09-17 
如何创建一个Sencha Touch 2应用(序言)一个星期志之前,由于需要,我开始学习SenchaTouch 2(以下简称ST2)。笔

如何创建一个Sencha Touch 2应用(序言)

一个星期志之前,由于需要,我开始学习SenchaTouch 2(以下简称ST2)。

笔者只有一点java面向对象的基础,并没有js或者js框架的基础,听说过jQuery,但ST2是个什么东西都不懂。怎么学习呢?第一天只是找了一些资料了解了什么是ST。现在看来一句话概括ST是最准确的:ST是基于HTML5的移动应用框架。读者应该注意到这些定语:


HTML5:新一代的html标准,它允许在本地大量存储数据(这一点很重要)。且支持非flash的多媒体(这也是苹果不支持flash的原因,HTML5时代是不需要Flash的,详见乔帮主文章http://www.apple.com/hotnews/thoughts-on-flash/ )移动应用:众所周知sencha是Ext的进化,sencha包含很多产品,如下图:ST只是sencha 的其中一个产品,并且专注于移动设备上引用的开发



     怎么创建一个Sencha Touch 2应用(序言)                怎么创建一个Sencha Touch 2应用(序言)


对ST有了一些了解之后,便开始hello world。在这个阶段很重要的是环境的搭建。我会告诉你:ST的环境搭建只是包括对ST skd的引用,对IDE并没有什么要求。我之所以说这个系列的教程好的原因是这个教程有很好的架构ST应用的知识。你会看到一个好的ST应用目录结构会是这样(上图):

可能需要解释的是app目录。这是ST程序的主要组件:ST程序是基于MVC的。Model,View,Controller。Store是数据集,它像是一张表,一个Store对应一个model。Profile是什么,暂时还不清楚。


学习ST2可能还需要知道以下信息:


1.ST的最新版本是2.0 ,网上很多资料都是1.0版本的,所以运行会报错。

2.ST2基于HTML5,所以调试最好使用Chrome,或者safari。(浏览器对HTML5的支持见维基百科“HTML5”词条)

3.在chorme中调试js程序,F12。

4.在开发阶段请引用ST的debug版本,这样在F12调试的时候会提示错误所在行。


了解这些之后,就开始ST2之旅吧!


本系列翻译文章集合

http://blog.csdn.net/yanwushu/article/category/1235170 


感谢文章作者提供精彩的教程!


再次声明:笔者英语能力有限,有些地方可能会误导读者,还请见谅并且提出错误以便笔者尽快改正!






热点排行