Un formulaire de connexion prêt à l’emploi avec une validation conviviale. Il vous donne les valeurs saisies et vous laisse l’authentification proprement dite.
Pourquoi c’est utile
- Prêt à l’emploi
- Validation localisée
- Vous gérez l’authentification
Où il trouve sa place
- Connexion à l’application
- Zones d’administration
- Portails
Exemple
<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}" : "";
}
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.