- 资料下载
Sencha Touch2 源码官网下载地址: http://www.sencha.com/products/touch/download/
Sencha Cmd 下载地址:http://www.sencha.com/products/sencha-cmd/download
ruby 下载地址:http://www.ruby-lang.org/zh_cn/downloads/
- 源码目录介绍
- 用sencha cmd生成 demo工程
为了确保sencha cmd安装正确,打开系统CMD窗口输入sencha命令没有报错
cmd中进入解压后的sencha touch2的源码目录输入命令
sencha generate app appDemo /path/appDemo
生成的appDemo存放于 /path/appDemo,这个目录要保管好,后面对代码打包时候需要用到这个目录
- appDemo目录结构说明
--app 中存储的是MVC框架包括 controller、model、profile、store、view
--.sencha 打包用到的必要目录不要轻易修改,也不需要引入工程中
--build 打包后的文件存储的路径
--resources ST自带的css及image和自定义图标的文件
--touch 组件源码
--app.js js启动主目录
--app.json 动态引入JS的json文件自己定义的工具JS不要放到里面,不需要动态加载
备注:自定义的JS工具文件直接在index.html中引入即可
- 用sencha cmd对ST的代码进行打包
官网上说有三种打包方式:
- testing 测试包,方便debug代码没有混淆
- package 代码混淆,但是不设置HTML5的缓存功能
- production 代码混淆,同时设置缓存功能
对应的命令如下:sencha app build production/testing/package
CMD中进入appDemo路径下,执行上述命令
如果命令执行过程中出错:
原因1:需要安装ruby工具,sencha cmd运行时候需要的工具
原因2:代码不规范,这个命令检查代码很严格,必须按照ST的规范写
原因3:非MVC目录下的我们自定义的JS文件不需要打包
执行成功后生成的打包文件放在./build文件夹下
相关推荐
在探讨“Sencha Touch2 AJAX获取数据”的主题时,我们首先需要理解Sencha Touch2框架的基本概念以及AJAX技术在其中的应用。Sencha Touch2是一个用于构建高性能、跨平台的移动应用的JavaScript库,它专注于触摸设备上...
- **模型(Model)**:用于定义数据结构和行为,与后端数据交互的基础。 - **视图(View)**:负责UI的展示,包括组件和布局。 - **控制器(Controller)**:作为视图和模型之间的桥梁,处理用户交互事件和数据更新。 - **...
在书中,作者强调了如何有效地利用这些类来创建结构化的应用。 嵌入组件是任何应用界面的核心。Sencha Touch 2提供了一种简单而高效的方式来添加各种用户界面元素到你的应用中。书中讨论了如何将这些组件整合到你的...
接着,可以使用Sencha Touch 2的命令行工具生成应用的基本结构,包括视图、模型、控制器等。然后,根据需求使用PhoneGap API编写与设备交互的代码。最后,使用PhoneGap的打包工具将Web应用转化为对应平台的原生应用...
在项目根目录下,打开`app.json`文件,这里定义了你的应用结构和配置。你可以在这里设置应用的基本信息,如名称、版本等。同时,`app.js`是应用的主入口文件,你需要在这个文件中定义你的应用类和初始视图。 开发...
本示例“sencha-touch2 mvc demo”是关于Sencha Touch 2 MVC架构的一个简单演示,它展示了如何在移动应用中有效地组织代码并利用MVC模式。MVC(Model-View-Controller)是一种流行的设计模式,用于分离应用程序的...
### 开发Sencha Touch2记事本应用教程 #### 一、引言 本文将详细介绍如何使用Sencha Touch 2框架开发一款手机记事本应用(Notes App)。通过本教程的学习,开发者不仅可以深入理解Sencha Touch 2的MVC架构,还能...
模型用于定义和管理数据,视图负责展示数据,而控制器则协调模型和视图之间的交互,构建起应用的逻辑结构。 总结来说,Sencha Touch 2是一个强大且全面的移动开发框架,它利用现代Web技术提供了与原生应用相媲美的...