ASP.NET core MVC 静的ページにrazorページを使用する

作成日 2022.06.16
ASP.NET Core
ASP.NET Core

ASP.NET core MVCで、静的ページにrazorページを使用する手順を記述してます。.NETのバージョンは6を使用してます。

1. 環境
2. プロジェクト作成
3. Controller作成
4. View作成
5. 実行

環境

OS windows10 pro
IDE Visual Studio 2022
.NET 6

プロジェクト作成

ここでは、「ASP.NET Core Web アプリ(Model-View-Controller)」を選択してプロジェクトを作成してます。

Controller作成

まずはControllersフォルダ配下に、「Hello.cs」を作成します。

Controllersフォルダを右クリックして「追加」 > 「コントローラー」をクリックして、

「MVCコントローラー – 空」を選択して「追加」ボタンをクリックします。

「Hello.cs」という名前を入力して「追加」ボタンをクリックします。

作成できたら、デフォルトのままにしておきます。

using Microsoft.AspNetCore.Mvc;

namespace aspcoremvc.Controllers
{
    public class Hello : Controller
    {
        public IActionResult Index()
        {
            return View();
        }
    }
}

View作成

次に「View」フォルダに「Hello」ファルダを作成して「Index.cshtml」という「Razorビュー」を作成します。

「Hello」フォルダを右クリックして「追加」 > 「ビュー」をクリックして、

「Razorビュー – 空」を選択して「追加」ボタンをクリックします。

「Index.cshtml」と入力して「追加」をクリックします。

「Index.cshtml」に、以下のコードを記述します。

@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
    ViewData["Title"] = "Hello page";
}

<h2>Hello World</h2>