Componente Login — sgcHTML | eSeGeCe

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 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.

Clase de componente

TsgcHTMLComponent_Login

Renderiza

Marcado del formulario de inicio de sesión de Bootstrap 5

Familia

Autenticación

Lenguajes

Delphi, C++ Builder, .NET

Créalo, configúralo, renderízalo

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

Propiedades y métodos clave

Los miembros que más vas a usar.

Formulario

FormAction y FormMethod definen a dónde envía el formulario; FormID lo nombra. El formulario siempre envía username, password y (opcionalmente) remember.

Etiquetas y texto

Title, Subtitle, UserLabel, PasswordLabel, UserPlaceholder, PasswordPlaceholder y ButtonText controlan los textos.

Estilo

LoginStyle elige lsCard, lsCentered o lsFullPage; ButtonStyleEnum, MaxWidth, MinHeight, BackgroundClass y CSSClass ajustan el aspecto.

Opciones y alertas

ShowRememberMe añade la casilla; ErrorMessage y SuccessMessage renderizan alertas de peligro/éxito sobre el formulario.

Logo y pie

SetLogoText(aText) y SetFooterText(aText) son ayudas rápidas; LogoHTML, FooterHTML, FooterLinkText y FooterLinkURL dan control total.

Salida

HTML devuelve el marcado del formulario. GetFullPageHTML(const aPageTitle) emite un documento HTML completo, enlazando BootstrapCSSPath y BootstrapJSPath.

Sigue explorando

Ayuda en líneaReferencia completa de la API y guía de uso para este componente.
Todos los componentes sgcHTMLExplora la matriz completa de más de 60 componentes.
Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos demo 60.HTML.
PreciosLicencias Single, Team y Site con código fuente completo.

¿Listo para empezar?

Descarga la prueba gratuita y añade un formulario de inicio de sesión a tu aplicación web Delphi, C++ Builder o .NET.