Changes between Version 21 and Version 22 of HowTo/VisualStudioWeb2013Tutorial

Timestamp:

Sep 4, 2014, 12:54:58 PM (10 years ago)

Author:

村山 俊之

Comment:

--

HowTo/VisualStudioWeb2013Tutorial

@@ -529 +529 @@
 掲示板に書き込まれるデータはどこかに保存しなければなりません。ファイルに保存とかでもいいのですが… 普通に Microsoft SQL 使いましょう。
 
+==== データベースファイルを追加する ====
+
 まず、プロジェクトにデータベースファイルを追加する必要があります。データベースファイルは、プロジェクトの App_Data フォルダ下に作成します。ソリューションエクスプローラーのツリーにて、App_Data フォルダを右クリックしてみてください。
 
@@ -545 +547 @@
 [[Image(fig-append-database-03.PNG, align=center)]]
 
+==== データベースにテーブルを追加する ====
+
+次に、データベース内で実際にデータが格納されるテーブルを作成するのですが、その前に、掲示板で使用するデータベーステーブルについてレイアウトを考える必要があります。
+
+今回は認証もなく、スレッドを分けたりといったことも考慮しないので、コメントを保存するテーブルが 1つだけあれば事足りるでしょう。テーブルの仕様は以下の通りとします。
+
+ * テーブル名: !MessageBoardTable
+ * フィールド:
+   * !MessageNum ... ユニークな通し番号 (int型, Primary Key, NULL 非許容)
+   * Author ... 投稿者名 (nvarchar型 32文字まで, NULL 非許容)
+   * !PostDateTime ... 投稿日時 (datetime2型, NULL 非許容)
+   * Detail ... メッセージ内容 (Text型, NULL 非許容)
+
 {{{#!html
-<p>次に、サーバーエクスプローラを開き、ツリー表示の「データ接続」配下の「!HelloWorldDatabase.mdf」を選んで、その左端にある「&#9657;」マークをクリックします。すると、データベースに接続された状態となり、ツリーが展開されます。</p>
+<p>それでは、実際にテーブルを追加してみましょう。 Visual Studio にてサーバーエクスプローラを開き、ツリー表示の「データ接続」配下にある「!HelloWorldDatabase.mdf」を選んで、その左端にある「&#9657;」マークをクリックします。すると、データベースに接続された状態となり、ツリーが展開されます。</p>
 }}}
 
 [[Image(fig-connect-database.png, align=center)]]
+
+ここで、「テーブル」フォルダを右クリックし、「新しいテーブルの追加」を選択しましょう。
+
+[[Image(fig-append-dbtable-01.PNG, align=center)]]
+
+[[Image(fig-dbtable-design-01.png, 640px, align=center)]]
+
+するといきなり、上図のような、テーブルレイアウトを設計する画面が表示されます。画面は上下に分かれていて、上がテーブルレイアウトのデザインを表示・編集する領域、下は、テーブルを実際に生成する際に使用する CREATE TABLE ステートメントの SQL 文[[FootNote(よく DDL と呼ばれているものですね。)]]自体を表示・編集する領域となっています。
+
+まず、テーブル名を設定する必要がありますが、それは SQL 文を直接編集することによって行います。 SQL 文の
+
+{{{#!sql
+CREATE TABLE [dbo].[Table]
+}}}
+
+となっている行を、
+
+{{{#!sql
+CREATE TABLE [dbo].[MessageBoardTable]
+}}}
+
+と修正してください。
+
+SQL に詳しい方であれば、このままフィールドの定義も SQL 文に直接書き加えていっても構わないのですが、こちらは画面上の方で入力しましょう。まず、 1行目の Id フィールドは名前を !MessageNum に変更します。 2行目は名前を Author 、データ型を nvarchar(32) 、そして「Null を許容」の列のチェックを外します。
+
+このような容量で、テーブルレイアウトのデザインを、以下の表のとおりになるように入力してください。
+
+||= 鍵マーク =||= 名前 =||= データ型 =||= Null を許容のチェック =||= 規定 =||
+|| 付ける || !MessageNum || int || 外す ||  ||
+||  || Author || nvarchar(32) || 外す ||  ||
+||  || !PostDateTime || datetime2(7) || 外す || SYSDATETIME() ||
+||  || Detail || text || 外す ||  ||
+
+デザイン情報を入力していくと、 SQL 文の方も変更に応じて自動的に書き換わっていきます。よくできてますねー。
+
+最後に、 !MesageNum は自動的に通し番号を設定するようにしたいので、 SQL 文にて、
+
+{{{#!sql
+        [MessageNum] INT NOT NULL PRIMARY KEY, 
+}}}
+
+となっている行を、以下のように修正してください。
+
+{{{#!sql
+        [MessageNum] INT IDENTITY(1,1) NOT NULL PRIMARY KEY, 
+}}}