ASP Webサイトのデザインを始める方法
著者：Eve Cole
更新時間：2009-06-25 17:36:26
ASP Web サイトのデザインを始めるとき、Web サイトのデザインを高速かつ適切に、デバッグ、変更、移植を簡単に行うには、どのように始めればよいでしょうか?ゲストブックのデザインを例として、サイトのデザインについて説明しましょう。
(1) サイトの機能
「剣を研ぐか、木を切るか」、サイトの機能を最初に書き留めることは、今後の作業に非常に役立ちます。次の機能を備えたゲストブックをデザインしてみましょう。
1. シングルユーザーバージョン。管理者は 1 人だけで、全員がメッセージを残したり、メッセージを検索したりできます
2. 各コメント投稿者の IP、QQ、アバター、名前、ホームページ、電子メール、メッセージ時間、およびメッセージの内容を記録します。
3. 管理者返信機能あり。すでに返信している場合は、返信内容を変更することもできます。応答時間を記録します。
4. ホームページの場所を記録すると、ホームページにすぐに戻ることができます。
5. カスタマイズされたヘッダーとフッター。特定の情報を表示します。
6. ACCESSデータベースにデータを保存
7. 管理機能：管理者ログイン/返信/削除/管理者パスワード変更/表示件数変更/ホームページ変更
(2) サイトデータベース
一般に、ASP サイトはデータベースを使用します。データベースを使用する場合、フィールドに対してクエリを実行したり、データベースの設計を変更したりすることはありません。特に大規模な Web サイトの場合、優れたデータベース設計が Web サイト全体の動作に影響を与える可能性があります。次に、ゲストブック データベースを設計しましょう。
1. データベース名: lyb.mdb
2. テーブル: 合計 2 つのテーブルがあります
表 1: 管理者
| フィールド名 | タイプ | 長さ | その他の | 指示 |
| admin_user | text | 15 は | null 値を許可しません / 主キー | 管理者ユーザー名 |
| admin_pass | text | 15 | はnull 値を許可しません | 管理者パスワード |
| admin_http | text | 50 | はnull にすることができます | ホーム ページのアドレス |
| admin_perpage | 番号 / 整数 | | 小数は0です | |
表 2: メイン
| フィールド名 | タイプ | 長さ | その他の | 指示 |
| user_id | 自動番号付け | | | |
| user_name | テキスト | 15 | は空ではありませ | ん 名前 |
| user_image | テキスト | 30 | は空ではありません | アバター ファイル名 |
| user_ip | テキスト | 15 | は空ではありません | IP アドレス |
user_oicq| テキスト | 10 | は空でも構いません | QQ 番号 | user_http | テキスト
| 50 | は空でも | 構い | ませ | んホーム ページ |
| user_email | テキスト | 50 は | 空でも構いません | 電子メール |
| user_time | date | long日付 | | メッセージ時間 |
| user_ly | text | 255 | は空ではありません | メッセージ内容 |
| user_replay | はい/いいえ | | | 返信するかどうか |
| user_rply | text | 255 | は空の | 返信内容 |
| user_rptime | date | | 長い日付の | 返信時間 |
ゲストブック データベースは比較的単純です。大規模な Web サイトの場合は、データベースを設計した後、繰り返しチェックする必要があります。すべてのフィールド名に命名標準を使用することをお勧めします。データベースの設計が完了したら、便宜上、上記のようなリストを印刷することをお勧めします。
(3) サイトファイルの設計
ファイルの設計には主に、ファイルの数、各ファイルに含まれる内容、ファイル間の関係の設計が含まれます。ゲストブックを例に挙げると、ファイルのデザインは次のようになります。
1. Inc.asp 関連の関数および定数 (オープン データベース関数、オープン テーブル関数、ワード プロセッシング関数など)
2.top.htmヘッダー情報
3.bottom.htmのフッター情報
4.index.asp ゲストブックのメイン ページ。メッセージの表示、管理者ログイン、パラメータの変更、メッセージへの返信などが含まれます。引用株式会社asp;
5. main.css CSS ファイル;
6.tou.htm アバターリストファイル。
7. 画像フォルダー、アバターやその他の写真を保存します。
(4) サイトページのデザイン
ページデザインには主にページのスタイルとレイアウトのデザインが含まれます。この部分には多くのコンテンツが含まれており、最初にページ全体のスタイルを決定し、次にすべてのイラストと Flash をデザインし、次に CSS をデザインし、最後に各ページをデザインします。コンテンツが繰り返されるページの場合は、最初に個々のコンテンツをデザインします。ここでは、次のように、index.asp の一般的な設計のみを示します。
'Quote inc.asp
<%
'処理パラメータ
'メッセージサブルーチン
'ログインサブルーチン
'返信サブルーチン
'サブルーチンの削除
'パラメータ変更サブルーチン
'ログインサブルーチンを終了します
%>
<html>
＜頭＞
＜!-CSS引用-!＞
<title>ゲストブック</title>
<本文>
'top.htm を引用
'メッセージフォームを表示
'検索フォームを表示
'メッセージレコードを表示
'bottom.htm を引用
＜/本文＞
＜/html＞ |
もちろん、ページ設計の段階ではサブルーチンを書く必要はなく、表示部分をすべてしっかりやれば十分です。
(5) Webページのコード設計
主なことは、ASP コードの設計を完了することです。ここでは、サイトの変更可能性と移植性を高める方法についてのみ説明します。唯一のことは、多用途のコンポーネントまたは関数です。もちろん、それらはクラスとして記述した方が良いでしょう。小規模なサイトの場合、各ページのサブルーチンで set conn=server.createobject("adodb.connection") を使用するのではなく、次のように関数またはサブルーチンとして記述してページに配置します。 :
<%
データベース名 = "lyb.mdb"
uid=""
pid=""
サブopendb(接続)
set connect=server.CreateObject("ADODB.connection")
connect.ConnectionString="DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=" &_
server.MapPath(データベース名) &";uid="&uid&";pid="&pid
connect.Open strconn
エンドサブ
%> |
このようにすると、データベース名やユーザー名とパスワードを変更するときに、簡単に変更できます。一定期間蓄積すると、そのような関数、サブルーチン、またはクラスが多数作成されます。同様のサイトを構築するときは、関連するものを整理して参照用にファイルに保存します。
