Login
TsgcHTMLComponent_Login — un formulario de inicio de sesión listo para usar con usuario, contraseña, recuérdame y alertas de error/éxito, renderizado como tarjeta, centrado o página completa, en Delphi, C++ Builder y .NET.
TsgcHTMLComponent_Login — un formulario de inicio de sesión listo para usar con usuario, contraseña, recuérdame y alertas de error/éxito, renderizado como tarjeta, centrado o página completa, en Delphi, C++ Builder y .NET.
Un componente de inicio de sesión listo para insertar que emite un formulario de Bootstrap 5. Define la acción, las etiquetas y el estilo, añade opcionalmente un logo y un enlace de pie, y luego lee la propiedad HTML — o llama a GetFullPageHTML para un documento completo.
TsgcHTMLComponent_Login
Marcado del formulario de inicio de sesión de Bootstrap 5
Delphi, C++ Builder, .NET
Define FormAction, las etiquetas y LoginStyle, y luego lee HTML — o llama a GetFullPageHTML para emitir un documento HTML completo.
uses
sgcHTML_Enums, sgcHTML_Component_Login;
var
oLogin: TsgcHTMLComponent_Login;
begin
oLogin := TsgcHTMLComponent_Login.Create(nil);
try
oLogin.FormAction := '/login';
oLogin.FormMethod := 'POST';
oLogin.Title := 'Sign in';
oLogin.UserLabel := 'Email';
oLogin.PasswordLabel := 'Password';
oLogin.ShowRememberMe := True;
oLogin.LoginStyle := lsFullPage;
oLogin.ButtonStyleEnum := bsPrimary;
oLogin.SetLogoText('Acme Inc.');
oLogin.SetFooterText('Forgot your password?');
WebModule.Response := oLogin.HTML; // Bootstrap login form
finally
oLogin.Free;
end;
end;
// Or emit a full standalone HTML document (with the Bootstrap links):
oLogin.BootstrapCSSPath := '/bootstrap.min.css';
Response := oLogin.GetFullPageHTML('Sign in — Acme');// includes: sgcHTML_Enums.hpp, sgcHTML_Component_Login.hpp
TsgcHTMLComponent_Login *oLogin = new TsgcHTMLComponent_Login(NULL);
try
{
oLogin->FormAction = "/login";
oLogin->FormMethod = "POST";
oLogin->Title = "Sign in";
oLogin->UserLabel = "Email";
oLogin->PasswordLabel = "Password";
oLogin->ShowRememberMe = true;
oLogin->LoginStyle = lsFullPage;
oLogin->ButtonStyleEnum = bsPrimary;
oLogin->SetLogoText("Acme Inc.");
oLogin->SetFooterText("Forgot your password?");
String html = oLogin->HTML; // Bootstrap login form
// Or a full standalone document:
String page = oLogin->GetFullPageHTML("Sign in");
}
__finally
{
delete oLogin;
}using esegece.sgcWebSockets;
var login = new TsgcHTMLComponent_Login();
login.FormAction = "/login";
login.FormMethod = "POST";
login.Title = "Sign in";
login.UserLabel = "Email";
login.PasswordLabel = "Password";
login.ShowRememberMe = true;
login.LoginStyle = TsgcHTMLLoginStyle.lsFullPage;
login.ButtonStyleEnum = TsgcHTMLButtonStyle.bsPrimary;
login.SetLogoText("Acme Inc.");
login.SetFooterText("Forgot your password?");
string html = login.HTML; // Bootstrap login form
// Or a full standalone document:
string page = login.GetFullPageHTML("Sign in");Los miembros que más vas a usar.
FormAction y FormMethod definen a dónde envía el formulario; FormID lo nombra. El formulario siempre envía username, password y (opcionalmente) remember.
Title, Subtitle, UserLabel, PasswordLabel, UserPlaceholder, PasswordPlaceholder y ButtonText controlan los textos.
LoginStyle elige lsCard, lsCentered o lsFullPage; ButtonStyleEnum, MaxWidth, MinHeight, BackgroundClass y CSSClass ajustan el aspecto.
ShowRememberMe añade la casilla; ErrorMessage y SuccessMessage renderizan alertas de peligro/éxito sobre el formulario.
SetLogoText(aText) y SetFooterText(aText) son ayudas rápidas; LogoHTML, FooterHTML, FooterLinkText y FooterLinkURL dan control total.
HTML devuelve el marcado del formulario. GetFullPageHTML(const aPageTitle) emite un documento HTML completo, enlazando BootstrapCSSPath y BootstrapJSPath.