前提:我的电脑配置是win7 64位,在我写这篇日志的时候,sencha touch的版本是touch-2.2.1
1:在这个页面填写邮箱地址进行下载touch压缩包:http://www.sencha.com/products/touch/download/
2:在电脑上需要安装jdk1.6以上版本,
3:在电脑上需要安装http服务器,我本身安装了一个Apache 服务器
上面的这些都准备好以后,就可以开始sencha touch的学习了!
一、第一个应用建立过程
1:在Apache安装目录htdocs,新建touch目录,然后将解压好的touch-2.2.1拷贝到该目录下,目录情况如下图:
2:好的,现在用浏览器访问,输入地址:http://127.0.0.1/touch/touch-2.2.1/SETUP.html ,这时候看到了touch的说明文档
3:如果下载了,touch sdktools,下载地址:http://www.sencha.com/products/sdk-tools/download
安装好以后,在windows的cmd中执行以下命令:
表明sdktools安装成功,但是如果用sdktools的命令进行建立应用的时候,执行一下命令:
现在开始报错了,说明我的电脑并不适合sdktools,所以现在先把sdktools卸载掉!
4:现在开始安装,touch cmd,下载地址:http://www.sencha.com/products/sencha-cmd/download
安装成功以后,执行以上同样的命令:
表明touch cmd已经安装成功!接下来执行以下命令:
最后在浏览器中,访问:http://127.0.0.1/touch/GS/,
这样表明第一个应用就正式建立成功了!
注意:
sencha命令执行时必须是在G:\apache\htdocs\touch\touch-2.2.1 这个目录下,要不然会报以下错误:
二、浏览代码:
GS目录结构如下:
相关推荐
在本文中,我们将深入探讨如何使用Sencha Touch框架自定义目录结构来创建你的第一个应用程序。Sencha Touch是一款强大的JavaScript框架,专为构建移动Web应用程序而设计。它提供了丰富的UI组件和数据管理工具,使得...
然后,创建一个新的项目目录,通过命令行进入该目录,并运行`sencha -sdk <path_to_sencha_touch_sdk> generate app <app_name> .`命令来初始化一个新的Sencha Touch应用。这里的`<path_to_sencha_touch_sdk>`是你...
这个压缩包文件包含了创建一个完整的Sencha Touch 应用所需的基本元素,让我们逐一解析这些文件及其背后的含义。 1. **index.html**:这是应用程序的主入口文件,通常包含HTML结构以及Sencha Touch库和其他资源的...
- **初始化项目**:使用`sencha generate app`命令可以创建一个新的Sencha Ext JS或Sencha Touch应用。例如,`sencha generate app MyApp C:\MyApps\MyApp`会在指定的目录下创建一个名为MyApp的新项目。 - **构建...
Sencha Touch 是第一个专门设计为移动设备开发 ...Sencha Animator 是一个创建基于 WebKit 浏览器和触屏移动设备运行的 CSS3 动画的工具,用户可以通过它创建出令人惊叹的动画,效果一点也不逊色于 Adobe 的动画工具。
通过分析这些文件,我们可以学习到如何组织一个Sencha Touch项目,如何利用其组件和数据管理机制,以及如何优化应用的性能和用户体验。对于想要深入理解Sencha Touch框架或者提高移动Web开发技能的开发者来说,...
2. **创建新项目** - 使用Sencha CMD创建一个新的Sencha Touch 2项目。在命令行中导航到Sencha CMD安装目录下的bin文件夹,然后运行: ``` sencha generate app AppName /path/to/your/project/folder ``` 将...
Sencha Touch 是一款专为移动设备设计的...通过以上步骤,你可以创建一个完整的Sencha Touch登录界面。对于初学者来说,理解这一过程有助于更好地掌握Sencha Touch的架构和组件使用,从而进一步提升开发能力。
这个项目源码是基于Sencha Touch开发的一个实例,通过研究这个项目,我们可以深入理解Sencha Touch的工作原理和实际应用。 在开始分析源码之前,先了解一些Sencha Touch的基础知识: 1. **组件系统**:Sencha ...
Sencha Touch是这些产品中专注于移动Web开发的一个,非常适合于希望使用Web技术来开发移动应用的开发者使用。 书中的一部分内容介绍了出版信息,例如出版社为Manning Publications Co.,这本书的ISBN是***。出版...
这个示例通常引导开发者了解如何初始化一个新的Sencha Touch项目,设置基本的架构,创建第一个视图组件,并将其添加到应用的主屏幕。通过跟随“firstApp”的步骤,初学者可以快速掌握Sencha Touch的基本概念和工作...
总的来说,Sencha Touch 2.2.1离线API文档是开发者的宝贵资源,通过深入学习和查阅,开发者可以熟练掌握这一框架,从而构建高性能、用户体验优秀的移动应用。而将其部署至Tomcat服务器,更是提供了一种便捷的本地...
Sencha Touch是一款强大的JavaScript框架,专门...对于初学者来说,这是一个非常宝贵的资源,能够帮助他们快速上手并熟练掌握Sencha Touch 2的使用。对于有经验的开发者,中文版文档则能降低语言障碍,提高开发效率。
Sencha Touch 和 FusionCharts 的结合使用,是一种在移动设备上创建交互式图表和图形的高效方式。Sencha Touch 是一个流行的JavaScript框架,专门用于构建触摸优化的移动Web应用程序,而FusionCharts则是一款强大的...
Sencha Touch 是一款用于构建移动应用的前端框架,它提供了丰富的组件库和强大的数据管理功能,使得开发者可以创建交互性强、性能优异的触屏应用程序。VSCode(Visual Studio Code)是微软开发的一款广受欢迎的源...
在阅读了《Hands-on Sencha Touch中文翻译第六章.pdf》文档的内容之后,可以提炼出以下知识点,主要涉及Sencha Touch框架以及使用Sencha Cmd命令行工具进行Sencha Touch应用的创建和管理。 ### Sencha Cmd命令行...
总结,"sencha touch list demo"展示了如何使用Sencha Touch的List组件和Store来构建一个动态的数据展示界面。通过理解和实践这个示例,开发者可以更好地掌握Sencha Touch中数据驱动UI的设计原则,以及如何创建交互...
Sencha Touch 2.4.0 是一个专为移动设备设计的前端JavaScript框架,它使得开发者能够构建功能丰富的、响应式的Web应用程序,这些应用在智能手机、平板电脑等移动设备上表现得如同原生应用一样流畅。这个框架由Sencha...