extjs+air开发

一、准备工作
 1、下载adobe air install和adobe air sdk,下载地

址:http://www.adobe.com/cn/products/air/
 2、下载aptana，下载地址：www.aptana.com/
 3、更新aptana以便aptana支持adobe air
  更新方法:help->aptana help->my aptana->plugins->选择adobe

air1.5|get it
 4、使aptana可以提供extjs代码提示
  修改如下:window->preferences->aptana->editors->javascript->code

assist->在ext2.2前面打勾
 5、下载sqlite3(该工具是作为数据库使用),下载地

址:http://www.sqlite.org/download.html页面中的sqlite-3_6_15.zip

二、开发步骤
 1、新建air项目,file->new->other->选择aptana projects下的adobe air project
 2、第一页只需填写项目名称,第二页中icons是应用程序左上角的图标图片,第三页

是设置窗口的大小定位和最大化最小化关闭等,第四页不需要修改,第五页选择

ext2.2,Finish!
 3、如果要修改窗口的大小定位和最大化最小化关闭等参数,可以在application.xml

中修改
 4、在项目名称.html中,需要导入

lib/air/AIRAliases.js,lib/ext/adapter/ext/ext-base.js,lib/ext/ext-

all.js,lib/ext/air/ext-air.js和你写的extjs的js文件
 5、创建.db文件,作为数据库操作,具体操作请查看sqlite文档
 6、生成air安装文件,点击工具栏中的.air图标(export adobe air package),第一

页不需要修改,第二页选择一个证书(如果没有请新建),去掉timestamp air package的打勾(

打勾的话可能会有问题),第三页选择需要包含到air安装文件的文件,Finish!

三、关于extjs中的air操作数据库
 1、获得数据库连接
  db = Ext.sql.Connection.getInstance();
 2、打开数据库
  db.open('info.db');
 3、打开表
  dao = db.getTable('information');
 4、查询数据
  mdata=dao.select();
 5、有查询条件的查询
  mdata=dao.select("where type='JAVA' order by id desc");
 6、插入数据
  var newuser={
   title:'123',
   contents:'123',
   type:'JAVA',
   makedate:'2009-6-24',
   updatedate:'2009-6-24'
   }
  dao.insert(newuser);
 7、更新数据
  var newuser={
   title:'123',
   contents:'123',
   type:'JAVA',
   makedate:'2009-6-24',
   updatedate:'2009-6-24'
   }
  dao.updateBy(newuser,'id=1');
 8、删除数据
  dao.removeBy("id=1");

 

本人使用extjs+air开发的一个简单的信息管理系统,效果图如下:

评论

1 楼 icrwen 2012-07-10  

楼主能解释下为啥要用air技术呢，是不是只用ext就可以了啊