sgcHTML Yeni Özellikler: Spreadsheet, Form Builder, Raporlar ve Daha Fazlası

· Bileşenler
sgcHTML Yeni Özellikler: Spreadsheet, Form Builder, Raporlar ve Daha Fazlası
✦  sgcHTML · Yeni özellikler

On bir yeni bileşen.
Delphi ve .NET için tek bir web araç seti.

sgcHTML artık bir hesap tablosu, bir form oluşturucu, görüntüleyicili bir rapor tasarımcısı, bir dosya yöneticisi, bir görsel kırpıcı, bir kod düzenleyici, bir sorgu oluşturucu ve rehberli turlar sunuyor; zamanlayıcı, grid, formlar ve erişilebilirlik de büyük bir adım attı. Her şey sunucuda oluşturulur ve CDN olmadan çalışır.

  • Delphi
  • C++ Builder
  • Lazarus
  • .NET
  • ASP.NET Core
Aynı sgcHTML Spreadsheet'i paylaşan iki tarayıcı, toplamlar ve bir grafik içeren ekip bütçesi
11yeni bileşen
13yeni canlı demo
17yerleşik arayüz dili
0CDN bağımlılığı

Delphi ile geliştirilen web uygulamaları hep aynı şeyleri ister: kullanıcının hesap yapabileceği bir tablo, iş biriminin yeni bir derleme olmadan değiştirebileceği bir form, yazdırılabilen bir rapor, belgeleri saklayacak bir yer, kırpılacak bir görsel. Şimdiye kadar bunların her biri bir JavaScript kütüphanesi, bir CDN ve biraz bağlantı kodu demekti.

sgcHTML özelliklerinin bu turuyla hepsi birer bileşen oldu. Bunları bir forma bırakır ya da kodda oluşturur, özelliklerini ayarlar, sunucu olaylarını Pascal veya C# ile işlersiniz; sayfa sunucuda Bootstrap ve htmx ile oluşturulur. Aynı bileşenler .NET'te ASP.NET Core Tag Helpers ile de bulunur ve aynı işaretlemeyi üretir.

Bir dakikada tüm özellikler

Yeni sgcHTML bileşenleri tarayıcıda canlı çalışırken. YouTube'da da.

İki tarayıcıda açık aynı bütçe sayfası, canlı olarak güncelleniyor
Yeni bileşen

Spreadsheet

Sayfanın içinde, formüllü bir tablo. Kullanıcılar SUM ve VLOOKUP'tan SUMIF'e, tarihlere ve PMT'ye kadar 54 fonksiyonla değer ve formül girer; sunucu her değişikliği hesaplar ve yalnızca değişen hücreleri geri gönderir.

  • Excel gibi çalışan klavye ve pano, kopyalama ve yapıştırma dahil
  • Satır ve sütun ekleme ve silme, her başvuru buna uyum sağlar
  • Formüller ve stillerle XLSX içe ve dışa aktarma
  • Canlı eşitleme: açık olan her tarayıcı değişikliği görür
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
Araç kutusu, form tuvali ve alan denetçisiyle Form Builder
Yeni bileşen

Form Builder

Kullanıcılarınızın kendi formlarını tasarlamasına izin verin. Alanları 12 sütunlu bir tuvale sürükler, etiketleri, seçenekleri, doğrulama kurallarını ve giriş maskelerini belirler, yalnızca başka bir yanıt eşleştiğinde görünen alanlar ekler ve kaydetmeden önce gerçek formu önizler.

Tasarım, normal bir Form'un JSON tanımıdır; bu nedenle yayımlanan form doğrulamayı, maskeleri ve canlı doğrulamayı korur, GetJSONSchema ise topladığı verileri tanımlar.

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);
Bantlar, veri alanları ve özellik denetçisi olan Report Designer
Yeni bileşenler

Report Engine, Viewer ve Designer

Harici bir raporlama aracı olmadan doğrudan PDF'e yazdırılan bantlı raporlar: gruplar ve ara toplamlar, grafikler, barkodlar ve QR kodları, parametreler ve alt raporlar; Çince, Japonca, Korece, Arapça ve İbranice için Unicode yazı tipleriyle.

Görüntüleyici önizleme yapar, yazdırır ve Excel'e aktarır. Tasarımcı, geliştiricilerin ve son kullanıcıların raporu tarayıcıda düzenlemesini sağlar; Delphi IDE'de (10.4 ve sonrası) çift tıklama aynı tasarımcıyı açar.

Report1.LoadFromGrid(Grid1, 'Customers');   // print a grid in one call
Report1.SaveToStream(oStream);              // the PDF
Klasör ağacı, dosya listesi ve fotoğraf önizlemesi olan File Manager
Yeni bileşen

File Manager

