Login 컴포넌트 — sgcHTML | eSeGeCe

Login

TsgcHTMLComponent_Login — Delphi, C++ Builder 및 .NET에서 사용자 이름, 비밀번호, 로그인 유지 및 오류/성공 알림을 갖춘, 카드, 가운데 정렬 또는 전체 페이지 레이아웃으로 렌더링되는 즉시 사용 가능한 로그인 폼입니다.

TsgcHTMLComponent_Login

Bootstrap 5 폼을 내보내는 즉시 사용 가능한 로그인 컴포넌트입니다. 액션, 레이블 및 스타일을 설정하고, 선택적으로 로고와 푸터 링크를 추가한 다음, HTML 속성을 읽습니다 — 또는 완전한 문서를 위해 GetFullPageHTML을 호출하십시오.

컴포넌트 클래스

TsgcHTMLComponent_Login

렌더링

Bootstrap 5 로그인 폼 마크업

패밀리

인증

언어

Delphi, C++ Builder, .NET

생성하고, 구성하고, 렌더링하기

FormAction, 레이블 및 LoginStyle을 설정한 다음, HTML을 읽습니다 — 또는 완전한 HTML 문서를 내보내려면 GetFullPageHTML을 호출하십시오.

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는 그 이름을 지정합니다. 폼은 항상 username, password 및 (선택적으로) remember를 전송합니다.

레이블 및 텍스트

Title, Subtitle, UserLabel, PasswordLabel, UserPlaceholder, PasswordPlaceholderButtonText가 텍스트를 제어합니다.

스타일

LoginStylelsCard, lsCentered 또는 lsFullPage를 선택합니다. ButtonStyleEnum, MaxWidth, MinHeight, BackgroundClassCSSClass가 모양을 조정합니다.

옵션 및 알림

ShowRememberMe는 체크박스를 추가합니다. ErrorMessageSuccessMessage는 폼 위에 위험/성공 알림을 렌더링합니다.

로고 및 푸터

SetLogoText(aText)SetFooterText(aText)는 빠른 헬퍼입니다. LogoHTML, FooterHTML, FooterLinkTextFooterLinkURL이 완전한 제어를 제공합니다.

출력

HTML은 폼 마크업을 반환합니다. GetFullPageHTML(const aPageTitle)BootstrapCSSPathBootstrapJSPath를 연결하여 완전한 HTML 문서를 내보냅니다.

계속 살펴보기

온라인 도움말이 찱포넌트의 전체 API 참조 및 사용 가이드입니다.
모든 sgcHTML 컴포넌트60개 이상의 컴포넌트 전체 기능 매트릭스를 둘러보십시오.
무료 체험판 다운로드30일 체험판에는 60.HTML 데모 프로젝트가 포함됩니다.
가격전체 소스 코드가 포함된 Single, Team 및 Site 라이선스.

시작할 준비가 되셨습니까?

무료 체험판을 다운로드하고 Delphi, C++ Builder 또는 .NET 웹 앱에 로그인 폼을 추가하십시오.