VSCodeでのRazor Pages(.Net Core 3.1)の作成手順

C#

プロジェク生成

dotnet new webapp -o MyProject -f netcoreapp3.1

フォルダ移動

cd MyProject

dotnet-efインストール(PC環境1回のみ)

dotnet tool install --global dotnet-ef --version 3.1.9

dotnet-aspnet-codegeneratorインストール(PC環境1回のみ)

dotnet tool uninstall --global dotnet-aspnet-codegenerator

package追加

dotnet add package Microsoft.AspNetCore.Diagnostics.EntityFrameworkCore --version 3.1.9
dotnet add package Microsoft.VisualStudio.Web.CodeGeneration.Design --version 3.1.4
dotnet add package Microsoft.EntityFrameworkCore.Design --version 3.1.9
dotnet add package Microsoft.EntityFrameworkCore.SqlServer --version 3.1.9
dotnet add package Microsoft.Extensions.Logging.Debug --version 3.1.9

Models自動生成

dotnet ef dbcontext scaffold "Server=192.168.xx.xx;Database=xxx;User ID=xx;Pwd=xxxxxxxx;" Microsoft.EntityFrameworkCore.SqlServer -o Models

Pages自動生成(※参考程度、実際にはテンプレートを作成し、複製利用した方が良い)

dotnet aspnet-codegenerator razorpage -m User -dc MyProject.Models.myContext -udl -outDir Pages\Users --referenceScriptLibraries

appsettings.json修正

"AllowedHosts": "*",
  "ConnectionStrings": {
  "DbConn": "Server=192.168.xx.xx;Database=xxx;User ID=xx;Pwd=xxxxxxxx;"
}

Startup.cs修正

public void ConfigureServices(IServiceCollection services)
{
  services.AddDbContext<myContext>(
    options => options.UseSqlServer(Configuration.GetConnectionString("DbConn")));
  services.AddRazorPages();
}
※以下のusing 追加
using Microsoft.EntityFrameworkCore;
using MyProject.Models;

HTTPS 開発証明書を信頼することに設定

dotnet dev-certs https --trust
※確認パネルが出たら「はい」を押下

プロジェクト実行(※.Net Core選択)

Ctrl+F5で実行

ブラウザーで表示確認

https://localhost:5001/Users

コメント

タイトルとURLをコピーしました