Le novità di sgcHTML: foglio di calcolo, costruttore di moduli, report e altro

· Componenti
Le novità di sgcHTML: foglio di calcolo, costruttore di moduli, report e altro
✦  sgcHTML · Novità

Undici nuovi componenti.
Un unico toolkit web per Delphi e .NET.

sgcHTML include ora un foglio di calcolo, un costruttore di moduli, un designer e un visualizzatore di report, un gestore di file, uno strumento di ritaglio immagini, un editor di codice, un costruttore di query e tour guidati, e scheduler, griglia, moduli e accessibilità hanno fatto un grande passo avanti. Tutto viene renderizzato sul server e funziona senza CDN.

  • Delphi
  • C++ Builder
  • Lazarus
  • .NET
  • ASP.NET Core
Due browser che condividono lo stesso foglio di calcolo di sgcHTML, un budget di team con totali e un grafico
11nuovi componenti
13nuove demo live
17lingue dell'interfaccia integrate
0dipendenze da CDN

Le applicazioni web create con Delphi chiedono sempre le stesse cose: un foglio in cui l'utente possa calcolare, un modulo che l'azienda possa modificare senza una nuova build, un report da stampare, un posto dove conservare i documenti, un'immagine da ritagliare. Finora ognuna di queste cose significava una libreria JavaScript, una CDN e un po' di codice di collegamento.

Con questa serie di novità di sgcHTML diventano componenti. Li trascini su un form o li crei da codice, imposti le proprietà, gestisci i loro eventi server in Pascal o C#, e la pagina viene renderizzata sul server con Bootstrap e htmx. Gli stessi componenti esistono in .NET, con i Tag Helper di ASP.NET Core, e producono lo stesso markup.

Un minuto, tutte le novità

I nuovi componenti sgcHTML in esecuzione dal vivo nel browser. Anche su YouTube.

Lo stesso foglio di budget aperto in due browser, aggiornato in tempo reale
Nuovo componente

Foglio di calcolo

Una griglia con formule, direttamente nella pagina. Gli utenti digitano valori e formule con 54 funzioni, da SUM e VLOOKUP a SUMIF, date e PMT, e il server calcola ogni modifica e restituisce solo le celle cambiate.

  • Tastiera e appunti che funzionano come in Excel, copia e incolla inclusi
  • Inserisci ed elimina righe e colonne, ogni riferimento si aggiorna
  • Importazione ed esportazione XLSX con formule e stili
  • Sincronizzazione live: ogni browser aperto vede la modifica
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
Il costruttore di moduli con una casella degli strumenti, l'area di lavoro del modulo e l'ispettore dei campi
Nuovo componente

Costruttore di moduli

Lascia che i tuoi utenti progettino i propri moduli. Trascinano i campi su un'area di lavoro a 12 colonne, impostano etichette, opzioni, regole di validazione e maschere di input, aggiungono campi che compaiono solo quando un'altra risposta corrisponde, e visualizzano l'anteprima del modulo reale prima di salvarlo.

Il design è la definizione JSON di un Form normale, quindi il modulo pubblicato mantiene validazione, maschere e validazione live, e GetJSONSchema descrive i dati che raccoglie.

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);
Il designer di report con bande, campi dati e l'ispettore delle proprietà
Nuovi componenti

Motore, visualizzatore e designer di report

Report a bande che si stampano direttamente in PDF senza strumenti di reporting esterni: gruppi e subtotali, grafici, codici a barre e codici QR, parametri e sottoreport, con font Unicode per cinese, giapponese, coreano, arabo ed ebraico.

Il visualizzatore mostra l'anteprima, stampa ed esporta in Excel. Il designer consente a sviluppatori e utenti finali di modificare il report nel browser, e nell'IDE di Delphi (10.4 e successivi) un doppio clic apre lo stesso designer.

Report1.LoadFromGrid(Grid1, 'Customers');   // print a grid in one call
Report1.SaveToStream(oStream);              // the PDF
Il gestore di file con un albero di cartelle, un elenco di file e l'anteprima di una foto
Nuovo componente

Gestore di file

