Login

TsgcHTMLComponent_Login — 一个现成的登录表单,带有用户名、密码、记住我和错误/成功提示,可渲染为卡片、居中或全页布局,适用于 Delphi、C++ Builder 和 .NET。

TsgcHTMLComponent_Login

一个即插即用的登录组件,发出 Bootstrap 5 表单。设置操作、标签和样式,可选地添加 logo 和页脚链接,然后读取 HTML 属性 — 或调用 GetFullPageHTML 以获得完整文档。

组件类

TsgcHTMLComponent_Login

渲染为

Bootstrap 5 登录表单标记

家族

身份验证

语言

Delphi, C++ Builder, .NET

创建它、配置它、渲染它

设置 FormAction、标签和 LoginStyle,然后读取 HTML — 或调用 GetFullPageHTML 以发出完整的 HTML 文档。

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

关键属性与方法

您最常使用的成员。

表单

FormActionFormMethod 设置表单提交位置;FormID 为其命名。表单始终提交 usernamepassword 和(可选的)remember

标签与文本

TitleSubtitleUserLabelPasswordLabelUserPlaceholderPasswordPlaceholderButtonText 控制文案。

样式

LoginStyle 选择 lsCardlsCenteredlsFullPageButtonStyleEnumMaxWidthMinHeightBackgroundClassCSSClass 调整外观。

选项与提示

ShowRememberMe 添加复选框;ErrorMessageSuccessMessage 在表单上方渲染危险/成功提示。

SetLogoText(aText)SetFooterText(aText) 是快捷辅助方法;LogoHTMLFooterHTMLFooterLinkTextFooterLinkURL 提供完全控制。

输出

HTML 返回表单标记。GetFullPageHTML(const aPageTitle) 发出完整的 HTML 文档,链接 BootstrapCSSPathBootstrapJSPath

继续探索

所有 sgcHTML 组件浏览 60 多个组件的完整功能矩阵。
下载免费试用版30 天试用版附带 60.HTML 演示项目。
价格Single、Team 和 Site 授权,均含完整源代码。

准备好开始了吗?

下载免费试用版,为您的 Delphi、C++ Builder 或 .NET Web 应用添加登录表单。