【T5a】モデルとデータベースの連携(前編)(2/5)

5a-2. 準備作業

まずは「ASP.NET Core Web アプリ(Model-View-Controller)」タイプのプロジェクトを作成しよう． 上表に示すように，プロジェクト名はT5a，ソリューション名はPIT5とする． ターゲットフレームワークとして「.NET 8.0(長期的なサポート)」を選択し， 「HTTPS用の構成」のチェックを外すこと，また「最上位レベルのステートメントを使用しない」にチェックが入っていない ことを確認しよう．

プロジェクトを作成したら以下の準備作業を行う．順を追って実施しよう．

• 【作業Ⅰ】 作業対象：プロジェクト T5a
  • 必要なパッケージをインストールする(後述)．
• 【作業Ⅱ】 作業対象： Views/Shared/_Layout.cshtml (ファイル)
  • レイアウトページの簡易化(参考:リスト4a-4-2)
• 【作業Ⅲ】 作業対象： wwwroot/css/site.css (ファイル)
  • 必要なスタイル指定を追記する(後述)．
• 【作業Ⅳ】 作業対象：Homeコントローラー&ビュー
  • AccessErrorアクションを作成する(参考:リスト4b-6-3)．
  • ↑に対応するビューを作成する(参考:リスト4b-6-4)．
  • Indexアクションのビューに追記する(後述)．
• 【作業Ⅴ】 作業対象： Program.cs (ファイル)
  • 検証メッセージの日本語化(参考:リスト4a-7-1)
  • アクセスエラーページの有効化(参考:リスト4b-6-5)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

body { padding : 1em; }

table {
    border-collapse : collapse;
}

th, td {
    border: 1px solid black;
}

th {
    background: #404040;
    color: white;
    text-align: center;
    font-weight: bold;
}

.table th 
{
    color: inherit;
}

1
2
3
4
5

@{
    ViewData["Title"] = "Home Page";
}

<a asp-controller="Students" asp-action="Index">学生管理</a>

以上を実施してプログラムを実行すると，_のように表示されるはずである． また_を読むと分かるが，「学生管理」のリンクは「StudentコントローラーのIndexアクション」への リンクである．以降の作業でこのコントローラーを作成することになるが，今はまだ作成していないので「学生管理」のリンクを クリックすると_に示すようにアクセスエラーの画面となる．

(1)

(2)

ここまで準備ができたら先に進もう．