Een kant-en-klaar inlogformulier met vriendelijke validatie. Het geeft je de ingevoerde waarden en laat de eigenlijke authenticatie aan jou.
Waarom het helpt
- Direct bruikbaar
- Gelokaliseerde validatie
- Jij beheert de authenticatie
Waar het past
- Aanmelden bij de toepassing
- Beheergebieden
- Portalen
Voorbeeld
<LoginForm OnSubmit="OnSubmit" ErrorMessage="@_error" Busy="_busy">
<Footer><Link Href="components/registerform">Create an account</Link></Footer>
</LoginForm>
<p>@_result</p>
@code {
private string? _error;
private string _result = "";
private bool _busy;
private async Task OnSubmit(LoginModel model)
{
_busy = true;
await Task.Delay(500);
_busy = false;
_error = model.Password == "secret" ? null : "Wrong user name or password. Try the password \"secret\".";
_result = _error is null ? $"Signed in as {model.UserName}" : "";
}
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.