Asp.net
更新 .NET core 中身份登錄頁面的預設前端設計
我正在開發一個帶有身份登錄的 .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。