DreamweaverMX Ultradev の探索 (3-1)

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

Dreamweaver MX Ultradev 探索 (3) データベースにレコードを追加する

さて、前の章の続きです。前の章では、データベースのコンテンツを動的に表示する方法について説明しました。笑。。。 Web ページにデータを手動で追加できるべきだと長い間考えていましたか?もちろん問題ありません。DW MX がすべてを準備してくれました。一般に、ASP ページを通じてデータベースにレコードを追加するには、ユーザーがデータを入力するためのインターフェイスを提供する必要があります。これは、フォームとページを作成することで実現できます。 Dreamweaver MX のレコードの挿入 (レコードセットの挿入) サーバー動作を使用して、データベースにレコードを追加できます。

さっそく、図 (3-1) に示すように、新しいページを作成します。

3-1 誰もが知っているはずです。

<1> クリックすると、図 (3-2) に示すように、以前の DW や UD とは大きく異なるページが表示されることがわかります。 DW MX は、さまざまな動的 Web ページを作成する際に、以前のように保存タイプを選択する代わりに、必要なタイプを自由に選択できるので非常に便利です。ここでは、動的ページ (動的ページ) を作成し、ページのスクリプト言語として VBScript を選択します。 OK、insert.asp として保存します。

3-2
<2> 図 (3-3) に示すように、ACCESS を使用して新しいデータベースを作成し、「ユーザーテーブル」として保存します。主キーとして ID を指定し、そのデータ型を自動採番するように設定します。

3-3

ここでフィールドタイプに中国語を使用していることに気づきましたか? UD 時代には中国語が登場することはありませんでしたが、DW MX 時代には中国語が使用できるようになりました。第 2 章の「はじめに」で示したとおりです。図 (3-4) に示すように、システム DSN を確立し、DW MX でデータベース接続を確立します。

3-4

<3> さあ、これで準備は完了です。前述したように、ASP ページを通じてデータベースにレコードを追加するには、ユーザーがデータを入力するためのインターフェイスを提供する必要があります。つまり、ページ上にフォームを作成し、ユーザーが入力できる領域を提供する必要があります。ユーザーが送信したデータをデータベースに保存できます。図 (3-5) に示すように、次のインターフェイスを設計します。

3-5

上の赤い数字に気づきましたか?心配しないでください。図 (3-6) に示すように、ここでもう 1 つ注意すべき点があります。これらのテキストボックスの名前を指定するために、最初の「ユーザー名」とその後のテキストボックスを「ユーザー名」に指定しました。他の 2 つは同じで、それぞれ「パスワード」と「メールアドレス」に指定しました。ユーザーがパスワードを入力すると、一連の * 記号のみが表示されるように、項目のタイプ (Type) をパスワードとして指定する必要があります。注: 以前は、UD のテキストボックスの名前に中国語を使用できませんでしたが、現在は DW MX でも使用できるようになりました。

3-6