Sencha logo  
 
产品咨询热线:021-32120333
 
       
 
 
 
Sencha Anmimator
HTML5动画编辑工具 Sencha Animator
Sencha Animator 是一个基于GUI的编辑器,针对的是想要创建HTML5动画的交互设计师。
 
 
 
SENCHA TOUCH 自动生成工具
 

在Sencha Touch中有一个鲜为人知的工具Sencha Command,位于sencha-touch-1.1.0/jsbuilder目录中,名为sencha.sh。相关资料表明该工具是用来自动化生成Sencha Touch项目目录结构,并包含一个代码生成器。使用了一下发现其明显处于试验阶段,因为代码中存在非常多的错误。通过sencha.sh生成的代码无法正常运行。不过不用担心,我们可以使用后面介绍的sencha-command来完成这些操作。下面简单的介绍sencha.sh的几个用法:

生成Sencha Touch项目

1../sencha.sh generate app YourSenchaTouchApp /path/to/save/YourSenchaTouchApp

参数解释:
generate – 指定使用generator模块,该模块负责代码的自动生成;
app – 指定将要生成的是Sencha Touch项目;
YourSenchaTouchApp – 指定待生成的Sencha Touch项目名称,该名称将作为Ext.Application的名称,因此命名必须是一个合法的javascript的一个合法标识符;
/path/to/save/YourSenchaTouchApp – 指定待生成的项目将被保存在何处。

生成Sencha Touch Model
本命令需要在生成的Sencha Touch目录中执行,该命令会在Sencha Touch项目中生成三个文件并修改两个文件。但是很遗憾,目前版本不经过修改将无法正常执行。

01.├── app
02.│   ├── models
03.│   │   └── User.js      - 新生成的User模型
04.├── index.html           - 引入app/models/User.js
05.└── test
06.├── fixtures
07.│   └── User.js      - 新生成的User模型的fixture
08.└── unit
09.├── index.html   - 引入models/User.js
10.└─── models
11.└── User.js - 新生成的User模型的spec
1../sencha.sh generate model User name:string password:string age:int

参数解释:
generate – 指定使用generator模块,该模块负责代码的自动生成;
model – 指定将要生成的是Sencha Touch模型
User – 指定待生成的模型的名称
name:string password:string age:int – 指定待生成的属性定义,属性定义由两部分组成,<属性名>:<类型>。

生成Sencha Touch Controller
本命令需要在生成的Sencha Touch目录中执行,该命令会在Sencha Touch项目中生成两个文件并修改两个文件。同样很遗憾,目前版本不经过修改将无法正常执行。

01.├── app
02.│   ├── controllers
03.│   │   └── users.js            - 新生成的users控制器
04.├── index.html                  - 引入app/controllers/users.js
05.└── test
06.└── unit
07.├── index.html          - 引入controllers/users.js
08.└── controllers
09.└── controllers.js - 新生成的users控制器的spec
1../sencha.sh generate controller users index new create show update destroy

参数解释:
generate – 指定使用generator模块,该模块负责代码的自动生成;
controller – 指定将要生成的是Sencha Touch控制器
users – 指定待生成的控制器的名称
index new create show update destroy – 指定待生成的控制器方法。

Sencha Command
Sencha Command – 是muc修正后发布的工具,该工具修正了Sencha Touch自带的工具存在的大部分问题。但是单元测试,以及提示信息依然存在一些小的问题。我在github上fork了这个项目https://github.com/towerhe/sencha-command,并修正了一些目前发现的问题:

  • test/unit/index.html中引入的sencha-touch-debug.js目录不正确
  • test/unit/index.html中默认不引入app.js
  • 调用generator时提示信息错误

Sencha Command与Sencha Touch自带的工具完成相同的工作,但有一些细小的改动:

  • 目录结构不同
  • 原脚本sencha.sh改名为sencha
  • 生成的项目中包含了Sencha Touch的资源文件
  • 修复了sencha touch资源引用的错误
  • 修复了无法使用模型和控制器生成器的错误

如何使用Sencha Command

1.# 1. 从github中签出sencha-command
3.# 2. 参照前面介绍的Sencha自带工具的用法生成项目、模型、控制器
4.# 3. 将项目部署到Web服务器
5.# 4. 浏览http://{your_server}:{port}/{any_prefix}/index.html来访问项目
6.# 5. 浏览http://{your_server}:{port}/{any_prefix}/test/unit/index.html来访问项目的单元测试


TOP

 
其他产品
 
  • Sencha Complete
  • Sencha Complete:Team
  • Sencha Touch
  • Sencha Ext JS
  • Sencha Animator
  • Sencha GXT
  • Sencha Architect
  •  
    中文教程
     
  • 优化基于EXTJS 4.1的应用
  • 如何创建一个SENCHA TOUCH 2应用(第一部分)
  • 在线PHONEGAP打包SENCHA TOUCH 2客户端应用
  • SENCHA TOUCH自动生成工具
  • EXTJS 4应用架构设计
  •  
    咨询热线:021-32120333 传真:021-62119020 邮箱:info@senchasoftware.com