Nowe funkcje sgcHTML: Spreadsheet, Form Builder, raporty i więcej

· Komponenty
Nowe funkcje sgcHTML: Spreadsheet, Form Builder, raporty i więcej
✦  sgcHTML · Nowe funkcje

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
Dwie przeglądarki współdzielące ten sam Spreadsheet sgcHTML, budżet zespołu z sumami i wykresem
11nowych komponentów
13nowych dem na żywo
17wbudowanych języków UI
0zależności od CDN

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.

Ten sam arkusz budżetu otwarty w dwóch przeglądarkach, aktualizowany na żywo
Nowy komponent

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 z przybornikiem, obszarem formularza i inspektorem pól
Nowy komponent

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);
Projektant raportów z pasmami, polami danych i inspektorem właściwości
Nowe komponenty

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
Menedżer plików z drzewem folderów, listą plików i podglądem zdjęcia
Nowy komponent

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 prostujący sfotografowany paragon w trybie dokumentu
Nowy komponent

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.

Edytor kodu wykonujący zapytanie SQL w konsoli administracyjnej
Nowy komponent

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 z grupami reguł AND i OR
Nowy komponent

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
Krok wycieczki z przewodnikiem z podświetleniem pola wyszukiwania na pulpicie
Nowe komponenty

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

Scheduler i CalendarZasoby, zdarzenia cykliczne, widok Timeline, przeciąganie w celu przenoszenia i zmiany rozmiaru oraz synchronizacja na żywo między użytkownikami.
GridZaznaczanie zakresu, kopiowanie i wklejanie z Excelem, menu wiersza oraz import CSV, TSV i XLSX.
FileUploadPrzesyłanie we fragmentach z możliwością wznowienia, z postępem, limitami rozmiaru i miniaturami.
RichEditorGotowe zestawy pasków narzędzi, obrazy, wzmianki i sanitizer HTML po stronie serwera.
Diagram i mapaEdytowalne diagramy z automatycznymi układami i trybem schematu organizacyjnego, grupowanie na mapie i GeoJSON.
Walidacja formularzy i maskiReguły sprawdzane w przeglądarce i na serwerze, walidacja na żywo i maski wprowadzania.
DatePickerKalendarz podręczny z gotowymi zakresami, wyłączonymi datami i numerami tygodni.
Zdarzenia serweroweTabs, Select, Rating, TreeView, Calendar, Scheduler, Stepper, Modal i Toast wywołują zdarzenia w Twoim kodzie.
DostępnośćARIA w każdym komponencie, nawigacja klawiaturą i Accessibility Conformance Report dla WCAG 2.2 A i AA.

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.