在.NET Core中更新身份登录页面的默认前端设计

Question

我正在开发具有身份登录名的.NET核心应用程序，该应用程序在/ Identity / Account / Login页面中提供了Bootstrap表单。

我已经在wwwroot / lib文件夹中导入了Materialise CSS文件，并且还希望通过materialize CSS更改“登录”页面的设计。

问题是项目结构中不存在/ Identity / Account / Login页面。那我该如何解决这个问题呢？

Answer 1

一种方法是设置登录页面，该登录页面会将其添加到您的项目结构中。这样您就可以进行所需的任何更改。您将必须执行以下操作（通过我提供的链接）：

• 在解决方案资源管理器中，右键单击项目> 添加 > 新建脚手架项目。
• 在“ 添加脚手架”对话框的左窗格中，选择“ 身份” >“ 添加”。
• 在“ 添加身份”对话框中，选择所需的选项（针对您的情况Login）。
  • 选择您现有的布局页面，否则您的布局文件将被不正确的标记覆盖。 选择现有的_Layout.cshtml文件时，不会覆盖该文件。

例如~/Pages/Shared/_Layout.cshtml，~/Views/Shared/_Layout.cshtml用于MVC项目的Razor Pages

• 要使用现有数据上下文，请选择至少一个要覆盖的文件。您必须至少选择一个文件才能添加数据上下文。
  • 选择您的数据上下文类。
  • 选择添加。
• 要创建新的用户上下文并可能为Identity创建自定义用户类：
  • 选择+按钮创建一个新的Data上下文类。
  • 选择添加。

注意：如果要创建新的用户上下文，则不必选择要覆盖的文件。

另一种方法是查看“ 登录”页面的源代码，并查看HTML元素的ID和类。然后，您可以编写自己的CSS（比默认CSS更具体）来覆盖默认CSS。