DreamweaverMX でゲストブックを作成する (2)

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

メッセージを正常に表示するには、メッセージがない場合にのみメッセージを表示する必要があると前述しましたが、DW MX ではどうすればよいでしょうか。 ?ここでは、ライブラリ内の情報に基づいてさまざまな情報を表示する、新しいサーバー動作のショーリージョンを学習する必要があります。

まず、上記のメッセージの内容を例として説明します。メッセージの内容が空の場合、何が表示されるか、メッセージの内容が空でない場合、何が表示されるかについて説明します。図(7-9)に示すとおりです。

7-9

メッセージコンテンツテーブル全体を選択した後、[アプリケーション] --> [サーバー動作] --> [領域の表示] --> [レコードセットが空でない場合は領域を表示] (レコードセットが空でない場合) を使用します。つまり、メッセージコンテンツが空でない場合にこのフォームを表示します。は空ではありません。そうは言っても、他のいくつかのサーバーの動作について話さなければなりません。

レコードセットが空の場合に領域を表示 (レコードセットが空の場合): レコードセットが空の場合、選択した領域を表示します。
レコードセットが空でない場合に領域を表示 (レコードセットが空でない場合): レコードセットにレコードが含まれている場合、選択した領域を表示します。

最初のレコードの場合にリージョンを表示: レコードセット内の最初のレコードである場合に、選択したリージョンを表示します。
最初のレコードでない場合は領域を表示: レコードセットに最初のレコードがない場合に、選択した領域を表示します。
最後のレコードの場合は領域を表示: 選択した領域がレコードセット内の最後のレコードである場合に表示します。
最後のレコードでない場合は領域を表示: レコードセットに最後のレコードがない場合に、選択した領域を表示します。

クリックすると、図 (7-10) に示すダイアログボックスが表示されます。

7-10

このダイアログボックスで、この動作に対応するレコードセットを選択します。このページでは、guestbook という名前のレコードセットを 1 つだけ作成しました。サーバー動作を適用した後の効果を図 (7-11) に示します。

7-11
メッセージコンテンツがない場合のエラーを防ぐために、ここでは、レコードセットが空の場合に領域を表示する (レコードセットが空の場合) 動作を使用し、それを「まだメッセージがありません」テーブルに適用する必要があります。最終的な効果は次のとおりです。図(7-12)に示すように。

7-12

次に、図 (7-13) に示すように、メッセージを表示する大きなテーブルにいくつかの小さなテーブルを挿入し、それらを配置し、関連する画像 (ここにインターネット上で最も一般的な小さな画像があります。:)) を挿入することで改善してみましょう。 ) を示します。ここでは、Dreamweaver の最も基本的なテーブルスキルをいくつか紹介します。詳細については、このチュートリアルシリーズの他の章を参照してください。

7-13

ここで行う必要があるのは、データベース内のデータを対応するテーブルにドラッグすることです。たとえば、ユーザー名を名前の後のセルにドラッグすることを忘れないでください。 f_nameを投稿に手前のf_timeを奥の投稿にドラッグすると、表示されると「○○に公開された○○」となります。図(7-14)を参照してください。

7-14

ここには小さなバグがあります。つまり、表示されるメッセージは書式設定できません。つまり、メッセージ内に改行がいくつあっても表示時に改行されず、改行が 2 つ以上あることがわかります。スペースがスペースになります。この問題は、spdformat.mxt プラグインを使用して解決できます (プラグインをダウンロードするにはここをクリックしてください)。プラグインのインストール後の方法は図(7-48)のようになります。メッセージコンテンツとウェブマスター返信の両方でこのプラグインを使用する必要があります。

7-48
おそらく人々は、データベース内でこれらの OICQ などをどのように実行すればよいのかと再び尋ねるかもしれません。これについては、HTML の img タグの alt 属性、つまりマウスを上に移動すると、対応する説明文が表示されるという仕組みをご存知でしょうか。ここでは、それに応じて画像に動的にバインドします。ホームページアドレスの場合は、クリックして対応するアドレスに接続します。電子メールアドレスの場合は、クリックして Outlook を開き、メッセージを残した人にメッセージを送信します。

具体的な様子を図（7-15）に示します。

7-15

ここには順序があります。まず、OICQ ピクチャを選択し、次に右側のレコードセットから対応するデータセットを選択します (ここでは、データベース内の OICQ 番号を格納するフィールド (f_oicq) を選択し、次にバインドから選択します。 [To:] ドロップダウンメニューをクリックし、先ほど説明した img タグ属性である [後でバインド] をクリックします。バインディングが正しい場合は、サーバーであることを示すために前のレコードセットと同じ色が生成されます。図 (7-16) に示すように、ここではまだ美化する必要があります。

7-16

ソースコードとデザインビューを開くと、コード内に今挿入した内容が alt="<%=(guestbook.fields.item("f_oicq").value)%>" であることがわかります。このコードをコピーして、これを先頭に追加し、f_oicq を f_name (データベース内のポスターの名前フィールド) に変更して、最終コードが alt="<%=(guestbook.fields.item("f_name").value)%> になるようにします。 OICQ 番号は <%=(guestbook.fields.item("f_oicq").value)%>" なので、表示されると「XX の OICQ 番号は XX です」となります。すべて動的にバインドされています。。、おお。。

7-17