添加项目文件。

TechHelper.Client/Pages/Author/Login.razor

@@ -0,0 +1,48 @@
+@page "/login"
+
+<MudText Typo="Typo.h2"> Login Account </MudText>
+
+<EditForm Model="@_userForAuth" OnValidSubmit="Logining" FormName="LoginingForm">
+	<DataAnnotationsValidator />
+	<MudGrid>
+		<MudItem xs="12" sm="7">
+			<MudCard>
+				<MudCardContent>
+					<MudTextField Label="Email" Class="mt-3"
+								  @bind-Value="_userForAuth.Email" For="@(() => _userForAuth.Email)" />
+					<MudTextField Label="Password" HelperText="Choose a strong password" Class="mt-3"
+								  @bind-Value="_userForAuth.Password" For="@(() => _userForAuth.Password)" InputType="InputType.Password" />
+				</MudCardContent>
+				<MudCardActions>
+					<MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary" Class="ml-auto">Register</MudButton>
+				</MudCardActions>
+
+				<div class="nav-item px-3">
+					<NavLink class="nav-link"  href="forgotpassword"> 
+						<span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span>Forgot Password
+					</NavLink>
+				</div>
+			</MudCard>
+		</MudItem>
+		<MudItem xs="12" sm="5">
+			<MudPaper Class="pa-4 mud-height-full">
+				<MudText Typo="Typo.subtitle2">Validation Summary</MudText>
+				@if (!ShowRegistrationErrors)
+				{
+					<MudText Color="Color.Success">Success</MudText>
+				}
+				else
+				{
+					<MudText Color="@Color.Error">
+						<ValidationSummary />
+					</MudText>
+				}
+			</MudPaper>
+		</MudItem>
+		<MudItem xs="12">
+			<MudText Typo="Typo.body2" Align="Align.Center">
+				Fill out the form correctly to see the success message.
+			</MudText>
+		</MudItem>
+	</MudGrid>
+</EditForm>