Login
TsgcHTMLComponent_Login — Delphi、C++ Builder、.NET で、ユーザー名、パスワード、ログイン状態保持、エラー/成功アラートを備え、カード、中央寄せ、または全画面のレイアウトでレンダリングされる、すぐに使えるログインフォームです。
TsgcHTMLComponent_Login — Delphi、C++ Builder、.NET で、ユーザー名、パスワード、ログイン状態保持、エラー/成功アラートを備え、カード、中央寄せ、または全画面のレイアウトでレンダリングされる、すぐに使えるログインフォームです。
Bootstrap 5 フォームを出力する、そのまま使えるログインコンポーネントです。アクション、ラベル、スタイルを設定し、任意でロゴとフッターリンクを追加してから、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");最もよく使うメンバーです。
FormAction と FormMethod はフォームの送信先を設定し、FormID はそれに名前を付けます。フォームは常に username、password、（任意で）remember を送信します。
Title、Subtitle、UserLabel、PasswordLabel、UserPlaceholder、PasswordPlaceholder、ButtonText が文言を制御します。
LoginStyle は lsCard、lsCentered、lsFullPage を選択します。ButtonStyleEnum、MaxWidth、MinHeight、BackgroundClass、CSSClass は見た目を調整します。
ShowRememberMe はチェックボックスを追加します。ErrorMessage と SuccessMessage は、フォームの上に danger/success のアラートをレンダリングします。
SetLogoText(aText) と SetFooterText(aText) は手軽なヘルパーです。LogoHTML、FooterHTML、FooterLinkText、FooterLinkURL は完全な制御を提供します。
HTML はフォームのマークアップを返します。GetFullPageHTML(const aPageTitle) は、BootstrapCSSPath と BootstrapJSPath をリンクした完全な HTML ドキュメントを出力します。