Komponent LogViewer — sgcHTML

W skrócie

TsgcHTMLComponent_LogViewer

Dodawaj wiersze za pomocą AddLine, są one przechowywane w buforze cyklicznym o ograniczonej pojemności, a następnie odczytaj właściwość HTML — lub przesyłaj nowe wiersze do połączonych klientów za pomocą GetLastLineFragmentHTML.

Klasa komponentu

TsgcHTMLComponent_LogViewer

Renderuje

Pasek narzędzi + treść logu w stylu terminala + dedykowany CSS

Rodzina

Nakładki i komunikaty

Języki

Delphi, C++ Builder, .NET

Szybki start

Dodaj wiersze, wyrenderuj, przesyłaj aktualizacje

Wywołaj AddLine dla każdego wpisu, odczytaj HTML do początkowego renderowania, a następnie przesyłaj nowe wiersze do połączonych klientów WebSocket za pomocą GetLastLineFragmentHTML.

uses
  sgcHTML_Component_LogViewer;

var
  oLog: TsgcHTMLComponent_LogViewer;
begin
  oLog := TsgcHTMLComponent_LogViewer.Create(nil);
  try
    oLog.LogID := 'applog';
    oLog.Theme := ltDark;
    oLog.MaxLines := 500;
    oLog.Height := '400px';

    oLog.AddLine(llInfo, 'Service started', 'app');
    oLog.AddLine(llWarning, 'Low disk space', 'monitor');
    oLog.AddLine(llError, 'Connection refused', 'db');

    WebModule.Response := oLog.HTML;   // toolbar + log body + inline script
  finally
    oLog.Free;
  end;
end;

// Push one more line to every connected client, no full re-render:
oLog.AddLine(llInfo, 'New order received', 'orders');
TsgcHTMX_Engine_Server.BroadcastFragment(oLog.GetLastLineFragmentHTML);

// includes: sgcHTML_Component_LogViewer.hpp

TsgcHTMLComponent_LogViewer *oLog = new TsgcHTMLComponent_LogViewer(NULL);
try
{
  oLog->LogID = "applog";
  oLog->Theme = ltDark;
  oLog->MaxLines = 500;
  oLog->Height = "400px";

  oLog->AddLine(llInfo, "Service started", "app");
  oLog->AddLine(llWarning, "Low disk space", "monitor");
  oLog->AddLine(llError, "Connection refused", "db");

  String html = oLog->HTML;   // toolbar + log body + inline script

  // Push one more line to every connected client:
  oLog->AddLine(llInfo, "New order received", "orders");
  TsgcHTMX_Engine_Server::BroadcastFragment(oLog->GetLastLineFragmentHTML());
}
__finally
{
  delete oLog;
}

using esegece.sgcWebSockets;

var log = new TsgcHTMLComponent_LogViewer();
log.LogID = "applog";
log.Theme = TsgcHTMLLogTheme.ltDark;
log.MaxLines = 500;
log.Height = "400px";

log.AddLine(TsgcHTMLLogLevel.llInfo, "Service started", "app");
log.AddLine(TsgcHTMLLogLevel.llWarning, "Low disk space", "monitor");
log.AddLine(TsgcHTMLLogLevel.llError, "Connection refused", "db");

string html = log.HTML;   // toolbar + log body + inline script

// Push one more line to every connected client, no full re-render:
log.AddLine(TsgcHTMLLogLevel.llInfo, "New order received", "orders");
TsgcHTMX_Engine_Server.BroadcastFragment(log.GetLastLineFragmentHTML());

Dokumentacja

Kluczowe właściwości i metody

Składniki, po które sięgasz najczęściej.

Dodawanie wierszy

AddLine(aLevel, aText, aSource) dodaje wpis ze znacznikiem czasu; MaxLines (domyślnie 500) ogranicza rozmiar bufora cyklicznego i usuwa najstarszy wiersz. Clear czyści bufor.

Poziomy

TsgcHTMLLogLevel — llTrace, llDebug, llInfo, llWarning, llError, llFatal — każdy oznaczony innym kolorem zależnym od Theme.

Pasek narzędzi

ShowSearch, ShowLevelFilter i Title sterują paskiem narzędzi; filtrowanie i podświetlanie działają po stronie klienta, bez komunikacji z serwerem.

Automatyczne przewijanie

AutoScroll podąża za najnowszym wierszem; ShowAutoScrollToggle dodaje pole wyboru, dzięki czemu czytelnik może wstrzymać śledzenie podczas przewijania wstecz.

Aktualizacje strumieniowe

GetLastLineFragmentHTML / GetLineFragmentHTML(aIndex) renderują fragment poza pasmem (out-of-band) dla TsgcHTMX_Engine_Server.PushFragment / BroadcastFragment.

Wygląd

Theme (ltDark / ltLight), WrapLines, Height, TimeFormat i EmptyText dostrajają wygląd.

Zasoby

Poznawaj dalej

	Pomoc onlinePełna dokumentacja API i przewodnik użytkowania tego komponentu.	Otwórz
	Wszystkie komponenty sgcHTMLPrzejrzyj pełną matrycę funkcji 80+ komponentów.	Otwórz
	Pobierz bezpłatną wersję próbną30-dniowa wersja próbna zawiera projekty demonstracyjne 60.HTML.	Otwórz
	CennikLicencje Single, Team i Site z pełnym kodem źródłowym.	Otwórz

LogViewer