添加项目文件。

TechHelper.Client/Pages/Author/Registration.razor

@@ -0,0 +1,100 @@
+@page "/register"
+@using System.ComponentModel.DataAnnotations
+@using Entities.Contracts
+
+@inject ISnackbar Snackbar
+
+<MudButton Variant="Variant.Filled" Color="Color.Primary" @onclick="@(() => Snackbar.Add("Simple Snackbar"))">
+	Open Snackbar
+</MudButton>
+
+
+<MudText Typo="Typo.h2"> Create Account </MudText>
+
+<EditForm Model="@_userForRegistration" OnValidSubmit="Register" FormName="RegistrationForm">
+	<DataAnnotationsValidator />
+	<MudGrid>
+		<MudItem xs="12" sm="7">
+			<MudCard>
+				<MudCardContent>
+					<MudTextField Label="Name" HelperText="Max. 8 characters"
+								  @bind-Value="_userForRegistration.Name" For="@(() => _userForRegistration.Email)" />
+					<MudTextField Label="Email" Class="mt-3"
+								  @bind-Value="_userForRegistration.Email" For="@(() => _userForRegistration.Email)" />
+					<MudTextField Label="Password" HelperText="Choose a strong password" Class="mt-3"
+								  @bind-Value="_userForRegistration.Password" For="@(() => _userForRegistration.Password)" InputType="InputType.Password" />
+					<MudTextField Label="Password" HelperText="Repeat the password" Class="mt-3"
+								  @bind-Value="_userForRegistration.ConfirmPassword" For="@(() => _userForRegistration.ConfirmPassword)" InputType="InputType.Password" />
+					<MudRadioGroup T="UserRoles" Label="Roles" @bind-Value="_userForRegistration.Roles">
+						@foreach (UserRoles item in Enum.GetValues(typeof(UserRoles)))
+						{
+							if (item != UserRoles.Administrator)
+							{
+								<MudRadio Value="@item">@item.ToString()</MudRadio>
+							}
+						}
+					</MudRadioGroup>
+					<MudStack Row="true">
+
+						<MudTextField Label="Class"
+									  HelperText="Enter a class number between 1 and 14."
+									  Class="mt-3"
+									  @bind-Value="_userForRegistration.Class"
+									  For="@(() => _userForRegistration.Class)"
+									  InputType="InputType.Number"
+									  Required="true"
+									  RequiredError="Class is required." />
+
+						<MudTextField Label="Grade"
+									  HelperText="Enter a grade number between 1 and 6."
+									  Class="mt-3"
+									  @bind-Value="_userForRegistration.Grade"
+									  For="@(() => _userForRegistration.Grade)"
+									  InputType="InputType.Number"
+									  Required="true"
+									  RequiredError="Grade is required." />
+					</MudStack>
+
+					<MudTextField Label="Phone Number"
+								  HelperText="Enter your phone number (optional, 7-20 digits)."
+								  Class="mt-3"
+								  @bind-Value="_userForRegistration.PhoneNumber"
+								  For="@(() => _userForRegistration.PhoneNumber)"
+								  InputType="InputType.Telephone" /> <MudTextField Label="Home Address"
+																				   HelperText="Enter your home address (optional, max 200 characters)."
+																				   Class="mt-3"
+																				   @bind-Value="_userForRegistration.HomeAddress"
+																				   For="@(() => _userForRegistration.HomeAddress)"
+																				   Lines="3" />
+				</MudCardContent>
+				<MudCardActions>
+					<MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary" Class="ml-auto">Register</MudButton>
+				</MudCardActions>
+			</MudCard>
+
+		</MudItem>
+		<MudItem xs="12" sm="5">
+			<MudPaper Class="pa-4 mud-height-full">
+				<MudText Typo="Typo.subtitle2">Validation Summary</MudText>
+				@if (success)
+				{
+					<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>
+
+