Page Builder

TsgcHTMLPageBuilder — ensambla componentes sgcHTML registrados en una página Bootstrap 5 completa, con un editor visual en tiempo de diseño en el IDE de Delphi.

TsgcHTMLPageBuilder

Una capa de composición de alto nivel que acepta una lista ordenada de componentes sgcHTML, envuelve su salida HTML combinada en un documento Bootstrap 5 a través de TsgcHTMLTemplate_Bootstrap y devuelve la página terminada. Compatible con vista previa en tiempo de diseño en el IDE de Delphi.

Clase del componente

TsgcHTMLPageBuilder

Rol

Composición visual de páginas

Lenguajes

Delphi, C++ Builder, .NET

Registrar componentes, llamar a GetHTML

Coloca un TsgcHTMLPageBuilder en el formulario, registra tus componentes sgcHTML en orden, establece el título y el tema, y llama a GetHTML para obtener el HTML completo de la página.

uses
  sgcHTML_PageBuilder;

var
  oBuilder: TsgcHTMLPageBuilder;
begin
  oBuilder := TsgcHTMLPageBuilder.Create(nil);
  try
    oBuilder.Title := 'Sales Dashboard';
    oBuilder.Theme := ptDark;
    oBuilder.RegisterComponent(oNavBar);
    oBuilder.RegisterComponent(oStatCard);
    oBuilder.RegisterComponent(oChart);
    Result := oBuilder.GetHTML;
  finally
    oBuilder.Free;
  end;
end;
TsgcHTMLPageBuilder *oBuilder = new TsgcHTMLPageBuilder(NULL);
try
{
  oBuilder->Title = "Sales Dashboard";
  oBuilder->Theme = ptDark;
  oBuilder->RegisterComponent(oNavBar);
  oBuilder->RegisterComponent(oStatCard);
  oBuilder->RegisterComponent(oChart);
  String html = oBuilder->GetHTML();
}
__finally { delete oBuilder; }
var builder = new TsgcHTMLPageBuilder();
builder.Title = "Sales Dashboard";
builder.Theme = TsgcHTMLPageTheme.ptDark;
builder.RegisterComponent(navbar);
builder.RegisterComponent(statCard);
builder.RegisterComponent(chart);
string html = builder.GetHTML();

Propiedades y métodos clave

Los miembros que usarás con más frecuencia.

Title & HtmlDir

Título del documento insertado en la etiqueta <title> por la plantilla Bootstrap subyacente. HtmlDir establece la dirección de la página, 'rtl' o 'ltr'; si se deja vacío, un idioma de derecha a izquierda como el árabe o el hebreo pasa la página a derecha a izquierda automáticamente.

Theme

ptDefault, ptDark o ptDarkPro; inyecta un bloque CSS específico del tema en el encabezado del documento (ptDefault mantiene el Bootstrap estándar, ptDark una paleta oscura, ptDarkPro un tema oscuro profesional completo).

HtmlLang

Idioma escrito en el atributo lang de la página, 'en' por defecto. Un idioma de derecha a izquierda como 'ar' o 'he' también pasa la página a derecha a izquierda, salvo que HtmlDir indique lo contrario.

UnRegisterComponent

Elimina un componente de la lista de construcción, de modo que deja de renderizarse.

RegisterComponent

Añade un componente a la lista de construcción; los componentes se renderizan en el orden en que fueron registrados.

GetHTML

Renderiza todos los componentes registrados, envuelve la salida combinada en un documento Bootstrap 5 y devuelve la cadena HTML completa.

Sigue explorando

Ayuda en líneaReferencia completa de la API y guía de uso para este componente.
Todos los componentes de sgcHTMLExplora la matriz completa de más de 80 componentes.
Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML.
PreciosLicencias Single, Team y Site con código fuente completo.
La mejor opción: All-AccessTodos los productos de eSeGeCe, con Premium Support incluido, desde €1,059 al año.
Ver precios de All-Access

¿Listo para empezar?

Descarga la prueba gratuita y empieza a crear interfaces web en Delphi, C++ Builder y .NET.