熟悉Flex 的开发者都知道,在Flex中不能直接访问数据库,而是采用HTTPService/WebService/RemoteObject等方式实现。asSQL的出现多少让大家感到意外(抛开这两种方式的优劣不提),也可见它的威力。
1. 简介
大型软件系统都采取了分层设计的原则,将其分为大致表现(UI)、业务逻辑以及EIS三部分。在Java语言,直接与数据库打交道曾是家常便饭。Hibernate等O/R Mapping工具流行,直接使用JDBC编程变得少见了,但有时这种方式更加简便、速度更快。
ActionScript用于在Flash实现动画设计,访问数据库自然不是它的强项,甚至大家都觉得没有必要。asSQL的出现使许多Flash的开发 者感到惊喜(也许在Java开发人员看来这实在算不了什么)。asSQL现在是alpha版本,还很稚嫩有一些问题。但基本工作正常。
2. asSQL驱动
a)Connection
asSQL也提供了类似Java语言的Connection,确切的说asSQL中的Connection是类,而Java的Connectio是接口。 Connection负责与mySQL Server通讯(通过socket建立连接,握手,接收/发送数据包),并按照mySQL协议解析、加密数据包(此处略去协议处理细节,感兴趣的请访问 http://www.redferni.uklinux.net/mysql/MySQL-Protocol.html)。
b)MysqlService
虽然Connection是asSQL的核心对象,但与客户打交道仅有一个UI组件MysqlService。该组件需要用户输入host,port, database等信息,在内部创建Connection,这避免了用户直接操作Connection可能引发的错误。<o:p></o:p>
- <controls:MysqlService id="sqlService" host="localhost" port="3306" user="root" scrambler="{new PlainTextScrambler('sa')}" database="jpetstore" response="onResponse(event)" error="onError(event)" />
将操作结果保存到lastResult中,因此它可作为数据源(data provider)供其它组件(如DataGrid)使用,如下所示:<o:p></o:p>
- <mx:DataGrid x="55" y="137" dataProvider="{sqlService.lastResult}">
- <mx:columns>
- <mx:DataGridColumn headerText="UserId" dataField="userid"/>
- <mx:DataGridColumn headerText="Email" dataField="email"/>
- <mx:DataGridColumn headerText="First Name" dataField="firstname"/>
- mx:columns>
- mx:DataGrid>
在一个按钮click事件中,调用myService.send('SELECT userid,email,firstname FROM account;')即可触发上述DataGrid加载数据。
MysqlService支持3个事件,分别是results、response和errors,供调用者定制操作结果。
errors :显然是发生错误
results、response的区别是前者针对SELECT操作,后者针对UPDATE,DELETE......
遗憾的是,MysqlService设计的不够完美,Connection的创建和释放可能被分离到类内部和外部实现。如果用户提供上述事件的响应函数,就必须在该函数中显示关闭connection。如下所示:
<o:p></o:p>
- private function onResults(e:ResultsEvent):void{
- var st:Statement = Statement(e.target);
- var con:Connection = st.getConnection();
- var rs:ResultSet = e.resultSet;
- while ( rs.next() ) {
- var userid = rs.getString("userid");
- //var email = rs.getString(2);
- trace(userid);
- }
- con.disconnect();
- }
- private function onResponse(e:ResponseEvent):void{
- var st:Statement = Statement(e.target);
- var con:Connection = st.getConnection();
- var affectedRows:int = e.affectedRows;
- var insertID:int = e.insertID;
- con.disconnect();
- }
- private function onError(e:SQLErrorEvent):void{
- var st:Statement = Statement(e.target);
- var con:Connection = st.getConnection();
- var message:String = e.msg;
- var errorNo:int = e.id;
- var text:String = e.text; // Equals SQLError #{id}: {msg}
- con.disconnect();
- }
3. 示例
asSQL目前仅支持mySQL,它以UI组件的形式供用户调用,并以数据源的形式把数据和UI组件绑定。
开发环境:Flex Builder 2,以及MySql 5,还有Spring <st1:chsdate month="12" islunardate="False" day="30" year="1899" w:st="on" isrocdate="False">1.2.8</st1:chsdate>中实例JPetStore的Schema。
步骤1:MySQL中建立一个叫做JPetStore的Database。并把JPetStore的Schema导入其中。
步骤2:从http://maclema.com/assql/downloads/asSQL-0.1alpha.swc下载asSQL SWC
步骤3:新建Flex Project项目,然后选中项目根目录,右键Properties->Flex Build Path->Library Path;点击右侧按钮Add SWC,在浏览窗口找到刚下载的SWC文件。
步骤4:编辑Flex的界面元素,增加1个ComboBox和1个DataGrid,以及2个按钮。然后编辑MXML文件。
附件是运行界面和源代码。