Jedenaście nowych komponentów.
Jeden zestaw narzędzi webowych dla Delphi i .NET.
sgcHTML zawiera teraz arkusz kalkulacyjny, kreator formularzy, projektant raportów z przeglądarką, menedżer plików, narzędzie do przycinania obrazów, edytor kodu, konstruktor zapytań i wycieczki z przewodnikiem, a harmonogram, siatka, formularze i dostępność zrobiły duży krok naprzód. Wszystko jest renderowane na serwerze i działa bez CDN.
- Delphi
- C++ Builder
- Lazarus
- .NET
- ASP.NET Core

Aplikacje webowe tworzone w Delphi stale potrzebują tego samego: arkusza, w którym użytkownik może liczyć, formularza, który dział biznesowy zmieni bez nowej kompilacji, raportu do wydruku, miejsca na dokumenty, obrazu do przycięcia. Do tej pory każde z tych zadań oznaczało bibliotekę JavaScript, CDN i trochę kodu łączącego.
Dzięki nowym funkcjom sgcHTML są to komponenty. Umieszczasz je na formularzu lub tworzysz w kodzie, ustawiasz ich właściwości, obsługujesz ich zdarzenia serwerowe w Pascalu lub C#, a strona jest renderowana na serwerze z użyciem Bootstrap i htmx. Te same komponenty istnieją w .NET, z ASP.NET Core Tag Helpers, i generują ten sam kod HTML.
Jedna minuta, wszystkie funkcje
Nowe komponenty sgcHTML działające na żywo w przeglądarce. Także na YouTube.

Spreadsheet
Siatka z formułami, bezpośrednio na stronie. Użytkownicy wpisują wartości i formuły z użyciem 54 funkcji, od SUM i VLOOKUP po SUMIF, daty i PMT, a serwer przelicza każdą zmianę i odsyła tylko komórki, które się zmieniły.
- Klawiatura i schowek działają jak w Excelu, łącznie z kopiowaniem i wklejaniem
- Wstawianie i usuwanie wierszy i kolumn, wszystkie odwołania podążają za zmianą
- Import i eksport XLSX z formułami i stylami
- Synchronizacja na żywo: każda otwarta przeglądarka widzi zmianę
Spreadsheet1.Sheet.SetCellByName('A14', 'Total');
Spreadsheet1.Sheet.SetCellByName('B14', '=SUM(B2:B13)');
Spreadsheet1.LiveSync := True; // every browser sees the change
Spreadsheet1.SaveToXLSX(oStream); // formulas, styles and widths included

Form Builder
Pozwól użytkownikom projektować własne formularze. Przeciągają pola na obszar o 12 kolumnach, ustawiają etykiety, opcje, reguły walidacji i maski wprowadzania, dodają pola widoczne tylko wtedy, gdy inna odpowiedź pasuje, i oglądają podgląd prawdziwego formularza przed zapisaniem.
Projekt jest definicją JSON zwykłego Form, dlatego opublikowany formularz zachowuje walidację, maski i walidację na żywo, a GetJSONSchema opisuje zbierane dane.
FormBuilder1.Form := Form1; // the form your users design
procedure TPages.FormBuilder1Save(Sender: TObject; const aJSON: string;
var aAccept: Boolean; var aErrorMessage: string);
begin
SaveDesign(aJSON); // store the definition where you like
end;
// on the public page
Form1.LoadFromJSON(LoadDesign);

Report Engine, Viewer i Designer
Raporty pasmowe drukowane bezpośrednio do PDF bez zewnętrznego narzędzia raportowego: grupy i sumy częściowe, wykresy, kody kreskowe i kody QR, parametry i podraporty, z czcionkami Unicode dla chińskiego, japońskiego, koreańskiego, arabskiego i hebrajskiego.
Przeglądarka pokazuje podgląd, drukuje i eksportuje do Excela. Designer pozwala programistom i użytkownikom końcowym edytować raport w przeglądarce, a w środowisku Delphi IDE (od wersji 10.4) dwukrotne kliknięcie otwiera ten sam designer.
Report1.LoadFromGrid(Grid1, 'Customers'); // print a grid in one call
Report1.SaveToStream(oStream); // the PDF

File Manager
Portal dokumentów w jednym komponencie: drzewo folderów, szczegóły i miniatury, podgląd obrazów, plików PDF i tekstu, przesyłanie metodą przeciągnij i upuść z postępem, zmiana nazwy, przenoszenie, kopiowanie i wyszukiwanie, wszystko za pomocą myszy lub klawiatury.
Bezpieczny domyślnie: uprawnienia dla każdego użytkownika, każda ścieżka sprawdzana na serwerze, a pliki udostępniane przez podpisane linki, które wygasają.

Image Cropper
Zdjęcia profilowe i zeskanowane dokumenty bez dodatkowej biblioteki. Tryb zdjęcia przycina, powiększa, obraca i prostuje, z kształtem koła dla awatarów. Tryb dokumentu przeciąga cztery rogi i koryguje perspektywę paragonu lub strony.
Obrazy pochodzą z pliku, schowka lub aparatu, a serwer sprawdza każdy obraz, zanim go zaakceptuje.

Code Editor
CodeMirror 6, wbudowany w bibliotekę. SQL z podpowiadaniem tabel i kolumn, JSON z walidacją w przeglądarce i na serwerze oraz JavaScript, HTML, CSS, XML, Markdown, Python i Pascal, ze zwijaniem kodu, wyszukiwaniem i motywami zgodnymi ze stroną.

Query Builder
Reguły filtrowania w grupach AND i OR dla kolumn siatki. Użytkownicy mogą też zadać pytanie zwykłym językiem i otrzymać je z powrotem jako reguły, które widzą i mogą edytować. Twój kod otrzymuje sparametryzowaną klauzulę WHERE, nigdy tekst napisany przez użytkownika lub AI.
vWhere := QueryBuilder1.GetSQLWhere(oParams); // ':qb1' style parameters only

Podpowiedzi i wycieczki po produkcie
Podpowiedzi przypisane do dowolnego elementu oraz wycieczki z przewodnikiem, które podświetlają każdy krok pierwszego uruchomienia, z przyciskami Wstecz, Dalej i Pomiń, obsługą klawiatury i zdarzeniami serwerowymi, gdy użytkownik zakończy lub pominie wycieczkę.
A wszystko inne też jest lepsze
Wypróbuj je online
Każda funkcja ma demo na żywo, które możesz otworzyć od razu, bez pobierania.
Delphi i .NET, ten sam efekt
Każdy komponent jest dostępny dla Delphi, C++ Builder i Lazarus oraz dla .NET z ASP.NET Core Tag Helpers, takimi jak <sgc-spreadsheet>, <sgc-form-builder> i <sgc-report-viewer>. Oba generują ten sam kod HTML, komponenty obsługują 17 języków, także pisane od prawej do lewej, a każdy skrypt i arkusz stylów jest osadzony w bibliotece, więc Twoje strony nigdy nie zależą od CDN.
Zbuduj swoją kolejną aplikację webową z sgcHTML
Zestaw komponentów renderowanych na serwerze dla Delphi i .NET, z komponentami, których oczekują Twoi użytkownicy.
