Обновление внешнего интерфейса по умолчанию для страницы входа в личность в ядре .NET

Question

Я занимаюсь разработкой базового приложения .NET с учетной записью Identity, которая предоставляет форму начальной загрузки на странице / Identity / Account / Login.

Я импортировал Материализовать CSS файлы в папке wwwroot / lib и хочу изменить дизайн страницы входа также с помощью материализации css.

Проблема в том, что / Идентификация / Аккаунт / Страница входа не существует в структуре проекта.Тогда как мне подойти к решению этой проблемы?

Answer 1

Одним из способов будет создать страницу входа в систему , которая добавит ее в структуру вашего проекта. Тогда вы сможете внести любые изменения, которые вы хотите. Вы должны сделать следующее (по предоставленной мной ссылке):

• Из Solution Explorer , щелкните правой кнопкой мыши проект> Добавить > Новый элемент лесов .
• На левой панели диалогового окна Добавить каркас выберите Идентичность > ДОБАВИТЬ .
• В диалоговом окне ADD Identity выберите нужные параметры (в вашем случае Login).
  • Выберите существующую страницу макета, иначе файл макета будет перезаписан с неверной разметкой. Когда существует _Layout.cshtml файл выбран, он не перезаписан.

Например ~/Pages/Shared/_Layout.cshtml для бритвенных страниц ~/Views/Shared/_Layout.cshtml для проектов MVC

• Чтобы использовать существующий контекст данных, выберите хотя бы один файл для переопределения. Вы должны выбрать хотя бы один файл, чтобы добавить свой контекст данных.
  • Выберите свой класс контекста данных.
  • Выбрать ДОБАВИТЬ .
• Чтобы создать новый пользовательский контекст и, возможно, создать собственный пользовательский класс для Identity:
  • Нажмите кнопку +, чтобы создать новый Класс контекста данных .
  • Выберите ДОБАВИТЬ .

Примечание. Если вы создаете новый пользовательский контекст, вам не нужно выбирать файл для переопределения.

Другой способ - посмотреть исходный код страницы входа в систему и посмотреть идентификаторы и классы HTML-элементов. Затем вы можете переопределить CSS по умолчанию, написав свой собственный CSS, который будет более конкретным, чем CSS по умолчанию.

Answer 2

В Asp.net Core 2.1 код пользовательского интерфейса Identity не включен в структуру проекта.
Вы можете увидеть эту строку кода в файле запуска -> метод ConfigureServices

services.AddDefaultIdentity<IdentityUser>()
            .AddDefaultUI(UIFramework.Bootstrap4)

Еслиесли вы хотите настроить пользовательский интерфейс, вы должны сгенерировать этот набор кода двумя способами:
1. Использование Visual Studio: щелкните правой кнопкой мыши на проекте -> добавить -> новый элемент в виде scafolded -> identity -> и выберите, какой вы хотитебыть сгенерированным.
2. Используя CLI: из каталога проекта запустите эту командную строку

dotnet aspnet-codegenerator identity -dc WebApplication.Data.ApplicationDbContext

Answer 3

По умолчанию Identity страницы, которые вы видите, создаются за кулисами из этой библиотеки в вашем проекте:

Microsoft.AspNetCore.Identity.UI.Views.V3.dll

- находится здесь -

Dependencies >> SDK >> Microsoft.AspNetCore.App(2.2.0).

Следуйте @Marko Papic пошаговым инструкциям, чтобы сгенерировать Identity страницы (или части), которые вы хотите переопределить с помощью вашего CSS-материала. Внутри этих (теперь доступных для просмотра страниц) находятся все логические и именные ссылки на Identity классы, методы, свойства и т. Д., Которые вам понадобятся для создания собственной пользовательской страницы.

Кроме того, вам не нужно придерживаться стандартного Areas/Identity/Pages/Account... расположения файла или синтаксиса бритвы. Вы можете, если хотите, создавать свои собственные MVC версии или vue.js в любой файловой структуре / представлении, которые вам нравятся.

Я держу проект на стороне, которая переопределяет все Identity UI страницы (флажок Override all files, который служит удобным справочником, где я могу донести то, что мне нужно, так, как мне нужно.

@Marko Papic предоставил вам хороший ответ, я бы посоветовал вам выбрать его как правильный ..