移动终端-SenchaTouch小结.docx

关于ARCHIBUS移动终端（Sencha Touch）文档开发其实就是对于Sencha Touch的前端开发，使其可以在Android 、iphone、ipad及相关设备上运行方便查看一个系统的内部信息。经过一点时间对文档的认真阅读，大致介绍下我个人对此的一点小小总结。Sencha简介前不久基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合JQTouch、Raphaël库，推出适用于最前沿Touch Web的Sencha Touch框架，该框架是世界上第一个基于HTML5的Mobile App框架。同时，ExtJS更名为Sencha，JQTouch的创始人David Kaneda，以及Raphaël的创始人也已加盟Sencha团队。Sencha特性Sencha被翻译成“煎茶”，Sencha下有很多优秀的项目比如Complete 、Extjs、Touch、Animator、GXT、Architect等其它相关产品。也许我们Extjs用的比较多。Sencha Touch 2 作为一种高性能的 HTML5 移动应用程序框架，是 Sencha HTML5 平台的基础。Sencha Touch 2 专为实现世界级的用户体验而设计，该软件是唯一能够帮助开发人员构建在 iOS、Android、BlackBerry 和 Kindle Fire 等系统上运行的高速沉浸式应用程序的框架。Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。下面是Sencha官方给出的几点特性1.基于最新的WEB标准 HTML5，CSS3，JavaScript。整个库在压缩和gzip后大约80KB，通过禁用一些组件还会使它更小。2.支持世界上最好的设备。Beta版兼容Android和iOS，Android上的开发人员还可以使用一些专为Android定制的主题。3.增强的触摸事件。在touchstart、touchend等标准事件基础上，增加了一组自定义事件数据集成，如tap、swipe、pinch、rotate等。4.数据集成。提供了强大的数据包，通过Ajax、JSONp、YQL等方式绑定到组件模板，写入本地离线存储。Sencha 切身体验最近几天学了下sencha touch2的一些基本控件和一些写法。都是很基础的，sencha touch2的语法感觉很像面向对象的语法。有自己的类，类可以继承，sencha touch2如果项目大的话有一种mvc的架构写法。首先我们要做一个小小的关于Sencha Touch的Demo：一、准备工作：Sencha Touch 需要运行在Chrome和Safari浏览器上. 也可以通过手机浏览器直接访问,你也可以在电脑上用 Chrome, Safari, 或者 Internet Explorer 10 11浏览.所以先准备好浏览工具，在这里我用的是Chrome浏览器。1. 下载Sencha Cmd.，选择现在的安装环境（配置好一个环境变量JAVA_HOME,其Path指向Sencha Cmd的安装路径），Sencha Cmd 由于是用JAVA写的，所以需要运行在JRE，官方说要用1.7的版本，所以还是这里选择的是 jdk1.7.0_25版本，因为现在1.8都出来了。2. 下载Sencha Touch包，我这里用的的Sencha Touch -2.2.1，这些下载好之后我们需要对其进行简单的测试，所以需要服务器，apache-tomcat-6.0.37作为测试环境。二、安装软件1. 安装需要的浏览器，不用都说，我这里安装的是Chrome。2. 安装JAVA运行环境。3. 安装Sencha Cmd，win的双击运行就是。4. 解压Sencha Touch，解压，我这里为了方便解压到D盘。三、生成Touch项目1、 运行cmd到解压的Sencha Touch目录下，如图。 2、测试Sencha的cmd，直接运行 sencha，如下图。如何提示这样，证明sencha安装成功。3、运行生成项目代码sencha generate app MyApp ./MyApp （由于我做了好几个案例，D盘下面有生成的包名为Myapp的，有Demo的）运行完后，这样在D盘里就生成了一个MyApp的目录，这个就是自动生成的touch项目，然后再把生成的项目放在D:apache-tomcat-6.0.37webappsMyApp目录下附言：下图为Demo的目录结构及部分关键代码经过此Demo的学习,自己也对代码进行开了简单的研究，做出了简单的按钮效果，效果图如下：这