浅谈Sencha Touch自动生成工具

移动开发
Sencha Touch自动生成工具是本文介绍的内容,主要是来了解Sencha Touch中如何自动生成工具,具体内容的实现来看本文详解。

Sencha Touch自动生成工具是本文介绍的内容,主要是来了解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项目中生成三个文件并修改两个文件。但是很遗憾,目前版本不经过修改将无法正常执行。

  1. ../sencha.sh generate model User name:string password:string age:int 

参数解释:

generate – 指定使用generator模块,该模块负责代码的自动生成;

浅谈Sencha Touch自动生成工具

model – 指定将要生成的是Sencha Touch模型

User – 指定待生成的模型的名称

name:string password:string age:int – 指定待生成的属性定义,属性定义由两部分组成,<属性名>:<类型>。

生成Sencha Touch Controller

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

浅谈Sencha Touch自动生成工具

  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   
  2. git clone <A href="https://github.com/towerhe/sencha-command.git">https://github.com/towerhe/sencha-command.git<;/A> 
  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来访问项目的单元测试 

小结:浅谈Sencha Touch自动生成工具的内容介绍完了,希望通过本文的学习能对你有所帮助!

责任编辑:zhaolei 来源: 互联网
相关推荐

2011-09-05 10:20:21

Sencha ToucAPP

2011-09-05 13:53:08

Sencha Touc列表

2011-09-05 10:27:02

Sencha Touc手机应用Android

2011-09-05 13:48:36

Sencha Touc图标

2011-09-02 15:18:49

Sencha Touc

2011-07-26 09:41:50

Sencha Touc特性HTML 5

2010-11-22 10:31:17

Sencha touc

2011-07-25 15:55:21

Sencha ToucHtml 5

2011-07-26 09:46:53

Sencha Touc

2011-07-25 16:21:22

Sencha touc

2011-09-05 10:39:03

Sencha Touc离线存储数据库

2011-07-25 16:41:16

Sencha Touc

2011-11-28 13:42:55

Sencha Touc组件选择器

2011-09-05 14:09:06

Sencha Touc函数

2011-09-02 15:12:29

PhoneGapSencha Touc

2012-03-08 22:31:28

Sencha Touc

2011-09-05 12:49:59

Sencha Touc事件

2011-09-05 11:23:26

EclipseSencha Touc框架

2011-09-02 16:42:51

Sencha ToucWeb应用

2011-10-26 10:21:40

Sencha Touc组件
点赞
收藏

51CTO技术栈公众号