Un portale documentale in un solo componente: albero delle cartelle, dettagli e miniature, anteprime di immagini, file PDF e testo, caricamenti con trascinamento e avanzamento, rinomina, spostamento, copia e ricerca, tutto con il mouse o la tastiera.

Sicuro per impostazione predefinita: permessi per utente, ogni percorso verificato sul server e file serviti tramite link firmati che scadono.

Lo strumento di ritaglio immagini che raddrizza una ricevuta fotografata in modalità documento
Nuovo componente

Ritaglio immagini

Foto del profilo e documenti scansionati senza alcuna libreria. La modalità foto ritaglia, ingrandisce, ruota e raddrizza, con una forma circolare per gli avatar. La modalità documento trascina quattro angoli e corregge la prospettiva di una ricevuta o di una pagina.

Le immagini arrivano da un file, dagli appunti o dalla fotocamera, e il server controlla ogni immagine prima di accettarla.

L'editor di codice che esegue una query SQL in una console di amministrazione
Nuovo componente

Editor di codice

CodeMirror 6, integrato nella libreria. SQL con completamento di tabelle e colonne, JSON con validazione nel browser e sul server, e JavaScript, HTML, CSS, XML, Markdown, Python e Pascal, con folding, ricerca e temi che seguono la pagina.

Il costruttore di query con gruppi di regole AND e OR
Nuovo componente

Costruttore di query

Regole di filtro in gruppi AND e OR sulle colonne di una griglia. Gli utenti possono anche porre una domanda in linguaggio naturale e riceverla come regole che possono vedere e modificare. Il tuo codice riceve una clausola WHERE parametrizzata, mai testo scritto dall'utente o dall'IA.

vWhere := QueryBuilder1.GetSQLWhere(oParams);   // ':qb1' style parameters only
Un passaggio di un tour guidato con un riflettore sulla casella di ricerca di una dashboard
Nuovi componenti

Tooltip e tour del prodotto

Tooltip associati a qualsiasi elemento e tour guidati che mettono in evidenza ogni passaggio della prima esperienza d'uso, con Indietro, Avanti e Salta, supporto della tastiera ed eventi server quando un utente termina o salta il tour.

E tutto il resto è migliorato

Scheduler e calendarioRisorse, eventi ricorrenti, una vista Timeline, trascinamento per spostare e ridimensionare e sincronizzazione live tra utenti.
GridSelezione di intervalli, copia e incolla con Excel, un menu di riga e importazione CSV, TSV e XLSX.
FileUploadCaricamenti a blocchi e riprendibili con avanzamento, limiti di dimensione e miniature.
RichEditorPreset della barra degli strumenti, immagini, menzioni e un sanitizzatore HTML lato server.
Diagramma e mappaDiagrammi modificabili con layout automatici e una modalità organigramma, raggruppamento dei marcatori sulla mappa e GeoJSON.
Validazione e maschere dei moduliRegole verificate nel browser e sul server, validazione live e maschere di input.
DatePickerUn calendario popup con preset, date disabilitate e numeri di settimana.
Eventi serverTabs, Select, Rating, TreeView, Calendar, Scheduler, Stepper, Modal e Toast generano eventi nel tuo codice.
AccessibilitàARIA su ogni componente, navigazione da tastiera e un Accessibility Conformance Report per WCAG 2.2 A e AA.

Provali online

Ogni novità ha una demo live che puoi aprire subito, senza scaricare nulla.

Delphi e .NET, lo stesso risultato

Ogni componente è disponibile per Delphi, C++ Builder e Lazarus, e per .NET con i Tag Helper di ASP.NET Core come <sgc-spreadsheet>, <sgc-form-builder> and <sgc-report-viewer>. Entrambi producono lo stesso markup, i componenti parlano 17 lingue, comprese quelle da destra a sinistra, e ogni script e foglio di stile è incorporato nella libreria, così le tue pagine non dipendono mai da una CDN.

Crea la tua prossima applicazione web con sgcHTML

Un toolkit di componenti renderizzati sul server per Delphi e .NET, con i componenti che i tuoi utenti si aspettano.