Asp.net

更新 .NET core 中身份登錄頁面的預設前端設計

  • March 22, 2019

我正在開發一個帶有身份登錄的 .NET 核心應用程序,它在 /Identity/Account/Login 頁面中提供了一個引導表單。

我已經在 wwwroot/lib 文件夾中導入了**Materialize CSS文件**,並且想用 materialize css 更改登錄頁面的設計。

問題是項目結構中不存在 /Identity/Account/Login 頁面。那麼我應該如何解決這個問題呢?

一種方法是搭建登錄頁面,將其添加到您的項目結構中。然後,您將能夠進行任何您想要的更改。您必須執行以下操作(來自我提供的連結):

  • Solution Explorer中,右鍵點擊項目 > Add > New Scaffolded Item
  • Add Scaffold對話框的左窗格中,選擇Identity > ADD
  • 在“添加身份”對話框中,選擇您想要的選項(在您的情況下Login)。

+ 選擇您現有的佈局頁面,否則您的佈局文件將被錯誤的標記覆蓋。選擇現有的*_Layout.cshtml* 文件時,它不會被覆蓋。

例如,用於 MVC 項目~/Pages/Shared/_Layout.cshtml的 Razor 頁面 ~/Views/Shared/_Layout.cshtml

  • 要使用現有數據上下文,請選擇至少一個要覆蓋的文件。您必須至少選擇一個文件來添加數據上下文。

+ 選擇您的數據上下文類。 + 選擇添加

  • 要創建新的使用者上下文並可能為 Identity 創建自定義使用者類:

+ 選擇 + 按鈕創建一個新的數據上下文類。 + 選擇添加

注意:如果您正在創建新的使用者上下文,則不必選擇要覆蓋的文件。

另一種方法是查看登錄頁面原始碼並查看 HTML 元素的 id 和類。然後,您可以通過編寫比預設 CSS 更具體的 CSS 來覆蓋預設 CSS。

引用自:https://stackoverflow.com/questions/55296041