Login
TsgcHTMLComponent_Login — un modulo di login già pronto con nome utente, password, remember-me e avvisi di errore/successo, renderizzato come card, centrato o a pagina intera, in Delphi, C++ Builder e .NET.
TsgcHTMLComponent_Login — un modulo di login già pronto con nome utente, password, remember-me e avvisi di errore/successo, renderizzato come card, centrato o a pagina intera, in Delphi, C++ Builder e .NET.
Un componente di login pronto all’uso che emette un modulo Bootstrap 5. Imposta l’azione, le etichette e lo stile, aggiungi facoltativamente un logo e un link nel piè di pagina, quindi leggi la proprietà HTML — oppure chiama GetFullPageHTML per un documento completo.
TsgcHTMLComponent_Login
Bootstrap 5 login form markup
Delphi, C++ Builder, .NET
Imposta FormAction, le etichette e LoginStyle, quindi leggi HTML — oppure chiama GetFullPageHTML per emettere 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");
I membri che utilizzerai più spesso.
FormAction e FormMethod impostano dove il modulo invia i dati; FormID gli dà un nome. Il modulo invia sempre username, password e (facoltativamente) remember.
Title, Subtitle, UserLabel, PasswordLabel, UserPlaceholder, PasswordPlaceholder e ButtonText controllano i testi.
LoginStyle sceglie lsCard, lsCentered o lsFullPage; ButtonStyleEnum, MaxWidth, MinHeight, BackgroundClass e CSSClass regolano l’aspetto.
ShowRememberMe aggiunge la checkbox; ErrorMessage e SuccessMessage renderizzano avvisi di errore/successo sopra il modulo.
SetLogoText(aText) e SetFooterText(aText) sono helper rapidi; LogoHTML, FooterHTML, FooterLinkText e FooterLinkURL offrono il controllo completo.
HTML restituisce il markup del modulo. GetFullPageHTML(const aPageTitle) emette un documento HTML completo, collegando BootstrapCSSPath e BootstrapJSPath.