浅谈Sencha Touch--环境配置

这段时间在公司里面做的项目是采用Sencha Touch框架开发的,本人之前完全没接触过该框架,公司里面的其他同事也一样,导致本人只能在网上搜索相关资料,无奈Sencha Touch是属于比较新的技术,关于这方面的中文资料比较少所以自己只能看看那些大神们写的中文资料,然后没找到的资料就只能硬着头皮上官网看英文资料了。

俗话说“好记性不如烂笔头”,写了一段时间的Sencha Touch,也算是到了入门级别吧,担心自己以后会遗忘,所以就写下来,当做是做做笔记吧。


环境搭建

1.安装JRE。官网要求使用JRE 1.7,但本人亲测1.6也是可以的;
2.安装Ruby。下载地址 : http://rubyinstaller.org/downloads/
3..安装Sencha Cmd。下载地址: http://www.sencha.com/products/sencha-cmd/download

安装成功后打开命令提示符输入“sencha”可以成功输出Sencha Cmd的版本号和一系列命令

利用Sencha Touch框架生成应用

首先下载Sencha Touch框架 : http://www.sencha.com/products/touch。然后解压出来,打开命令提示符,将当前目录导向刚解压出来的文件路径中,然后输入“sencha generate app MyApp /to/path/MyApp”,其中MyApp是自定义的,第一个是所生成应用的命名空间,第二个是所生成应用的文件夹名称。
还有一种方法是:打开命令提示符,直接输入“sencha -sdk d:/touch-2.3.1 generate app MyApp d:/MyApp”,其中“d:/touch-2.3.1”是所下载的Sench Touch框架所在路径.
这时,可以看到所生成的应用,如下图:


好了,现在已经生成了一个Sencha Touch的基本应用了,可以打开index.html看看这框架为我们生成了什么,但需要注意不能直接点击打开index.html,否则会报如下错误:


其中原因之后再慢慢解释吧,正确的做法是部署到tomcat或其他服务器上,然后在浏览器上打开。使用哪个浏览器打开也是有讲究的,Sencha Touch是基于Webkit引擎的,所以使用Chrome或者Safari打开比较好,使用其他浏览器是无法打开的


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web 应用,它提供了丰富的华丽的控件和强大的功能,包括对触控事件的增强,数据整合等。本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速构建可以跨浏览器平台运行的强大的 web 应用程序开发框架。它提供了丰富的用户界面组件和完善的文档资源,并且还有一个最重要的优势就是组件的设计简洁而容易扩展。 Ext GWT Ext GWT 是使用 Java 构建富 web 应用的最快,最有效的框架。它提供了运行性能良好的用户界面控件,并且在界面布局管理和全键盘支持方面有更突出的优势。 等等 Ext Core Ext Core 是一个构建跨浏览器运行的动态 web 应用的 JavaScript 库,它提供了 DOM 查询和元素选择的跨浏览器访问 API,它是一个轻量级的,运行性能良好并且很容易使用的 JavaScript 库。 Ext Designer Ext Designer 是一个帮助用户更快的创建桌面应用程序的可视化的界面图形化工具。 Sencha Touch Sencha Touch 是第一个基于 HTML5 的 Mobile web 应用开发框架Sencha Animator Sencha Animator 是一个创建基于 WebKit 浏览器和触屏移动设备运行的 CSS3 动画的工具,用户可以通过它创建出令人惊叹的动画,效果一点也不逊色于 Adobe 的动画工具。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值