このほど、書籍リソースを最大限に活用し、従業員の問い合わせを容易にするために、同社は社内イントラネットに書籍問い合わせシステムを構築することを決定しました。会社の蔵書数は 1,000 冊を超え、ほとんどが専門書であることを考慮して、2 つのクエリ条件を作成することにしました。1 つは、書籍のカテゴリに基づいてクエリを実行することです。ユーザーは、対応する書籍を選択するだけで済みます。カテゴリを選択すると、そのカテゴリ内のすべての書籍が表示されます。これは主にその会社の書籍に詳しくない人向けです。2 つ目は、書籍名に基づいて条件を満たすすべての書籍をすばやく検索することです。本の名前を入力するとき。
計画は決まりました。次の問題は、どのソフトウェアを使用してどのように実行するかです。ここでは、同僚がブラウザを開いて対応するアドレスを入力するだけでクエリを実行できるように、Web ページの形式を選択しました。そのため、私は Web ページ制作には強力なツールである Dreamweaver ソフトウェア (以下、dw)、データベースにはアクセス、環境には win98 と pws を使用しています (編注: PWS の使用に関するチュートリアルについては、「」を参照してください)。 「Microsoft Personal Server PWS の詳細な理解 1」および「Microsoft Personal Server の詳細な理解」サーバー PWS パート 2」「Microsoft Personal Server PWS の詳細な理解パート 3」「Microsoft Personal Server PWS の詳細な理解」パート4」)。いよいよ正式なスタートのゴングです。
ここをクリックしてこのチュートリアルのソース コードをダウンロードします。
まず、データベースをセットアップします。
1.マイ ドキュメントの下に新しいフォルダーを作成し、「Institute」という名前を付けます。もちろん、別の場所に新しいものを作成して、別の名前を付けることもできます。
2.アクセスを開き、新しいデータベース db1 を作成し、2 つのテーブル leibie と tushu を作成します。テーブル間の連絡先フィールドは「カテゴリ名」です。
テーブル leibie 構造には 2 つのフィールドがあります。
(1) カテゴリ番号、テキストタイプ、フィールド長は 6 桁、必須フィールド、空白文字列は許可されません。
(2) カテゴリ名、テキストタイプ、フィールド長は 20 文字、必須フィールド、空白文字列は許可されません。
テーブル tushu 構造には 9 つのフィールドがあります。
(1) 数値、テキストタイプ、フィールド長は 6 桁です。
(2) 書籍のタイトル、テキストの種類、フィールドの長さは 60 文字、必須フィールド、空白文字列は許可されません。
(3) 著者、テキストタイプ、フィールドの長さは 50 文字です。
(4) 発行者、テキスト タイプ、フィールドの長さは 60 文字です。
(5) エディション、テキストタイプ、フィールド長は 15 桁です。
(6) 単価、通貨タイプ、小数点以下 2 桁を許可、デフォルト値は 0 元です。
(7) カテゴリ名、テキストタイプ、フィールド長は 20 文字、必須フィールド、空白文字列は許可されません。
(8) 貸与の有無、テキストタイプ、フィールド長は4桁、必須フィールド、空白文字列の入力は不可、デフォルト値はNoです。
(9) 備考、備考の種類。
3.テーブル構造に従って各種データを入力します。
次に、サイトをセットアップしてデータベースに接続します。
(1) サイトをセットアップします。 dw を開き、サイト メニューで新しいサイトを選択すると、サイト設定パネルが表示されます。図 1 に示すように、サイト名をインスティテュートに入力します。ディレクトリは、先ほど作成したディレクトリです。サーバー モデルとして Asp VBScript を選択します。 [テスト サーバー] オプションで、 [アクセスにローカル/ネットワーク] を選択します。
図1
(2) 新しい Web ページを作成します。クエリは動的ページであるため、図 2 に示すように、ポップアップ パネルで [動的ページ] と [Asp VBScript] を選択します。作成ボタンを押すとページに戻ります。
図2
(3) データベースに接続します。図 3 に示すように、右側の [アプリケーション] パネルを展開し、[データベース] タブを選択し、[+] ボタンを押して、[データ ソース名 (DSN)] を選択します。
図3
(4) ポップアップの [データ ソース名 (DSN)] パネル (図 4 を参照) で、[定義...] ボタンを選択して ODBC データ ソース マネージャーに入り、システム DSN ラベルを選択し、[追加] ボタンをクリックします。 「Driver do Microsoft Access(*.mdb)」データドライバーを選択し、「完了」ボタンをクリックします。
図4
(5) 図 5 に示すように、後続のパネルでデータベース パス (作成したばかりのディレクトリ) を選択し、db1 を選択し、データ ソース名として db1 を入力します。
図 5 (6) [OK] ボタンをクリックして、[ODBC データ ソース マネージャー] パネルに戻ります。 [OK] ボタンをもう一度クリックして、[データ ソース名 (DSN)] パネルに戻ります。 [テスト] ボタンをクリックすると、図 6 に示す成功パネルが表示され、すべてが正常で、データベースが接続されたことを意味します。これに応じて、右側の [アプリケーション] パネルの [データベース] タブに新しいデータ ソース db1 が表示されます。
図6
これですべての準備が整ったので、動的クエリ Web ページを作成できます。
1.ホームページを作成します。ホーム ページは非常に単純です。chaxun.asp への「書籍カテゴリで検索」リンクと、chaxun1.asp への「書籍名で検索」リンクの 2 つのクエリ リンクを作成するだけです。これら 2 つの Web ページは、以下で構築するクエリ Web ページです。 。ホームページは動的プログラミングを必要としないため、図 7 に示すように、ファイルは Institute ディレクトリに保存され、index という名前が付けられます。
図7
2.書籍のカテゴリごとにクエリ Web ページを作成します。
1. 新しい動的 Web ページを作成し、chaxun.asp という名前を付けます。
2. レコードセットを作成します。図 8 に示すように、右側の [アプリケーション] パネルで [バインディング] タブを選択し、プラス ボタンを押して、[レコードセット (クエリ)] を選択します。 [レコードセット] ダイアログ ボックスが表示され、内部の設定は図 9 に示すとおりです。デフォルト値は Recordset1 で、Connection は先ほど作成したものを選択し、book カテゴリが表示されるので、Table は table leibie を選択します。
図8
図 9 3. 設定が完了したら、テスト ボタンをクリックすると、leibie テーブルの内容が完全に表示されることがわかります。 [OK] をクリックしてページに戻ります。この時点で、作成した Recordset1 という名前のクエリがバインディング ラベルの下に表示されていることがわかります。
4. 図 10 に示すように、Web ページに静的に表示されるコンテンツを入力します。このコンテンツでは、「return」リンクがホームページのindex.htm を指しています。
図10
5. バインディング ラベルの下の Recordset1 の横にある「+」記号をクリックしてフィールドを展開し、「カテゴリ名」フィールドをマウスで押したまま、ページ上のセルに直接ドラッグします。ダイナミック テキストが含まれている場合のページ効果を図 11 に示します。
図11
ただ、このセルには現在 1 行しか表示できません (最初にブラウザでチェックして、このように表示されるかどうかを確認できます) では、すべてのフィールドの内容を表示するにはどうすればよいでしょうか?
6. テーブルを選択し、右側の [アプリケーション] パネルで [サーバー動作] タブを選択し、プラス ボタンを押して、[リピート領域] を選択します。これにより、1 ページに表示するレコードの数を制御できます。ここでは、書籍のカテゴリが少ないため、図 12 に示すように、ダイアログ ボックスで [すべてのレコード] (すべてのレコードを表示) を選択し、ページネーションなしで表示します。
図12
7. pws を実行し、パスを設定し、ブラウザでこの Web ページを開き、データベース内のすべてのカテゴリ名が画面に表示されるかどうかを確認しますが、まだクリックできません。さて、書籍を表示するための対応するページを作成しましょう。
3.カテゴリクエリで表示するページを作成する
1. 新しい動的 Web ページを作成し、xianshi.asp という名前を付けます。
2. レコードセットを作成します。 [アプリケーション] パネルで [バインド] タブを選択し、プラス ボタンを押して [レコードセット (クエリ)] を選択すると、[レコードセット] ダイアログ ボックスが表示されます。図 13 に示すように、データベース テーブルの名前は Recordset2 を選択します。 Webページに表示される書籍情報は、先ほどのクエリに基づいて条件が表示されるので、その条件を満たす書籍を選択するためには、どのようにして条件が送信され、受け入れられるのでしょうか。これには URL パラメータを使用する必要があります。このパラメータを使用してクエリ Web ページからクエリ条件を渡し、表示 Web ページでこのパラメータを受け入れて一致するレコードを表示できます。具体的な使い方は以下の通りです。
図 13 (1) まず、クエリ ページ Chaxun.asp に戻ります。マウスを使用してテーブル内のフィールドを選択し、[アプリケーション] パネルの [サーバー動作] タブを選択し、プラス ボタンを押して、[詳細ページに移動] を選択します。 [詳細ページに移動] ダイアログ ボックスが表示されます。図 14 にあります。詳細ページは、表示 Web ページ xianshi.asp です。[URL パラメータを渡す] テキスト ボックスに入力するのは、URL を通じて詳細ページに渡されるパラメータ名です。わかりやすくするために、「カテゴリ名」を入力します。この名前は、Web ページで設定したパラメータ名と同じです。 Recordset は、どのレコード セットから渡されるかを意味します。Column は、クエリ Web ページのクエリ条件と一致している必要があるため、「Category Name」を選択します。既存のパラメータが入っています フォームに関連していますが、このクエリページではフォームが使用されていないため、選択できません。 [OK] ボタンをクリックすると、テーブル内のフィールドが動的コンテンツを含むハイパーテキスト リンクになっていることがわかります。
図14 (2) OK、URL パラメータが設定されました。表示された Web ページ xianshi.asp に戻って、このパラメータを受け入れます。 [レコードセット (クエリ)] を選択すると、[レコードセット] ダイアログ ボックスが表示され、上の図 13 に示すように [フィルター] に設定します。これは、クエリ条件は、テーブル tushu のフィールド「カテゴリ名」が、渡された URL と一致する必要があることを意味します。パラメータ「カテゴリ名」は、WebページをクエリできるようにWebページの表示に連動します。
(3) テストボタンをクリックしてテストを行います。カテゴリ名を入力すると、dw は対応する書籍レコードを表示します。
(4) [OK] ボタンをクリックして、レコード セットが確立されたページに戻ります。
3. 図 15 に示すように、Web ページに静的コンテンツを入力します。「戻る」リンクは、クエリ Web ページ Chaxun.asp へのリンクです。一部のカテゴリには多数の書籍があるため、表示はページングに設定されます。
図15 4. 図 16 に示すように、上で紹介した方法を使用して、レコード セットのフィールドをページ上の対応する位置にドラッグします。
図16 5. テーブルの 2 行目を選択し、[アプリケーション] パネルで [サーバー動作] ラベルをクリックし、プラス ボタンを押して [リピート領域] を選択すると、[リピート領域] ダイアログ ボックスが表示されます。これはページ単位で表示されるため、表示することを選択します。ここでは、入力は 10 です。これは、図 17 に示すように、各ページに 10 件のレコードが表示されることを意味します。 「OK」ボタンをクリックしてページに戻ります。
図17 6. ページ単位で表示され、ページをめくる必要があるため、dw でどのように実現しますか?これは非常に簡単です。まず [ホーム] を選択し、[アプリケーション] パネルの [サーバーの動作] タブをクリックして、このオプションの上にマウスを移動すると、ドロップダウン メニューが表示されます。図 18 に示すように、これらのメニューの意味は誰もが理解できるはずです。最初の「最初のレコードに移動」を選択すると、図 19 に示すダイアログ ボックスが表示されます。「OK」ボタンをクリックしてページに戻り、「ホームページ」のダイナミック リンクの準備が完了し、他の「 「前のページ」「次のページ」「最後のページ」などに対応したダイナミックリンクを作成します。
図18図19 7. では、レコードが最後のレコードに達し、それ以上スクロールする必要がないことをユーザーはどうやって知るのでしょうか?ここでは、レコードが最後のページに到達した場合は、「次のページ」と「最後のページ」が自動的にページ上に非表示になります。レコードが最初のページに到達した場合は、「最初のページ」が自動的に非表示になります。 「ページ」と「前のページ」はページ上で自動的に非表示になります。「ページ」は自動的に非表示になります。具体的な実装方法は以下の通りです。
(1) 最初に「ホーム」を選択し、次に「アプリケーション」パネルの「サーバー動作」タブをクリックしてプラスボタンを押し、マウスを「領域の表示」オプションまでスライドさせて、図 20 に示すようにドロップダウン メニューを表示します。
図20 (2) 「最初のレコードでない場合は領域を表示」を選択します。これは、最初のレコードでない場合は表示され、逆に最初のレコードである場合は表示されないか非表示になります。
(3) ポップアップダイアログボックス上で直接「OK」ボタンをクリックすると元のページに戻り、「ホームページ」の自動非表示機能が完成します。
(4) 同様に、他の自動非表示機能もいくつか作ります。 「前のページ」は「ホーム」と同じで、「最初のレコードでない場合は領域を表示」を選択します。「次のページ」は「最後のページ」と同じで、「最後のレコードでない場合は領域を表示」を選択します。
ここまででようやくカテゴリクエリで表示されるページが完成しました。具体的な効果を見てみましょう。 pws を実行し、IE を使用して chaxun.asp を開き、「新薬」などのカテゴリ名をクリックします。IE はこのカテゴリの書籍を自動的に表示し、「次のページ」、「前のページ」、およびその他のリンクをクリックします。 「IE が自動的にページをめくるかどうかを確認する」を参照してください。具体的な効果は図 21 と 22 に示されています。
図21図22 4.書籍のタイトルに基づいてクエリを実行するための Web ページを作成する
1. 新しい動的 Web ページを作成し、chaxun1.asp という名前を付けます。
2. 図 23 に示すように、Web ページに静的に表示されるコンテンツを入力します。「戻る」リンクは、ホームページの Index.htm へのリンクであり、これがフォームの属性設定であることを示します。これは、フォーム変数名をポスト (渡す) ことを意味し、xianshi1.asp Web ページに移動して、この Web ページを実行します。これにより、クエリ Web ページと表示された Web ページが変数名を通じてリンクされます。ボックスの名前は ts です。これはフォームに渡される変数名であり、次の Web ページの表示にも使用されるため、この名前を覚えておいてください。
図23図24 5.書籍名ごとに表示されるWebページを作成する
1. 新しい動的 Web ページを作成し、xianshi1.asp という名前を付けます。
2. 図 25 に示すように、Web ページに静的に表示されるコンテンツを入力します。ここで、「return」リンクはクエリ ページ chaxun1.htm にリンクしており、赤い点線もこれがフォームであることを示しています。
図25 3. レコードセットを作成します。 [アプリケーション] パネルで [バインド] タブを選択し、プラス ボタンを押して [レコードセット (クエリ)] を選択すると、[レコードセット] ダイアログ ボックスが表示されます。図 26 に示すように、名前は Recordset1 で、データベース テーブルは tushu を選択します。フィルター フィルター条件は、テーブル tushu のフィールドに設定されます。「書籍タイトル」には、渡されたフォーム変数 ts が含まれている必要があります。この ts 変数は、クエリ Web ページ Chaxun1.asp のテキスト ボックスの名前です。 [OK] ボタンをクリックしてページに戻ります。
図26 4. レコード セットのフィールドをページ上の対応する位置にドラッグします。
5. テーブルの 2 行目を選択し、[アプリケーション] パネルの [サーバー動作] タブをクリックし、プラス ボタンを押して、[リピート領域] を選択します。[リピート領域] ダイアログ ボックスが表示されるので、すべて表示するように設定します。
最終ページの効果を図 27 に示します。
図27ここまででようやく書籍名を問い合わせて表示するページが完成しました。具体的な効果を見ていきましょう。 pws を実行し、IE を使用して chaxun1.asp を開き、「Quality Management」などの名前を入力すると、IE によってタイトルに「Quality Management」が含まれるすべての書籍が自動的に表示されます。具体的な効果を図 28 および 29 に示します。
図28図29 Web ページがついに完成し、誰でも完全に実行できるようになりました。あなたのコンピュータの IP アドレスを同僚に伝えて pws を開き、同僚がいつでもクエリ システムを通じて書籍をクエリできるようにします。
このチュートリアルのソースコードをダウンロードするにはここをクリックしてください