Login

TsgcHTMLComponent_Login — um formulário de login pronto com usuário, senha, lembrar-me e alertas de erro/sucesso, renderizado como um layout de card, centralizado ou página inteira, em Delphi, C++ Builder e .NET.

TsgcHTMLComponent_Login

Um componente de login pronto para usar que emite um formulário do Bootstrap 5. Defina a ação, os rótulos e o estilo, opcionalmente adicione um logo e link de rodapé e então leia a propriedade HTML — ou chame GetFullPageHTML para um documento completo.

Classe do componente

TsgcHTMLComponent_Login

Renderiza

Markup de formulário de login do Bootstrap 5

Família

Autenticação

Linguagens

Delphi, C++ Builder, .NET

Crie, configure, renderize

Defina FormAction, os rótulos e LoginStyle e então leia HTML — ou chame GetFullPageHTML para emitir um 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");

Principais propriedades & métodos

Os membros que você usa com mais frequência.

Formulário

FormAction e FormMethod definem para onde o formulário envia; FormID o nomeia. O formulário sempre envia username, password e (opcionalmente) remember.

Rótulos & texto

Title, Subtitle, UserLabel, PasswordLabel, UserPlaceholder, PasswordPlaceholder e ButtonText controlam o texto.

Estilo

LoginStyle escolhe lsCard, lsCentered ou lsFullPage; ButtonStyleEnum, MaxWidth, MinHeight, BackgroundClass e CSSClass ajustam a aparência.

Opções & alertas

ShowRememberMe adiciona o checkbox; ErrorMessage e SuccessMessage renderizam alertas de perigo/sucesso acima do formulário.

Logo & rodapé

SetLogoText(aText) e SetFooterText(aText) são helpers rápidos; LogoHTML, FooterHTML, FooterLinkText e FooterLinkURL dão controle total.

Saída

HTML retorna o markup do formulário. GetFullPageHTML(const aPageTitle) emite um documento HTML completo, vinculando BootstrapCSSPath e BootstrapJSPath.

Continue explorando

Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes.
Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML.
PreçosLicenças Single, Team e Site com código-fonte completo.

Pronto para Começar?

Baixe a versão de avaliação gratuita e adicione um formulário de login à sua aplicação web Delphi, C++ Builder ou .NET.