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

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

次のステップは電子メールとホームページのアドレスです。図 (7-18) と (7-19) に示すように、前の方法とは少し異なります。

7-18

7-19

同様に、最初にメールボックスの画像を選択し、下のプロパティパネルから [リンク] ボタンをクリックする順序があることに注意してください。この図をクリックすると、図(7-20)に示す接続先を示すダイアログボックスが表示されます。

7-20

以前はローカルページに接続する機能がありましたが、DW MX ではデータソースを選択することで動的ページに接続できます。ここでは、レコードセットから電子メールフィールドを取得し、先頭に「mailto:」を忘れずに追加します。なぜこれをここに追加するのでしょうか。この「mailto」はhtmlタグ、つまりOUTLOOKと接続を開いてメールを送信するためです。

同時に、この電子メール画像に alt 属性を追加することを忘れないでください。つまり、alt="<%=(guestbook.fields.item("f_name").value)%> の電子メールアドレスは <%=( guestbook.fields.item(" f_email").value)%>、ここをクリックして電子メールを送信してください。」

ホームページアドレスの接続方法を図(7-21)に示します。

7-21

接続をバインドした後、必ず alt 属性を画像に追加してください。これを alt="<%=(guestbook.fields.item("f_name").value)%> に変更します。電子メールアドレスは <%=(guestbook) です。 .fields.item( "f_homepage").value)%>、ここをクリックしてメッセージを送信してください。」

はい、ここでは少し退屈ですが、さあ、勝利が私たちに手を振っています。 :)
図 (7-22) に示すように、現在の効果を見てください。

7-22

次に行うことは、トピックに返信するためのリンクを追加し、編集、削除して、トピックを動的にすることです。ここで使用されるサーバーの動作は、詳細ページにジャンプすることです (詳細ページに移動)。以前に、返信ページ (rep.asp)、編集ページ (edit.asp)、および削除ページ (del.asp) を作成しました。ここでは、それぞれの接続方法については詳しく説明しません。結果は図 (7) に示されています。 -23、7-24、7-25）。

7-23

7-24

7-25

上記の 3 つの手順を完了した後、まだ忘れずに実行する必要があることが 1 つあります。メッセージが多数ある場合はどうすればよいでしょうか。 ?ここでは、DW MX サーバー動作でリピートリージョン (リピートリージョン) を使用する必要があります。図 (7-26) に示すように、メッセージを表示する大きなテーブル全体を選択し、[アプリケーション] --> [サーバー動作] --> [リピート領域] を選択します。。

7-26
少しシンプルに見えるように、1 ページあたり 14 レコードを表示するように定義し、[OK] ボタンをクリックします。

このステップに到達すると、閲覧ユーザーはどのようにして私のメッセージレコードの数を知ることができるのかという疑問が生じます。 ?実際、図 (7-27) に示すように、レコードセットを作成するときに、DW MX はすでにこれを考慮しています。

7-27

最初のレコードのインデックス: インデックス内の最初のレコード。
最終レコードインデックス: インデックス内の最後のレコード。
合計レコード: すべてのレコードの合計。

これらを使用すれば、図 (7-28) に示すように、それらをページにドラッグし、対応する説明テキストを追加するだけです。

7-28

粘り強く続ければ成功します！図 (7-29) に示すように、先ほどリピート領域を使用したため、ガイドバーも必要です。

7-29
「挿入」-->「アプリケーションオブジェクト」-->「レコードセットナビゲーションバー」(「挿入」-->「アプリケーションオブジェクト」-->「レコードセットナビゲーションバー」)をクリックすると、図 (7-30) に示すダイアログボックスが表示されます。

7-30

レコードセット: ここでナビゲートするレコードセットを選択します。
表示方法: ここでナビゲーションバーの表示方法を選択します。テキストはテキスト、画像は画像です。ここでは画像を選択します。

[OK] ボタンをクリックすると、図 (7-31) のような表示になります。

7-31

大きすぎる可能性があります。このテーブルを選択した後、プロパティパネルで width="50%" を width="15%" に変更します。最終的な効果は図 (7-32) に示すようになります。 ) を示します。

7-32

ここで最後の改善段階として、「新しいトピックの発行」を new.asp ページに接続し、次の「管理ポータル」を login.asp ページに接続し、「ログアウト」でサーバー動作を使用します。ユーザーによって非常に準備されました。図(7-33)に示すとおりです。

7-33
ユーザー認証: ユーザー認証。
ログアウトユーザー: ログインしているユーザーがログアウトします。

クリックすると、図(7-44)のようなダイアログボックスが表示されます。

7-44

ログアウトのタイミング: ログアウトする方法、クリックされたリンク: このリンクをクリックするとログアウトします。ページの読み込み: ページが閉じられると終了します。
完了したら、次へ移動: 終了後にどのページに移動するか。ここでは、index.asp ホームページに移動するように定義します。

また、上記の {Session.MM_username} は、実際にはスーパーユーザー用に用意されており、ログインしていない場合は「ようこそ」と表示され、スーパーユーザーがログインしている場合は「ようこそ XX!」と表示されます。ここでは、図 (7-34) に示すように、セッション変数を作成する必要があります。このセッション変数の問題については、次の章で詳しく説明します。 :)

7-34

7-35

クリックすると、図(7-35)のようなダイアログボックスが表示されますので、ダイアログボックスに「MM_username」と入力します。この MM_username 変数は、ログインサーバーの動作を適用した後、DW MX によって自動的に生成されます (後で詳しく説明します)。また、「ようこそ!」の間の感嘆符の前にもドラッグします。ああ、一緒に咆哮しましょう~~~~~~ついに最難関を終えました、おめでとうございます、ふふ…。