ASP.NET WP-データベース

この章では、ASP.NET Web Pages（Razor）を使用してWebMatrixでデータベースを作成する方法と、ページにデータベースデータを表示する方法について説明します。

データベースには、顧客情報のテーブルや学生のテーブルなど、情報を含む1つ以上のテーブルが含まれます。
どのテーブルにも、いくつかの情報があります。たとえば、Customersテーブルには、名、姓、住所などがあります。
ほとんどのデータベーステーブルには、CustomerID、StudentIDなどのプライマリキーとも呼ばれる一意の識別子を含む列があります。
主キーは、テーブル内の各行を識別します。

データベースを作成する

WebMatrixは、データベースを簡単に作成し、そのデータベースにテーブルを追加できるツールを提供します。データベースの構造は、データベースのスキーマと呼ばれます。それでは、WebMatrixを開いて、新しい空のサイトを作成しましょう。

データベース

[サイト名]フィールドに WebPagesCustomers と入力し、[次へ]をクリックします。

次のスクリーンショットで強調表示されているように、左ペインで[データベース]をクリックします。

WebPagesのお客様

これで、リボンのデータベース関連オプションが開きます。

新しいデータベース

[新しいデータベース]オプションをクリックします。

Page Customers

WebMatrixが、サイト WebPagesCustomers.sdf と同じ名前の**。sdf *ファイルであるSQL Serverデータベースを作成し、このファイルの名前を変更することもできます。

テーブルを作成

左ペインの[テーブル]を右クリックして[新しいテーブル]を選択するか、リボンの[新しいテーブル]オプションをクリックすると、データベースにテーブルを簡単に作成できます。

新しいテーブル

これで、WebMatrixがテーブルデザイナーを開いたことがわかります。

テーブルデザイナー

次のスクリーンショットに示すように、テーブル名を入力してからいくつかの列を入力し、Ctrl + Sを押して保存します。

テーブル名

ID行セットの場合、* Is Primary Key？および Is Identify？*オプションはYesに変更されます（そうでない場合）。

次のスクリーンショットに示すように、[データ]オプションをクリックし、データを入力して、処理する生データを入力します。

プライマリキー

データベースデータの表示

データベースとCustomersテーブルがあり、データベースにいくつかのデータもあります。次に、データベースからWebページに表示する必要があります。新しいCSHTMLファイルを作成しましょう。

データベースの表示

[名前]フィールドに ListCustomers.cshtml と入力し、[OK]をクリックします。データベースからすべての顧客を取得するには、次のプログラムに示すように、ListCustomers.cshtmlファイル内のすべてのコードを置き換えましょう。

@{
   var db = Database.Open("WebPagesCustomers");
   var selectQueryString = "SELECT * FROM Customers ORDER BY FirstName";
}

<!DOCTYPE html>
<html>

   <head>
      <title>Customers List</title>
      <style>
         table, th, td {
            border: solid 1px #bbbbbb;
            border-collapse: collapse;
            padding: 2px;
         }
      </style>
   </head>

   <body>
      <h1>Customers List</h1>
      <table>
         <thead>
            <tr>
               <th>Id</th>
               <th>First Name</th>
               <th>Last Name</th>
               <th>Address</th>
            </tr>
         </thead>

         <tbody>
            @foreach(var row in db.Query(selectQueryString)){
               <tr>
                  <td>@row.ID</td>
                  <td>@row.FirstName</td>
                  <td>@row.LastName</td>
                  <td>@row.Address</td>
               </tr>
            }
         </tbody>
      </table>

   </body>
</html>

アプリケーションを実行し、次のURLを指定してみましょう- http：//localhost：36905/ListCustomers 。次のスクリーンショットに示すように、Webページに顧客のリストが表示されます。

顧客リスト

Asp.net-wp-database

ASP.NET WP-データベース

データベースを作成する

テーブルを作成

データベースデータの表示

目次