第 3 章: データベースを適用して動的 Web ページを作成する
セクション 3: データベース レコードの表示
いよいよ Dreamweaver Ultradev の威力を発揮します。 まず、Ultradev を使用してデータ表示機能を実現する方法を見てみましょう。とても簡単です、私に従ってください。
前回データ セットを作成した後、[データ バインディング] パネルに次の表示が表示されました。
次に、2 行 * 6 列のテーブルを作成します。列の数は、データ テーブルのフィールドの数によって決まります。なぜ 2 行なのかは、読んでいただければわかります。必要な情報を入力すると、ページは次のようになります。
次の作業は非常に簡単です。[データ バインディング] パネルに表示されるフィールド名を選択し、先ほど作成したテーブルにドラッグ アンド ドロップします。結果は図のようになります。これは、データベースを に表示することを意味します。対応するセルの値。しかし、データベース内のすべてのレコードを表示するには、これでは十分ではありません。
フィールドをドラッグ アンド ドロップしたばかりの行を選択すると、図に示すような効果が得られます。
パネルをサーバーの動作に切り替えると、主人公が登場します。これらのデータを言葉に従い、希望どおりに表示するには、これらのデータにいくつかのアクションを適用する必要があります。リピート領域を選択します:
次のダイアログ ボックスでは、1 ページに表示するレコードの数を尋ねられます。データベースに数千のレコードがある場合、すべてを表示することは不可能であるため、Web ページの読み込み速度が遅くなります。通常、データはページング形式で表示され、リピート領域の動作は次のようになります。使用済み。 。ここでは、1 ページあたり 3 つのレコードを表示することを選択します。
「OK」をクリックすると、図のようになります。
ブラウザ ウィンドウに切り替えて、生成したばかりのプログラムを表示しましょう。インターネット インフォメーション サービス マネージャーで設定したデフォルトのドキュメント名としてこのページを保存することを忘れないでください。ここでは、default.asp です。ブラウザ ウィンドウのアドレス バーに http://localhost と入力すると、次のような効果が表示されます。はは、データベース内のデータが目の前に表示されると、Web アプリケーションを作成するのは難しくないことがわかります。しばらく喜んでいたのですが、何か問題があったようです。ところで、ここには 3 件のレコードだけが表示されています。残りの 5 件のレコードはどうなるのでしょうか?さて、プログラムを改良してみましょう。