Flex DBに接続してゴニョゴニョする

2011/07/05

FlexでXamppをインストールしたときのMySQLに対してゴニョゴニョしてみる。

DB側の準備

以前にXAMPPをインストールしてたのでその環境を使って作業する

まずは、Flexでゴニョゴニョするためのデータベースを作成しておく。

XamppでApacheとMySQLを起動して、127.0.0.1にアクセス。
phpMyAdminからデータベースを作成。とりあえず「test」ってしておく。
テーブルも適当に作成。
あとデータを最低でも1行いれておく。

プロジェクト名	任意（「test_db」という名称にしてみる）
プロジェクトの場所	任意（xamppフォルダ内の「htdocs」の下に「flex/test_db」を作成・指定）
アプリケーションの種類	Web(Adobe Flash Playerで実行)
Flxe SDKのバージョン	デフォルトのSDKを使用する

「次へ」ボタン
サーバーテクノロジー：アプリケーションの種類 PHP
サーバーの場所：

Webアプリケーションルート C:\xampp\htdocs\flex\test_db

WebアプリケーションURL http://localhost/flex/test_db
「設定を検証」ボタンを押す。
※上のほうに「WebアプリケーションとURLは有効です」とでればOK
「コンパイルしたFlexアプリケーションの場所」はデフォルトのまま。（bin-debug）
「次へ」ボタンではなく、「終了」ボタンを押す

サーバーテクノロジー：アプリケーションの種類	PHP

Webアプリケーションルート	C:\xampp\htdocs\flex\test_db
WebアプリケーションURL	http://localhost/flex/test_db

「メニュー：データ→データとサービスに接続」
「PHP」を選択し、「次へ」ボタン
「PHPクラス」の横にあるテキストフィールド下の「既存のPHPクラスがない場合は～」の「ここをクリックしてサンプルを生成してください。」をクリック。
「データベースから作成」を選択しておいて、「ユーザー名」から「データベース」まで入力。
Xampp内のMySqlの接続先はデフォルトのままならパスワードは無し。

ユーザー名 root

パスワード

ホスト名 127.0.0.1

サーバーポート 3306

データベース test
「データベースに接続」ボタンを押す
「Zend AMF」というヤツをインストールするのでしばらく待つ。
「テーブル」と「プライマリキー」を選ぶ。
「デフォルトの場所を使用する」のままで「OK」ボタンを押す。
※「bin-debug」の下がイヤなら適当に修正する。
※もし「OK」ボタンが押せなければ「キャンセル」ボタンを押してやり直す。
「終了」ボタンを押す

※各ウィンドウ（パネル？）が見つからないときは「メニュー：ウィンドウ→ビューの表示」から表示したいものを選ぶ。

「test_db.mxml」を「デザイン」モードにする。
「コンポーネント」の「コントロール：DataGrid」を「test_db.mxml」へドラッグAndドロップ。
※適当にサイズを修正
「データとサービス」の中にある「getALL○○○():○○○[]」を「test_db.mxml」にある「DataGrid」へドラッグAndドロップ。
※とりあえず何も気にせず「OK」しておく。
実行する。
ブラウザで勝手に表示してくれるはず。

とりあえず、ココまで。