flex 連結 mysql 基本教學

打從三月發現flex3出來後就開始注意
買了不少書來看，但大多都是flex2結合as3
感覺上flex2跟3差別蠻大的
過去只寫過as2在轉換as3時還真有點不習慣
感覺上更像java

在flex3以前我完全沒接觸過
現在才開始
加上作業跟雜務...能夠靜下心來研究時間更是少
廢話了這麼多還是跟主題一點關係都沒有...XD
_____________________________________________________________________________

1. 開啟flex3後首先建立專案(file\new\Flex project)

Project name:專案名稱
Project location:所存放位置 上面打勾的框框則為預設
Appliction type:在此設定為Web Application
Appliction Server type:PHP (這很重要)


2.確定Web Server root位置

Web root:網頁跟目錄(此範例為使用MAMP-Mac系統)
假若使用Appserv位置可能為:../AppServ/www/
Wamp為:../wamp/www/

Root:設定網址 (此範例為使用MAMP-Mac系統)
假若使用Appserv、wamp為:http://localhost/
因MAMP所預設prot為8888需要特別指定

設定好後可按下"Validate Configuration"確認是否可以


3. 跳到phpMyAdmin建立新資料庫


4.確認建立完成、並在下方直接建立表單在此設定欄位數


5.建立欄位名稱並設定欄位屬性


6.建立完成後確定


7.跳回flex連結資料庫(Data\Creat Application form Database...)
點選"New..."


8. 設定連結名稱
Name:名稱
Description(optional):註解(可以隨意設定，空白也可以)


9.設定所連結之資料庫
Host:若為本地端即為"localhost"
Database Name:填入剛剛所創立資料庫名稱
User Name:填入資料庫管理者名稱(預設為root)
Password:資料褲管裡者密碼

結束後記得按下"Test Connection"測試是否正確


10.確認設定


11.完成後記續按下Next


12.確認php頁面及debug


13.完成後所出現Source頁面


14.完成後所出現Design頁面(預覽介面)


15.按下run後即可開始執行測試(若之前所設定之跟目錄與網頁根目錄不同請記得移至網頁根目錄)
左下角按鈕分別為新增、刪除
右下角為搜尋


16.建立新資料頁面
左下角為儲存與取消


17.完成後跳回原來頁面及新增一筆資料


18.裡面欄位也可任意拖曳移動



一個輕鬆簡單又自在就完成了最基礎的flex連結mysql
demo部份等我有確定的網頁空間後會放上

參考資料
Adobe Flex : http://www.adobe.com/products/flex/?promoid=BPDEQ