`

Sencha touch学习笔记二:自定义目录方式的创建第一个应用

 
阅读更多



  

前提:我的电脑配置是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

 

 

 

详细见附件:
 

  • 大小: 48.8 KB
  • 大小: 13 KB
0
3
分享到:
评论
2 楼 原动力Java 2013-09-18  
ninthbar 写道
fastbook,能做一个这样框架ui界面的应用实例吗?


正在学习中,
1 楼 ninthbar 2013-09-18  
fastbook,能做一个这样框架ui界面的应用实例吗?

相关推荐

    Sencha touch学习笔记一:用Sencha Cmd方式创建第一个应用

    本篇学习笔记将聚焦于如何使用Sencha Cmd工具来创建你的第一个Sencha Touch应用。 首先,你需要安装Sencha Cmd。这是一款命令行工具,简化了Sencha Touch应用的创建、构建和部署流程。你可以从Sencha的官方网站下载...

    sencha touch2学习笔记(一)---环境搭建和开发工具配置

    然后,创建一个新的项目目录,通过命令行进入该目录,并运行`sencha -sdk <path_to_sencha_touch_sdk> generate app <app_name> .`命令来初始化一个新的Sencha Touch应用。这里的`<path_to_sencha_touch_sdk>`是你...

    一个完整的sencha touch 应用案例

    这个压缩包文件包含了创建一个完整的Sencha Touch 应用所需的基本元素,让我们逐一解析这些文件及其背后的含义。 1. **index.html**:这是应用程序的主入口文件,通常包含HTML结构以及Sencha Touch库和其他资源的...

    sencha touch项目源码

    这个项目源码是基于Sencha Touch开发的一个实例,通过研究这个项目,我们可以深入理解Sencha Touch的工作原理和实际应用。 在开始分析源码之前,先了解一些Sencha Touch的基础知识: 1. **组件系统**:Sencha ...

    Sencha 和 Sencha Touch 简介

    Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web ...

    Sencha Touch开发的项目《般若人生》源码

    通过分析这些文件,我们可以学习到如何组织一个Sencha Touch项目,如何利用其组件和数据管理机制,以及如何优化应用的性能和用户体验。对于想要深入理解Sencha Touch框架或者提高移动Web开发技能的开发者来说,...

    touch-docs-2.2.1.zip(senchaTouch 离线API参考文档)

    总的来说,Sencha Touch 2.2.1离线API文档是开发者的宝贵资源,通过深入学习和查阅,开发者可以熟练掌握这一框架,从而构建高性能、用户体验优秀的移动应用。而将其部署至Tomcat服务器,更是提供了一种便捷的本地...

    sencha touch中文翻译文档

    Sencha Touch是一款强大的JavaScript框架,专门用于构建移动Web应用程序。它提供了一套完整的UI组件和交互功能,使得开发者能够创建出具有原生应用体验的触摸友好型应用。这个"Sencha Touch中文翻译文档"是针对...

    sencha touch 登陆界面

    Sencha Touch 是一款专为移动设备设计的JavaScript框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。"sencha touch 登陆界面"这个主题,主要涉及的是如何使用Sencha Touch来设计和实现一...

    Sencha Touch in Action

    Sencha Touch是一个利用HTML5、CSS3和JavaScript创建移动Web应用程序的框架,它是Sencha框架的一部分,专门针对触摸设备设计。本书的作者包括Jesus Garcia、Anthony DeMoss和Mitchell Simoens,他们都是在移动应用...

    sencha touch应用程序

    这个示例通常引导开发者了解如何初始化一个新的Sencha Touch项目,设置基本的架构,创建第一个视图组件,并将其添加到应用的主屏幕。通过跟随“firstApp”的步骤,初学者可以快速掌握Sencha Touch的基本概念和工作...

    Sencha Touch2环境搭建

    Sencha Touch 2是一款专为移动设备开发的前端框架,用于构建高性能的触控应用程序。它提供了丰富的组件库,使得开发者能够轻松创建出与原生应用相似的用户体验。本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境...

    sencha touch 实例

    一个典型的Sencha Touch应用文档结构包含一个HTML文件,其中`<head>`部分引入ST库文件和自定义的JavaScript文件(如`app.js`)。`<body>`部分通常是空的,因为大部分应用逻辑都在JS文件中实现。 5. **应用启动方式...

    senchaTouch和fusioncharts结合的实例

    Sencha Touch 和 FusionCharts 的结合使用,是一种在移动设备上创建交互式图表和图形的高效方式。Sencha Touch 是一个流行的JavaScript框架,专门用于构建触摸优化的移动Web应用程序,而FusionCharts则是一款强大的...

    Sencha Touch 2.4.1

    Sencha Touch 2.4.1 是一个专为构建高性能移动应用程序而设计的HTML5开发框架。这个版本的发布标志着Sencha Touch在HTML5领域的领先地位,它提供了丰富的UI组件和强大的数据管理功能,使得开发者能够创建出接近原生...

    sencha touch 2.4.0最新版

    Sencha Touch 2.4.0 是一个专为移动设备设计的前端JavaScript框架,它使得开发者能够构建功能丰富的、响应式的Web应用程序,这些应用在智能手机、平板电脑等移动设备上表现得如同原生应用一样流畅。这个框架由Sencha...

    sencha touch list demo

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库,用于构建高性能的触屏Web应用。在“sencha touch list demo”中,我们主要关注的是Sencha Touch中的列表(List)组件,这是一个核心且常用的...

    2013+Sencha.Touch.2:Up.and.Running.pdf 源代码,可运行

    Sencha Touch 2是Sencha公司推出的一款专为移动设备设计的JavaScript框架,它使得开发者能够构建高性能、跨平台的移动Web应用。本书《2013 Sencha Touch 2: Up and Running》深入浅出地介绍了如何使用Sencha Touch 2...

Global site tag (gtag.js) - Google Analytics