.NET 6でASP.NET CoreのRazor PagesによるMVVMパターンを理解する

.NET最新版でASP.NET Core 第4回

　本連載では、マルチプラットフォーム化が進む.NETと、そのWebアプリケーション開発フレームワークであるASP.NET Coreの全体像を俯瞰します。前回に続き、サーバサイドのページレンダリングエンジンであるRazor Pagesを取り上げます。今回は、Scaffoldingによって追加されたCRUDページのソースファイルなどを読み解きながら、Razor PagesによるMVVMパターンの実態を理解します。

はじめに

　本連載では、マルチプラットフォーム化が進む.NETと、そのWebアプリケーション開発フレームワークであるASP.NET Coreの全体像を俯瞰します。ASP.NET Coreは、アプリケーションの目的や開発スタイルに応じて選択することができる多彩なサブフレームワークを搭載しています。それらの基本的な性質や機能を読者に示すことで、ASP.NET Core導入の一助になることを目的とします。

対象読者

• Core以前のASP.NETに慣れ親しんだ方
• Web開発の新しい選択肢としてASP.NET Coreを理解したい方
• ASP.NET Coreの多彩なフレームワークを俯瞰したい方

必要な環境

　本記事のサンプルコードは、以下の環境で動作を確認しています。

• macOS Big Sir / Windows 10（64bit）
  • .NET SDK 6.0.100
  • Google Chrome 96

できあがったアプリを見ながらMVVMパターンを理解する

　前回までで、Scaffoldingによる「足あとアプリ」ができあがりました。作業の成果の多くはdotnet-aspnet-codegeneratorコマンドによるものですが、実際に作成されたファイルを見ながら、MVVMパターンとアプリケーションの関係を確認しましょう。前回の図2「Scaffoldingの全体像」を再掲するので、必要に応じて参照してください。

図1：Scaffoldingの全体像（再掲）