Login

TsgcHTMLComponent_Login — un formulaire de connexion prêt à l'emploi avec nom d'utilisateur, mot de passe, « se souvenir de moi » et alertes d'erreur/de succès, rendu en mise en page carte, centrée ou pleine page, en Delphi, C++ Builder et .NET.

TsgcHTMLComponent_Login

Un composant de connexion clé en main qui émet un formulaire Bootstrap 5. Définissez l'action, les libellés et le style, ajoutez éventuellement un logo et un lien de pied de page, puis lisez la propriété HTML — ou appelez GetFullPageHTML pour un document complet.

Classe du composant

TsgcHTMLComponent_Login

Produit

Du balisage de formulaire de connexion Bootstrap 5

Langages

Delphi, C++ Builder, .NET

Créez-le, configurez-le, affichez-le

Définissez FormAction, les libellés et LoginStyle, puis lisez HTML — ou appelez GetFullPageHTML pour émettre un document HTML complet.

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");

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Formulaire

FormAction et FormMethod définissent où le formulaire soumet ; FormID le nomme. Le formulaire soumet toujours username, password et (optionnellement) remember.

Libellés & texte

Title, Subtitle, UserLabel, PasswordLabel, UserPlaceholder, PasswordPlaceholder et ButtonText contrôlent le texte.

Style

LoginStyle choisit lsCard, lsCentered ou lsFullPage ; ButtonStyleEnum, MaxWidth, MinHeight, BackgroundClass et CSSClass ajustent l'apparence.

Options & alertes

ShowRememberMe ajoute la case à cocher ; ErrorMessage et SuccessMessage rendent des alertes d'erreur/de succès au-dessus du formulaire.

Logo & pied de page

SetLogoText(aText) et SetFooterText(aText) sont des assistants rapides ; LogoHTML, FooterHTML, FooterLinkText et FooterLinkURL offrent un contrôle complet.

Sortie

HTML renvoie le balisage du formulaire. GetFullPageHTML(const aPageTitle) émet un document HTML complet, en liant BootstrapCSSPath et BootstrapJSPath.

Continuez l'exploration

Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.
Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.
TarifsLicences Single, Team et Site avec code source complet.

Prêt à démarrer ?

Téléchargez la version d'essai gratuite et ajoutez un formulaire de connexion à votre application web Delphi, C++ Builder ou .NET.