[置顶] 如何创建一个Sencha Touch 2应用(序言)

一个星期之前，由于需要，开始学习SenchaTouch 2（以下简称ST2）。

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

• HTML5:新一代的html标准，它允许在本地大量存储数据（这一点很重要）。且支持非flash的多媒体。
• 移动应用：众所周知sencha是Ext的进化，sencha包含很多产品，如下图：ST只是sencha 的其中一个产品，并且专注于移动设备上引用的开发
• 框架：笔者这么认为是不是可以，ST2是对js的封装，ST2也是对html的封装。使用js，一样可以实现ST2中的效果，不过ST2对js代码进行了封装，所以开发者就可以直接使用ST2提供的各种类，各种控件进行快速的开发。ST2中的各种控件也都是对HTML控件的封装，比如ST2中的formpanel控件最后还是要解析为HTML中的form元素进行提交。

                     

对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调试的时候会提示错误所在行。

5.这是st官方的案例合集，http://dev.sencha.com/deploy/touch/examples/production/

了解这些之后，就开始ST2之旅吧！

在网上发现了一个非常精彩的文章，全部共5篇，但是好像在网上只有第一篇的译文，所以就逼不得已自己翻译了一下。

这个教程的意义在于，使用mvc的思路搭建一个小的，简单的应用程序——记事本，来表现如何正确的创建一个ST2应用程序。其中也涉及到了表单的提交和处理。

本系列翻译文章集合

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

笔者英语能力有限，有些地方可能因翻译不当导致误导读者，还请见谅并且提出错误以便笔者尽快改正！

再次感谢文章作者提供精彩的教程！