eSeGeCe — Enterprise-communicatiecomponenten voor Delphi & .NET
UITGELICHT · sgcHTML

Je backend spreekt al HTML

Bouw de hele webapplicatie in Pascal. Server-side HTML-componenten renderen Bootstrap 5-markup, htmx houdt elke klik interactief, en WebSockets pushen live updates naar de geopende pagina. Geen npm, geen JavaScript-buildstap.

Ontdek sgcHTML Download gratis proefversie
  • Bootstrap 5 + htmx
  • Realtime via WebSockets
  • Geen JavaScript nodig
  • Delphi · C++ Builder · .NET
OrdersDashboard.pas
uses
  sgcHTML_Component_StatCard, sgcHTML_Component_Chart,
  sgcHTML_Component_Grid, sgcHTMX_Engine_Server;

// 1. KPI row, three stat cards
FBody :=
  TsgcHTMLComponent_StatCard.Build('Monthly Revenue', '$48,200',
    scSuccess, stUp, '12.5%', 'kpiRevenue', sgBlueViolet) +
  TsgcHTMLComponent_StatCard.Build('Orders Today', '1,284',
    scSuccess, stUp, '4.1%', 'kpiOrders', sgBlueViolet) +
  TsgcHTMLComponent_StatCard.Build('Live Users', '312',
    scSuccess, stNeutral, 'live', 'kpiUsers', sgBlueViolet);

// 2. Chart
oChart.ChartType := ctBar;
oChart.AddLabel('Mon'); oChart.AddLabel('Tue'); oChart.AddLabel('Wed');
oChart.AddLabel('Thu'); oChart.AddLabel('Fri');
oChart.AddDataset('Orders', [42, 58, 51, 73, 66],
  '#7C3AED', 'rgba(124,58,237,.25)', True);
FBody := FBody + oChart.HTML;

// 3. Grid, straight from a dataset
oGrid.ShowSort := True;
oGrid.ShowFilter := True;
oGrid.LoadFromDataSet(qryOrders);
FBody := FBody + oGrid.HTML;

oPage.BodyContent := FBody;
Response := oPage.GetHTML;      // full Bootstrap page

// 4. Later, from any thread, push a live KPI
oHTMX.BroadcastFragment(
  '<div id="kpiRevenue" hx-swap-oob="true">' +
  CurrToStr(FRevenue) + '</div>');

Links: Object Pascal. Rechts: de pagina die het serveert, live in de browser. Dezelfde componenten in C++ Builder en C#.

sgcHTML

Server-side HTML-componenten voor Delphi, C++ Builder en .NET. Grafieken, grids, formulieren, dashboards en chat, gerenderd als Bootstrap 5-markup en live gehouden door htmx over WebSockets.

Productoverzicht Prijzen
COMPONENTENBIBLIOTHEEK

Negen families, één palet

Elke widget is een native class. Stel de eigenschappen in, koppel hem eventueel aan een TDataSet en lees dan de HTML-eigenschap uit. Grid, DataTable, Chart, Select, TreeView, Scheduler, Timeline en Form laden rechtstreeks vanuit een dataset.

64 Componenten Negen families, elk component met een eigen documentatiepagina, van NavBar tot AIChat.

Grafieken & visualisatie

Chart (Chart.js lijn, staaf, taart, donut, radar, polair, bubbel, spreiding), Gauge, Diagram als inline SVG, en Map op Leaflet.

Bekijk de familie →

Data & tabellen

Grid met sorteren, filteren, CSV- en PDF-export, inline bewerken, groeperen en virtueel scrollen. Plus DataTable, Calendar, Scheduler, Timeline, KanbanBoard en Gantt.

Bekijk de familie →

Formulieren & invoervelden

Form met validatie, Edit, Memo, CheckBox, RadioGroup, Select, InputGroup, AutoComplete, DatePicker, FileUpload, RichEditor en Rating.

Bekijk de familie →

NavBar, Sidebar, Breadcrumb, Tabs, Pagination, Toolbar, TreeView, Stepper, Dropdown, ButtonGroup, ListGroup, DashboardLayout en Site.

Bekijk de familie →

Content & layout

Panel, StatCard KPI-tegels met trendpijlen en gradiënten, Accordion, Carousel, Image, Avatar en Video.

Bekijk de familie →

Overlays & feedback

Modal, Offcanvas, Popover, Toast, Snackbar, Notification-centrum met badge voor ongelezen items, Spinner en Placeholder-skeletons.

