3

.netコア3.1でvscodeまたはVS2019を使用して、認証個人で新しいプロジェクトを作成しました

このコマンドを使用して、dotnet new react --auth Individual ログイン画面の UI を変更する必要があります。ログイン コンポーネント UI の UI が見つかりません

ログイン、登録、またはユーザー プロファイルの UI を変更または変更する方法はありますか?

4

2 に答える 2

4

このテンプレートは、ユーザーの認証と保存に ASP.NET Core Identity を使用し、Open ID Connect を実装するために IdentityServer と組み合わせます。login のような UI を変更するには、ASP.NET Core プロジェクトで Identityをスキャフォールディングし、ユーザーを登録する必要があります。

以下の手順に従ってください:

  1. テンプレートを使用してプロジェクトを作成: プロジェクトをdotnet new react --auth Individualビルドします。

  2. 以前に ASP.NET Core scaffolder をインストールしていない場合は、 vs code のターミナルにインストールします。

    dotnet tool install -g dotnet-aspnet-codegenerator

  3. 必要な NuGet パッケージ参照をプロジェクトに追加します。

    dotnet add package Microsoft.VisualStudio.Web.CodeGeneration.Design

    dotnet add package Microsoft.EntityFrameworkCore.SqlServer

  4. スキャフォールディングできるファイルを一覧表示できますdotnet aspnet-codegenerator identity --listFiles

  5. 必要なオプションを指定して Identity scaffolder を実行し、--files特定のファイルをスキャフォールディングするために使用し、DB コンテキストの正しい完全修飾名を使用します。

    dotnet aspnet-codegenerator identity -dc ProjectName.Data.ApplicationDbContext --files "Account.Register;Account.Login"

    --filesフラグまたはフラグを指定せずに Identity スキャフォルダーを実行すると--useDefaultUI、使用可能なすべての Identity UI ページがプロジェクトに作成されます。

ログイン UI を変更する場合は、 page で関連するページを変更できyour project --> Areas-->Identity -->Pages-->Account -->Login.cshtmlます。

于 2020-01-14T03:01:11.573 に答える