Microsoft Office FrontPage 2003 Web で、Web ページのデータを計算して、データベースに送信することができます。たとえば、ユーザーが入力した数値に基づいて自動的に合計を計算し、その合計値をデータベースに送信できます。
このような計算を実行するには多くの方法がありますが、最も簡単な方法の 1 つが、単純な Active Server Pages (ASP) ページを使用する方法です。
合計を計算してデータベースに送信する ASP ページを作成するには、以下の方法を記載されている順に実行します。
先頭へ戻る
FrontPage で ASP ページを作成する
| 1. |
Microsoft FrontPage を起動します。
|
| 2. |
[ファイル] メニューの [新規作成] をクリックします。
|
| 3. |
[ファイル] メニューの [上書き保存] をクリックします。
|
| 4. |
[名前を付けて保存] ダイアログ ボックスで input.asp と入力し、[保存] をクリックします。
|
| 5. |
[ファイル] メニューの [新規作成] をクリックし、[空白のページ] をクリックします。
|
| 6. |
[ファイル] メニューの [上書き保存] をクリックします。
|
| 7. |
[名前を付けて保存] ダイアログ ボックスで send.asp と入力し、[保存] をクリックします。
|
先頭へ戻る
Input.asp ページを修正する
Input.asp ページの目的は、ユーザーに入力ボックスを表示して、計算する値を収集することです。ユーザーは、入力ボックスに数値を入力してボタンをクリックします。Input.asp により、情報が Send.asp ページに送信されて処理されます。Input.asp ページを修正するには、以下の手順を実行します。
| 1. |
FrontPage で、Input.asp ファイルをクリックします。
|
| 2. |
[挿入] メニューの [フォーム] をポイントし、[フォーム] をクリックします。
|
| 3. |
[挿入] メニューの [フォーム] をポイントし、[テキスト ボックス] をクリックします。
|
| 4. |
テキスト ボックスを右クリックし、[フォーム フィールドのプロパティ] をクリックします。
|
| 5. |
[テキスト ボックスのプロパティ] ダイアログ ボックスで、[名前] ボックスに number と入力し、[文字の長さ] ボックスに 100 と入力し、[OK] をクリックします。
|
| 6. |
右方向キーを押して、テキスト ボックスの選択を解除します。
|
| 7. |
[挿入] メニューの [フォーム] をポイントし、[テキスト ボックス] をクリックします。
|
| 8. |
テキスト ボックスを右クリックし、[フォーム フィールドのプロパティ] をクリックします。
|
| 9. |
[テキスト ボックスのプロパティ] ダイアログ ボックスで、[名前] ボックスに cost と入力し、[文字の長さ] ボックスに 100 と入力し、[OK] をクリックします。
|
| 10. |
フォームを右クリックし、[フォームのプロパティ] をクリックします。
|
| 11. |
[フォームのプロパティ] ダイアログ ボックスで [ほかの送信先] をクリックし、[オプション] をクリックします。
|
| 12. |
[ユーザー設定フォーム ハンドラのオプション] ダイアログ ボックスで、[処理] ボックスに send.asp と入力します。
|
| 13. |
メソッドの [POST] をクリックし、[OK] を 2 回クリックします。
|
HTML で表示すると、Input.asp ページは次のように表示されます。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<form method="POST" action="--WEBBOT-SELF--">
<!--webbot bot="SaveResults" u-file="A:\_private\form_results.csv" s-format="TEXT/CSV" s-label-fields="TRUE" startspan --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><!--webbot bot="SaveResults" endspan i-checksum="43374" -->
<p><input type="text" name="number" size="100"><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>
<form method="POST" action="send.asp">
<p><input type="text" name="cost" size="100"><input type="submit" value="Submit" name="B3"><input type="reset" value="Reset" name="B4"></p>
</form>
</body>
</html>
先頭へ戻る
Send.asp ページを修正する
Input.asp ページから Send.asp に、計算する数値が送信されます。Send.asp で計算を実行し、計算した合計をデータベースに送信します。Send.asp ページを修正するには、以下の手順を実行します。
| 1. |
FrontPage で、Send.asp ファイルをクリックします。
|
| 2. |
ページの下部にある [コード] タブをクリックし、HTML ビューに切り替えます。
|
| 3. |
以下のコードをコピーし、ページの先頭にある最初の <html> タグより上に貼り付けます。
<%
dim n, c, t
n = request("number")
c = request("cost")
t = c*n
%> |
| 4. |
ページの下部にある [デザイン] タブをクリックし、標準ビューに切り替えます。
|
| 5. |
[挿入] メニューの [フォーム] をポイントし、[フォーム] をクリックします。
|
| 6. |
フォームの [リセット] を右クリックし、[切り取り] をクリックします。
|
| 7. |
ページの下部にある [コード] タブをクリックし、HTML ビューに切り替えます。
|
| 8. |
以下のコードをコピーし、<form method="POST" action="--WEBBOT-SELF--"> タグの直後に貼り付けます。
Thanks for the information. You input <%=Server.HTMLEncode(n)%> for the quantity, and <%=Server.HTMLEncode(c)%> for the cost. If this is correct, click Submit. |
| 9. |
ページの下部にある [デザイン] タブをクリックし、標準ビューに切り替えます。
|
| 10. |
フォームを右クリックし、[フォームのプロパティ] をクリックします。
|
| 11. |
[フォームのプロパティ] ダイアログ ボックスで、[詳細] をクリックします。
|
| 12. |
[フォーム プロパティの詳細設定] ダイアログ ボックスで、[追加] をクリックします。
|
| 13. |
[名前と値の組み合わせ] ダイアログ ボックスで、[名前] ボックスに cost と入力し、[値] ボックスに <%=c%> と入力します。
|
| 14. |
[OK] をクリックします。 |
| 15. |
[フォーム プロパティの詳細設定] ダイアログ ボックスで、[追加] をクリックします。
|
| 16. |
[名前と値の組み合わせ] ダイアログ ボックスで、[名前] ボックスに number と入力し、[値] ボックスに <%=n%> と入力します。
|
| 17. |
[OK] をクリックします。
|
| 18. |
[フォーム プロパティの詳細設定] ダイアログ ボックスで、[追加] をクリックします。
|
| 19. |
[名前と値の組み合わせ] ダイアログ ボックスで、[名前] ボックスに total と入力し、[値] ボックスに <%=t%> と入力します。
|
| 20. |
[OK] を 2 回クリックします。 |
| 21. |
[フォームのプロパティ] ダイアログ ボックスで [データベースに送信] をクリックし、[オプション] をクリックします。
|
| 22. |
[データベースへの結果保存のオプション] ダイアログ ボックスで [データベースの作成] をクリックし、確認のダイアログ ボックスが表示されたら [OK] をクリックします。
|
| 23. |
[データベースへの結果保存のオプション] ダイアログ ボックスで [保存フィールド] タブをクリックします。
ASP ページからマップされた number、cost、および、total フォーム フィールドに対応する 3 つのデータベース列が作成されていることを確認します。
|
| 24. |
[OK] を 2 回クリックします。
|
| 25. |
両方のページを保存します。
|
| 26. |
ページを発行するには、[ファイル] メニューの [サイトの発行] をクリックします。
|
| 27. |
[発行先] ボックスにサーバーの URL を入力し、[OK] をクリックします。
|
| 28. |
ページをテストし、数値と合計がデータベースに挿入されることを確認します。
|
先頭へ戻る
FrontPage でデータベースおよび ASP ページを使用する方法についての関連情報を参照するには、以下の「サポート技術情報」 (Microsoft Knowledge Base) をクリックしてください。
301986 (http://support.microsoft.com/kb/301986/)
FrontPage 2000 のデータベース関連のトピックが記載されている「サポート技術情報」の資料一覧
295192 (http://support.microsoft.com/kb/295192/)
[FP2002] Active Server Pages について
297943 (http://support.microsoft.com/kb/297943/)
[INFO] Active Server Pages 入門
FrontPage Web で Web を発行する方法については、[ヘルプ] メニューの [Microsoft FrontPage ヘルプ] をクリックします。次に、Office アシスタントまたはアンサー ウィザードに
Web サイトを発行すると入力し、[検索] をクリックしてトピックを表示します。
先頭へ戻る