Bekijk de familie →

Chat & AI

ChatBox, Chat met tekst-, afbeeldings-, bestands-, audio- en videoberichten, en AIChat met een providerkiezer, token-streaming en RAG-bronvermeldingen.

Bekijk de familie →

Authenticatie

Login, SocialLogin OAuth-knoppen voor Google, Facebook, Apple, GitHub en Microsoft, OAuthCallback, en WebAuthnLogin-passkeys.

Bekijk de familie →

Engine, server & theming

TsgcHTMLEngine_Server serveert de gerenderde pagina's, TsgcHTMX_Engine_Server verwerkt htmx-verzoeken en pusht fragmenten, en PageBuilder, TemplateBootstrap, ThemeController en ThemeBuilder regelen het document en de lichte of donkere thema's.

Bekijk de familie →

Bootstrap 5.3 en htmx worden ingebed meegeleverd, dus er is geen CDN-aanroep tijdens runtime. De ingebouwde UI-teksten zijn beschikbaar in 17 talen, en elk component codeert zijn dynamische inhoud standaard voor HTML, attributen, JavaScript en URL's.

REALTIME UI

De server rendert. htmx wisselt. WebSockets pushen.

Er is geen clientside state om synchroon te houden, want er is geen clientside applicatie. Jouw Pascal- of C#-code is eigenaar van de pagina: hij beantwoordt het eerste verzoek met HTML, beantwoordt elke interactie met een fragment, en pusht nieuwe fragmenten naar elke geopende browser zodra de data verandert.

Browser sgcHTML-server GET /dashboard 200 · volledige Bootstrap 5-pagina hx-post /orders/filter OnHTMXRequest → fragment, ter plekke vervangen WebSocket · BroadcastFragment(hx-swap-oob)
  1. Samenstellen

    Bouw de pagina uit TsgcHTMLComponent_*-classes in Pascal of C#, of koppel ze aan een dataset en laat ze de rijen renderen.

  2. Serveren

    TsgcHTMLEngine_Server beantwoordt het verzoek vanuit je eigen HTTP-server met een compleet Bootstrap 5-document en de ingebedde assets.

  3. Wisselen

    htmx stuurt de interactie terug naar OnHTMXRequest. Je handler geeft alleen het fragment terug dat is veranderd, en htmx wisselt het ter plekke om.

  4. Pushen

    BroadcastFragment stuurt een out-of-band fragment over de WebSocket naar elke verbonden browser. Het is thread-safe, dus een timer op de achtergrond kan het rechtstreeks aanroepen.

ÉÉN COMPONENT, ÉÉN WEBSITE

TsgcHTMLComponent_Site

Header, navigatiemenu, contentgebied en footer, verpakt in een verwisselbare layouttemplate. Stel de layout, het thema en het merk in, voeg het menu en de content toe, lees dan de HTML-eigenschap uit en serveer de afgeronde pagina.

uses
  sgcHTML_Enums, sgcHTML_Component_Site;

oSite := TsgcHTMLComponent_Site.Create(nil);
try
  oSite.Layout := slTopNavSidebarLeft;
  oSite.Theme.Preset := stpViolet;
  oSite.Theme.Mode := stmLight;
  oSite.Brand.Text := 'Acme';

  oSite.AddMenu('Dashboard', '/', '📊').Active := True;
  oSite.AddMenu('Reports', '/reports', '📈');

  oSite.AddSection('Overview', '<p>Welcome back.</p>', 'overview');
  oSite.AddContent('<div class="alert alert-info">All systems normal</div>');
  oSite.Footer.Text := '© 2026 Acme';

  Response := oSite.HTML;   // the whole site, one component
finally
  oSite.Free;
end;
using esegece.sgcWebSockets;

var site = new TsgcHTMLComponent_Site();
site.Layout = TsgcHTMLSiteLayout.slTopNavSidebarLeft;
site.Theme.Preset = TsgcHTMLSiteThemePreset.stpViolet;
site.Theme.Mode = TsgcHTMLSiteThemeMode.stmLight;
site.Brand.Text = "Acme";

site.AddMenu("Dashboard", "/", "📊").Active = true;
site.AddMenu("Reports", "/reports", "📈");

site.AddSection("Overview", "<p>Welcome back.</p>", "overview");
site.AddContent("<div class=\"alert alert-info\">All systems normal</div>");
site.Footer.Text = "© 2026 Acme";