Tek bir bileşende belge portalı: klasör ağacı, ayrıntılar ve küçük resimler, görsellerin, PDF dosyalarının ve metnin önizlemesi, ilerleme göstergeli sürükle ve bırak yüklemeler, yeniden adlandırma, taşıma, kopyalama ve arama; hepsi fare veya klavyeyle.

Varsayılan olarak güvenli: kullanıcı başına izinler, sunucuda denetlenen her yol ve süresi dolan imzalı bağlantılarla sunulan dosyalar.

Belge modunda fotoğraflanmış bir fişi düzelten Image Cropper
Yeni bileşen

Image Cropper

Kütüphane gerektirmeden profil fotoğrafları ve taranmış belgeler. Fotoğraf modu kırpar, yakınlaştırır, döndürür ve düzeltir; avatarlar için daire biçimi sunar. Belge modu dört köşeyi sürükler ve bir fişin ya da sayfanın perspektifini düzeltir.

Görseller bir dosyadan, panodan veya kameradan gelir; sunucu her görseli kabul etmeden önce denetler.

Bir yönetim konsolunda SQL sorgusu çalıştıran Code Editor
Yeni bileşen

Code Editor

CodeMirror 6, kütüphaneye gömülü olarak. Tablolarınızı ve sütunlarınızı tamamlayan SQL, tarayıcıda ve sunucuda doğrulanan JSON, ayrıca JavaScript, HTML, CSS, XML, Markdown, Python ve Pascal; kod katlama, arama ve sayfayı izleyen temalarla.

AND ve OR kural gruplarıyla Query Builder
Yeni bileşen

Query Builder

Bir gridin sütunları üzerinde AND ve OR gruplarında filtre kuralları. Kullanıcılar ayrıca sade bir dille soru sorabilir ve yanıtı görebileceği, düzenleyebileceği kurallar olarak geri alabilir. Kodunuz parametreli bir WHERE yan tümcesi alır, kullanıcının ya da yapay zekânın yazdığı metni asla.

vWhere := QueryBuilder1.GetSQLWhere(oParams);   // ':qb1' style parameters only
Bir panonun arama kutusunu vurgulayan rehberli tur adımı
Yeni bileşenler

Araç ipuçları ve ürün turları

Herhangi bir öğeye bağlanan araç ipuçları ve ilk kullanım deneyiminizin her adımını vurgulayan rehberli turlar; Geri, İleri ve Atla düğmeleri, klavye desteği ve kullanıcı turu bitirdiğinde ya da atladığında sunucu olaylarıyla.

Ve diğer her şey de gelişti

Scheduler ve CalendarKaynaklar, yinelenen olaylar, Timeline görünümü, sürükleyerek taşıma ve yeniden boyutlandırma ve kullanıcılar arasında canlı eşitleme.
GridAralık seçimi, Excel ile kopyalama ve yapıştırma, satır menüsü ve CSV, TSV ve XLSX içe aktarma.
FileUploadİlerleme göstergesi, boyut sınırları ve küçük resimlerle parçalı ve devam ettirilebilir yüklemeler.
RichEditorAraç çubuğu ön ayarları, görseller, anmalar ve sunucu tarafında bir HTML temizleyici.
Diyagram ve haritaOtomatik yerleşimler ve organizasyon şeması moduyla düzenlenebilir diyagramlar, harita kümeleme ve GeoJSON.
Form doğrulama ve maskelerTarayıcıda ve sunucuda denetlenen kurallar, canlı doğrulama ve giriş maskeleri.
DatePickerHazır aralıklar, devre dışı tarihler ve hafta numaraları olan açılır bir takvim.
Sunucu olaylarıTabs, Select, Rating, TreeView, Calendar, Scheduler, Stepper, Modal ve Toast kodunuzda olay tetikler.
ErişilebilirlikHer bileşende ARIA, klavye gezintisi ve WCAG 2.2 A ve AA için bir Accessibility Conformance Report.

Online deneyin

Her özelliğin hemen açabileceğiniz bir canlı demosu var, indirmeye gerek yok.

Delphi ve .NET, aynı sonuç

Her bileşen Delphi, C++ Builder ve Lazarus için, ayrıca ASP.NET Core Tag Helpers ile .NET için kullanılabilir, örneğin <sgc-spreadsheet>, <sgc-form-builder> ve <sgc-report-viewer>. İkisi de aynı işaretlemeyi yazar, bileşenler sağdan sola yazılanlar dahil 17 dil konuşur ve her betik ile stil sayfası kütüphaneye gömülüdür; böylece sayfalarınız hiçbir zaman bir CDN'e bağlı olmaz.

Bir sonraki web uygulamanızı sgcHTML ile geliştirin

Delphi ve .NET için sunucuda oluşturulan bir bileşen araç seti, kullanıcılarınızın beklediği bileşenlerle.