Novidades do sgcHTML: planilha, construtor de formulários, relatórios e mais

· Componentes
Novidades do sgcHTML: planilha, construtor de formulários, relatórios e mais
✦  sgcHTML · Novidades

Onze novos componentes.
Um único toolkit web para Delphi e .NET.

O sgcHTML agora inclui uma planilha, um construtor de formulários, um designer e visualizador de relatórios, um gerenciador de arquivos, um cortador de imagens, um editor de código, um construtor de consultas e tours guiados, e o agendador, a grade, os formulários e a acessibilidade deram um grande passo à frente. Tudo é renderizado no servidor e funciona sem CDN.

  • Delphi
  • C++ Builder
  • Lazarus
  • .NET
  • ASP.NET Core
Dois navegadores compartilhando a mesma planilha do sgcHTML, um orçamento de equipe com totais e um gráfico
11novos componentes
13novas demos ao vivo
17idiomas de interface integrados
0dependências de CDN

As aplicações web criadas com Delphi pedem sempre as mesmas coisas: uma planilha em que o usuário possa calcular, um formulário que o negócio possa alterar sem uma nova compilação, um relatório que imprima, um lugar para guardar documentos, uma imagem para cortar. Até agora, cada uma delas significava uma biblioteca JavaScript, uma CDN e um pouco de código de ligação.

Com esta rodada de novidades do sgcHTML, tudo isso vira componente. Você os solta em um formulário ou os cria por código, ajusta as propriedades, trata os eventos de servidor em Pascal ou C#, e a página é renderizada no servidor com Bootstrap e htmx. Os mesmos componentes existem em .NET, com Tag Helpers do ASP.NET Core, e geram a mesma marcação.

Um minuto, todas as novidades

Os novos componentes do sgcHTML rodando ao vivo no navegador. Também no YouTube.

A mesma planilha de orçamento aberta em dois navegadores, atualizada ao vivo
Novo componente

Planilha

Uma grade com fórmulas, dentro da própria página. Os usuários digitam valores e fórmulas com 54 funções, de SUM e VLOOKUP a SUMIF, datas e PMT, e o servidor calcula cada alteração e devolve apenas as células que mudaram.

  • Teclado e área de transferência que funcionam como no Excel, com copiar e colar incluídos
  • Insira e exclua linhas e colunas, todas as referências acompanham
  • Importação e exportação XLSX com fórmulas e estilos
  • Sincronização ao vivo: todos os navegadores abertos veem a alteração
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
O construtor de formulários com uma caixa de ferramentas, a tela do formulário e o inspetor de campos
Novo componente

Construtor de formulários

Deixe seus usuários projetarem os próprios formulários. Eles arrastam campos para uma tela de 12 colunas, definem rótulos, opções, regras de validação e máscaras de entrada, adicionam campos que só aparecem quando outra resposta corresponde, e visualizam o formulário real antes de salvá-lo.

O design é a definição JSON de um Form comum, então o formulário publicado mantém a validação, as máscaras e a validação ao vivo, e GetJSONSchema descreve os dados que ele coleta.

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);
O designer de relatórios com bandas, campos de dados e o inspetor de propriedades
Novos componentes

Motor, visualizador e designer de relatórios

Relatórios em bandas que são impressos direto em PDF sem ferramenta externa: grupos e subtotais, gráficos, códigos de barras e códigos QR, parâmetros e subrelatórios, com fontes Unicode para chinês, japonês, coreano, árabe e hebraico.

O visualizador mostra a pré-visualização, imprime e exporta para o Excel. O designer permite que desenvolvedores e usuários finais editem o relatório no navegador, e na IDE do Delphi (10.4 e posteriores) um clique duplo abre o mesmo designer.

Report1.LoadFromGrid(Grid1, 'Customers');   // print a grid in one call
Report1.SaveToStream(oStream);              // the PDF
O gerenciador de arquivos com uma árvore de pastas, uma lista de arquivos e a pré-visualização de uma foto
Novo componente

Gerenciador de arquivos

