(Environment: Visual Studio 2019 v16.4.3)
I create a new "ASP.NET Core Web Application" with the following options
Running the application in Visual Studio and clicking Login in the browser will go to the following page. https://localhost:44343/Identity/Account/Login?returnUrl=%2Fauthentication%2Flogin
I cannot find the page in the Angular or ASP.NET Core code. How to customize the login page?
The template uses ASP.NET Core Identity for authenticating and storing users is combined with IdentityServer for implementing Open ID Connect. So that you need to Scaffold Identity in ASP.NET Core projects to modify the UI like login , register user ...
If using Visual Studio :
project > Add > New Scaffolded Item
From the left pane of the Add Scaffold dialog, select Identity > Add
.
Choose Files to override ,For example , login related : Account\\Login .
ApplicationDbContext
by default .Add
button.If using .net core CLI
Create project using template : dotnet new angular --auth Individual
and build the project .
If you have not previously installed the ASP.NET Core scaffolder, install it in terminal in vs code :
dotnet tool install -g dotnet-aspnet-codegenerator
Add required NuGet package references to the project :
dotnet add package Microsoft.VisualStudio.Web.CodeGeneration.Design
dotnet add package Microsoft.EntityFrameworkCore.SqlServer
You can list the files that can be scaffolded with dotnet aspnet-codegenerator identity --listFiles
Run the Identity scaffolder with the options you want , use --files
to scaffold specific files ,use the correct fully qualified name for your DB context:
dotnet aspnet-codegenerator identity -dc ProjectName.Data.ApplicationDbContext --files "Account.Register;Account.Login"
If you run the Identity scaffolder without specifying the --files
flag or the --useDefaultUI
flag, all the available Identity UI pages will be created in your project.
Now if you want to modify the login UI , you can modify relevant page in your project --> Areas-->Identity -->Pages-->Account -->Login.cshtml
page .
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.