string html = site.GetHTML();   // the whole site, one component
Verwisselbare layouttemplate Lichte en donkere thema's Merk, menu, content, footer Delphi · C++ Builder · .NET

sgcHTML vereist sgcWebSockets Professional of Enterprise, en is inbegrepen in de All-Access-bundel.

GENEREER DE API-LAAG

sgcOpenAPI schrijft de back-end die je UI aanroept

Je sgcHTML-pagina's hebben data nodig, en die data komt meestal van een API. sgcOpenAPI is één gebundeld product voor Delphi en C++ Builder: een OpenAPI 3.x-parser, een native Pascal-SDK-generator, een OpenAPI-servercomponent, en een bibliotheek met kant-en-klare cloud-SDK's die je meteen kunt gebruiken.

OpenAPI 3.x-parser

Lees elk OpenAPI 3.x-document, in JSON of YAML, in een sterk getypeerd objectmodel dat je vanuit code kunt doorlopen.

De parser →

Pascal-SDK-generator

Zet die spec om in een native Delphi- of C++ Builder-client, met getypeerde request- en response-classes, klaar om te compileren.

Functies van de generator →

OpenAPI-servercomponent

Publiceer je eigen endpoints als een live openapi.json of openapi.yaml, bouw endpoints vanuit een spec, en valideer verzoeken en antwoorden ertegen.

De server →

Kant-en-klare cloud-SDK's

Amazon AWS 280+, Microsoft Azure 650+, Google Cloud 250+ en Microsoft Graph 15+ services, al voor je gegenereerd.

Bekijk de API's →
1.195+ Kant-en-klare SDK's AWS, Azure, Google Cloud en Microsoft Graph, op één Single-, Team- of Site-licentie. Delphi 7 tot en met RAD Studio 13.

Ontdek sgcOpenAPI

HET ECOSYSTEEM

Zes bibliotheken, één stack

sgcHTML is de UI-laag. De rest van de stack ligt eronder, van de socket tot de handtekening.

sgcWebSockets

WebSocket, HTTP/2, HTTP/3, MQTT, AMQP, WebRTC, AI en 30+ API-integraties. De HTTP- en WebSocket-servers waarop sgcHTML draait.

Meer informatie →

sgcHTML

Server-side HTML- en UI-componenten voor Delphi, C++ Builder en .NET. Bootstrap 5-markup, interactiviteit dankzij htmx, realtime updates.

Meer informatie →

sgcOpenAPI

OpenAPI 3.x-parser, Pascal-SDK-generator, OpenAPI-servercomponent, en 1.195+ kant-en-klare cloud-SDK's.

Meer informatie →

sgcSign

Documenthandtekeningen (XAdES, PAdES, CAdES, ASiC) en code signing (Authenticode, ClickOnce, NuGet, VSIX) met 10 sleutelproviders en 21 EU-landprofielen.

Meer informatie →

sgcBiometrics

Windows Hello, vingerafdruksensoren en gezichtsherkenning via het Windows Biometric Framework, voor Delphi en C++ Builder.

Meer informatie →

sgcIndy

Uitgebreide Indy TCP/IP-componentensuite met uitgebreide protocolondersteuning en prestatie-optimalisaties voor enterprisetoepassingen.

Meer informatie →

Bekijk de prijzen en edities Download de gratis proefversie

REFERENTIES

Wat ontwikkelaars zeggen

Vertrouwd door Delphi-, C++ Builder-, Lazarus- en .NET-ontwikkelaars die over de hele wereld realtime toepassingen bouwen.

Jullie sgcWebSockets-bibliotheek is erg handig en eenvoudig op te zetten. Ga zo door!
Simone Moretti Delphi-ontwikkelaar
sgcWebSockets is geweldig en jullie support is de beste!
Christian Meyer Oprichter & CTO
Heel erg bedankt voor jullie hulp en ondersteuning, ik ben dol op jullie componenten.
Mark Steinfeld CTO

Je ziet nu de weergave Full-stack web van eSeGeCe.

Toon me een andere invalshoek →
Niet-goed-geld-terug-garantie van 30 dagenNiet tevreden? Vraag binnen 30 dagen na aankoop een volledige terugbetaling aan. Bekijk het terugbetalingsbeleid

Lever de web-UI zonder je IDE te verlaten

Grafieken, grids, formulieren, dashboards en realtime pagina's, geschreven in de taal die je al gebruikt, geserveerd door de server die je al draait. Volledige broncode, royaltyvrije implementatie.

Download gratis proefversie Bekijk de prijzen