Um portal de documentos em um só componente: árvore de pastas, detalhes e miniaturas, pré-visualizações de imagens, arquivos PDF e texto, uploads com arrastar e soltar com progresso, renomear, mover, copiar e pesquisar, tudo com o mouse ou o teclado.

Seguro por padrão: permissões por usuário, cada caminho verificado no servidor e arquivos servidos por links assinados que expiram.

O cortador de imagens endireitando um recibo fotografado no modo documento
Novo componente

Cortador de imagens

Fotos de perfil e documentos digitalizados sem nenhuma biblioteca. O modo foto corta, amplia, gira e endireita, com formato circular para avatares. O modo documento arrasta quatro cantos e corrige a perspectiva de um recibo ou de uma página.

As imagens vêm de um arquivo, da área de transferência ou da câmera, e o servidor verifica cada imagem antes de aceitá-la.

O editor de código executando uma consulta SQL em um console de administração
Novo componente

Editor de código

CodeMirror 6, incorporado na biblioteca. SQL com autocompletar das suas tabelas e colunas, JSON com validação no navegador e no servidor, e JavaScript, HTML, CSS, XML, Markdown, Python e Pascal, com recolhimento de código, busca e temas que acompanham a página.

O construtor de consultas com grupos de regras AND e OR
Novo componente

Construtor de consultas

Regras de filtro em grupos AND e OR sobre as colunas de uma grade. Os usuários também podem fazer uma pergunta em linguagem natural e recebê-la como regras que podem ver e editar. Seu código recebe uma cláusula WHERE parametrizada, nunca texto escrito pelo usuário ou pela IA.

vWhere := QueryBuilder1.GetSQLWhere(oParams);   // ':qb1' style parameters only
Uma etapa de um tour guiado com um destaque sobre a caixa de pesquisa de um painel
Novos componentes

Tooltips e tours de produto

Tooltips associados a qualquer elemento e tours guiados que destacam cada etapa da experiência de primeiro uso, com Voltar, Avançar e Pular, suporte ao teclado e eventos de servidor quando um usuário conclui ou pula o tour.

E todo o resto também melhorou

Agendador e calendárioRecursos, eventos recorrentes, uma visão de linha do tempo, arrastar para mover e redimensionar, e sincronização ao vivo entre usuários.
GridSeleção de intervalos, copiar e colar com o Excel, um menu de linha e importação CSV, TSV e XLSX.
FileUploadUploads em partes e retomáveis, com progresso, limites de tamanho e miniaturas.
RichEditorPredefinições de barra de ferramentas, imagens, menções e um sanitizador de HTML no servidor.
Diagrama e mapaDiagramas editáveis com layouts automáticos e um modo organograma, agrupamento de marcadores no mapa e GeoJSON.
Validação e máscaras de formulárioRegras verificadas no navegador e no servidor, validação ao vivo e máscaras de entrada.
DatePickerUm calendário em popup com predefinições, datas desabilitadas e números de semana.
Eventos de servidorTabs, Select, Rating, TreeView, Calendar, Scheduler, Stepper, Modal e Toast disparam eventos no seu código.
AcessibilidadeARIA em cada componente, navegação por teclado e um Accessibility Conformance Report para WCAG 2.2 A e AA.

Experimente online

Cada novidade tem uma demo ao vivo que você pode abrir agora mesmo, sem baixar nada.

Delphi e .NET, o mesmo resultado

Todos os componentes estão disponíveis para Delphi, C++ Builder e Lazarus, e para .NET com Tag Helpers do ASP.NET Core como <sgc-spreadsheet>, <sgc-form-builder> and <sgc-report-viewer>. Ambos geram a mesma marcação, os componentes falam 17 idiomas, incluindo os escritos da direita para a esquerda, e cada script e folha de estilo está embutido na biblioteca, então suas páginas nunca dependem de uma CDN.

Crie seu próximo aplicativo web com o sgcHTML

Um toolkit de componentes renderizados no servidor para Delphi e .NET, com os componentes que seus usuários esperam.