前提:我的电脑配置是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,然后再建立一个test目录
2:拷贝touch2.2.1类库中的src目录,resources目录,还有sencha-touch.css,sencha-touch-all.js,sencha-touch-debug.js这些目录以及文件copy到test目录中
3:写自己的app.js,对应的建立/app/view/目录,以及MyPanel.js
4:写一个index.html
5:好了,大功告成,在浏览器中访问:http://127.0.0.1/touch/test/index.html
详细见附件:
相关推荐
本篇学习笔记将聚焦于如何使用Sencha Cmd工具来创建你的第一个Sencha Touch应用。 首先,你需要安装Sencha Cmd。这是一款命令行工具,简化了Sencha Touch应用的创建、构建和部署流程。你可以从Sencha的官方网站下载...
然后,创建一个新的项目目录,通过命令行进入该目录,并运行`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 Touch开发的一个实例,通过研究这个项目,我们可以深入理解Sencha Touch的工作原理和实际应用。 在开始分析源码之前,先了解一些Sencha Touch的基础知识: 1. **组件系统**:Sencha ...
Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web ...
通过分析这些文件,我们可以学习到如何组织一个Sencha Touch项目,如何利用其组件和数据管理机制,以及如何优化应用的性能和用户体验。对于想要深入理解Sencha Touch框架或者提高移动Web开发技能的开发者来说,...
总的来说,Sencha Touch 2.2.1离线API文档是开发者的宝贵资源,通过深入学习和查阅,开发者可以熟练掌握这一框架,从而构建高性能、用户体验优秀的移动应用。而将其部署至Tomcat服务器,更是提供了一种便捷的本地...
Sencha Touch是一款强大的JavaScript框架,专门用于构建移动Web应用程序。它提供了一套完整的UI组件和交互功能,使得开发者能够创建出具有原生应用体验的触摸友好型应用。这个"Sencha Touch中文翻译文档"是针对...
Sencha Touch 是一款专为移动设备设计的JavaScript框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。"sencha touch 登陆界面"这个主题,主要涉及的是如何使用Sencha Touch来设计和实现一...
Sencha Touch是一个利用HTML5、CSS3和JavaScript创建移动Web应用程序的框架,它是Sencha框架的一部分,专门针对触摸设备设计。本书的作者包括Jesus Garcia、Anthony DeMoss和Mitchell Simoens,他们都是在移动应用...
这个示例通常引导开发者了解如何初始化一个新的Sencha Touch项目,设置基本的架构,创建第一个视图组件,并将其添加到应用的主屏幕。通过跟随“firstApp”的步骤,初学者可以快速掌握Sencha Touch的基本概念和工作...
Sencha Touch 2是一款专为移动设备开发的前端框架,用于构建高性能的触控应用程序。它提供了丰富的组件库,使得开发者能够轻松创建出与原生应用相似的用户体验。本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境...
一个典型的Sencha Touch应用文档结构包含一个HTML文件,其中`<head>`部分引入ST库文件和自定义的JavaScript文件(如`app.js`)。`<body>`部分通常是空的,因为大部分应用逻辑都在JS文件中实现。 5. **应用启动方式...
Sencha Touch 和 FusionCharts 的结合使用,是一种在移动设备上创建交互式图表和图形的高效方式。Sencha Touch 是一个流行的JavaScript框架,专门用于构建触摸优化的移动Web应用程序,而FusionCharts则是一款强大的...
Sencha Touch 2.4.1 是一个专为构建高性能移动应用程序而设计的HTML5开发框架。这个版本的发布标志着Sencha Touch在HTML5领域的领先地位,它提供了丰富的UI组件和强大的数据管理功能,使得开发者能够创建出接近原生...
Sencha Touch 2.4.0 是一个专为移动设备设计的前端JavaScript框架,它使得开发者能够构建功能丰富的、响应式的Web应用程序,这些应用在智能手机、平板电脑等移动设备上表现得如同原生应用一样流畅。这个框架由Sencha...
Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库,用于构建高性能的触屏Web应用。在“sencha touch list demo”中,我们主要关注的是Sencha Touch中的列表(List)组件,这是一个核心且常用的...
Sencha Touch 2是Sencha公司推出的一款专为移动设备设计的JavaScript框架,它使得开发者能够构建高性能、跨平台的移动Web应用。本书《2013 Sencha Touch 2: Up and Running》深入浅出地介绍了如何使用Sencha Touch 2...