Dreamweaver MX Ultradev Exploration(2)

著者：Eve Cole 更新時間：2009-05-31 21:07:46

Dreamweaver MX Ultradev Explore (2) データベース内のレコードを表示する

前回の講義では、主にデータベース接続の設定について説明しました。今日は実際にバックグラウンドアプリケーションの実装を開始し、データベースからデータを取得します。現在私たちが目にしている Web ページは基本的に動的です。いわゆる動的とは、データベースと組み合わせて情報を自動的に更新することを意味します。データベースからのデータの取得は、最も基本的であり、最も一般的に使用される動的方法です。次に、クエリを通じて Northwind データベースの Product テーブルから製品情報リストを取得します。

サイトを設定するときは、[テストサーバー] オプションの [アクセス] を [FTP] または [ローカル/ネットワーク] に設定してください (図 2-1)。そうしないと、バインドが使用できなくなります。

図 2-1

右側の「アプリケーション」パネルで「バインディング」タブを選択します。プラスボタンを押します (図 2-2 を参照)。

図 2-2
[レコードセット]ダイアログボックスで、次のように詳細な設定を行います。

名前：ディスプロダクト
接続:northwind (これは前の講義で確立した接続です。オプション)
テーブル: Product (データベース内のすべてのテーブルがここにリストされます。Product を選択します)
列: 製品のすべてのフィールドが含まれます。[選択] ラジオボタンを選択すると、フィールドをフィルタリングできます。 (図 2-3 に示すように)

図 2-3

設定が完了したら、右側の [テスト] ボタンを押すと、必要なデータがすべてリストされています。このツールの機能は素晴らしいです。 (図 2-4 に示すように)

図 2-4
[OK] をクリックして [レコードセット] ダイアログボックスに戻り、[OK] をクリックしてページに戻ります。この時点で、Binding タグの変更が確認され、作成した disProduct という名前のクエリが表示されます。これを見た後は、非常に直感的で、コードでオブジェクトを作成するよりもはるかに理解しやすいと思います (図 2-5 を参照)。その横にある「+」記号をクリックして展開します。 Product テーブルのすべてのフィールドが目の前に表示されます。 (図 2-6 に示すように)

図 2-5

図 2-6

私たちの目的は、ページ上に商品リストを表示することです。この作業では、データベース内の情報をページ上に表示することがいかに簡単であるかがわかります。このツールの素晴らしさを改めて実感します。
ページ上に 2 行 4 列の表を作成し、最初の行に製品名、数量、単価、在庫を入力します (図 2-7 を参照)。これらは表示するフィールドです。ページ上で。次のパートでは、フィールドの内容を入力していきます。

図 2-7

バインディングで展開されたフィールドを選択するには、まず「製品名」フィールドを選択し、次に表の 2 行目の最初の列でマウスをクリックしてその中でカーソルを点滅させ、次に「バインディング」パネルに戻り、挿入ボタン、(図に示すように) 2-8)

図 2-8
同様に「数量、単価、在庫」フィールドをテーブルに挿入します（図 2-9 を参照）。フィールドを目的の場所にドラッグするという簡単な方法もあります。効果は同じですが、より簡単です。さて、あなたが Asp の初心者である場合は、Asp を学習するのに非常に役立つ、mx によって生成された元のコードを見てみましょう。将来的には、ログインページなどのコードを数行追加するだけで 2 つのページを結合できることがわかります。これについては、また別の機会に説明します。

図 2-9

さて、ページを保存して、ブラウザで作業の成果を確認してください。 Asp ページのデバッグ方法がわからないなどとは言わないでください。表示される結果が 1 行しかないのは非常に残念ではありませんか?はは、レコードポインタは動いていません、もちろん最初の行だけが表示されています。続きを読んでください。

サーバーの動作についてはこれから説明します。これを使用して多くの機能を実現できます。ここでは、すべてのレコードを表示する方法について説明します。表の 2 行目のセルをすべて選択します (図 2-10)。

図 2-10
[サーバー動作] ラベルの [+] ボタンをクリックし、ドロップダウンメニューで [繰り返し領域] を選択し、[繰り返し領域] ダイアログボックスで [すべて] ラジオボタンを選択します。すべてを表示したくない場合は、[繰り返し領域] を選択することもできます。上のラジオボタンを選択し、表示する番号を入力します (図 2-11 を参照)。

図 2-11

OKボタンを押して戻ります。もう 1 つの動作が「サーバー動作」タブに表示されます (図 2-12)。元のコードを見ると、ループステートメントを追加しただけであることがわかります。

図 2-12

変更を保存して再度デバッグすると、(図 2-11) で設定した内容が表示されます。この時点では、主にクエリの作成に関する以下の内容を確認できます。そこには多くのヒントが含まれています。

つづく……