任何移动应用程序的底层都是操作系统，最重要的是建立任何东西.然后我们有了运行应用程序的浏览器.它可能是Chrome，Safari，IE的任何东西.上层是W3标准，这对所有人来说都很常见. Sencha Touch代表或建立在W3标准之上，它只是HTML5，它使单个应用程序与不同设备的不同浏览器兼容.
Sencha Touch是三个框架的组合 : 去; ExtJs，JqTouch和Raphael(矢量绘图).它遵循MVC架构. MVC将代码分成更易于管理的块.
尽管该体系结构不是程序所必需的，但最佳做法是遵循此结构以使代码具有高度可维护性和组织性.
----------src ----------resources -------------------CSS files -------------------Images ----------JavaScript --------------------App Folder -------------------------------Controller ------------------------------------Contoller.js -------------------------------Model ------------------------------------Model.js -------------------------------Store ------------------------------------Store.js -------------------------------View ------------------------------------View.js -------------------------------Utils ------------------------------------Utils.js --------------------------------app.js -----------HTML files
Sencha Touch app文件夹将驻留在项目的JavaScript文件夹中.
该应用程序将包含app.js的控制器，视图，模型，存储和实用程序文件.
app.js : 从程序流程开始的主文件.它应该使用< script>包含在主HTML文件中.标签.应用程序调用应用程序的控制器以实现其余功能.
Controller.js : 它是Sencha Touch MVC架构的控制器文件.它包含应用程序的所有控件，事件侦听器以及代码的大部分功能.它执行以下任务:路由，视图和模型之间的中间，以及执行事件.
View.js : 它包含应用程序的界面部分，向用户显示. Sencha Touch使用各种UI丰富的视图，可以根据需要进行扩展和定制.
Store.js : 它包含本地缓存的数据，这些数据将在模型对象的帮助下在视图上呈现. Store使用代理获取数据，代理具有为服务定义的路径以获取后端数据.
Model.js : 它包含将商店数据绑定到视图的对象.它是现实世界对象的表示，它基本上处理数据库.
Utils.js : 它不包含在MVC体系结构中，但使用它是最佳实践，以使代码更干净，更简单，更易读.我们可以在此文件中编写方法，并在需要时在控制器或视图渲染器中调用它们.它也有助于代码重用性.
