#ImpolyzerDataStudio© 4.0.0.190 #FIREDAC #LOCALSQL #BATCHMOVE

   #ImpolyzerDataStudio© 4.0.0.190

POSTED BY GIULIANO PAGNINI, 09 OTT 2024

New!!  ImpolyzerDataStudio sempre più potente!! Progettato per supportare il trasferimento efficiente di dati tra database diversi, consentendo configurazioni avanzate di mappatura, lookup, e trasformazione dei dati. Utilizzando LocalSQL, il sistema permette di effettuare query tra database diversi, ottimizzando il processo di estrazione e trasformazione dei dati in ambienti eterogenei.

Tecnologia batchMove con Supporto LocalSQL

BatchMove viene impiegato per gestire trasferimenti di dati in modalità batch, sfruttando al massimo le capacità di LocalSQL per integrare informazioni da database multipli. LocalSQL consente di eseguire query avanzate su database di tipo diverso, permettendo l’accesso simultaneo a tabelle situate in sistemi eterogenei.

Regole Avanzate di Configurazione tra Campi  

L’interfaccia di configurazione permette di definire mappature specifiche tra i campi dei vari database.

Con LocalSQL, è possibile includere trasformazioni dei dati che vengono eseguite direttamente durante la fase di estrazione cross-database, ottimizzando i processi di trasferimento.

Le regole di trasformazione avanzate garantiscono che i dati siano validati e adattati in modo da soddisfare i requisiti del database di destinazione, riducendo la necessità di trasformazioni successive.

LocalSQL per Query Avanzate tra Database Diversi

LocalSQL permette di eseguire query SQL su più database contemporaneamente e supporta un'ampia gamma di operazioni, tra cui join complessi, filtri e aggregazioni, consentendo di:

Unire tabelle da database eterogenei (es. database SQL diversi, file di testo o altri tipi di sorgenti dati).

Filtrare e trasformare i dati direttamente nel processo di query, prima di inserirli nella destinazione.

Questo approccio riduce significativamente la necessità di trasferimenti multipli e consente di lavorare su set di dati unificati che includono solo le informazioni rilevanti.

Regole di Lookup tra Tabelle

Configurando lookup avanzati tra tabelle, il software consente di stabilire relazioni e sincronizzare dati correlati provenienti da fonti diverse. LocalSQL facilita questi lookup, consentendo di fare riferimento a campi in tabelle situate su database diversi come se facessero parte dello stesso schema logico.

È possibile popolare campi del database di destinazione basandosi su valori ottenuti da lookup eseguiti tra sorgenti eterogenee.

Creazione di Tabelle Temporanee in Memoria

Il software supporta la creazione di tabelle temporanee in memoria basate sulla struttura delle tabelle di origine o destinazione. Questa funzionalità consente di:

Copiare la struttura di una tabella (senza i dati) per preparare campi e chiavi necessari per le trasformazioni intermedie.

Creare dataset temporanei per unire, trasformare o aggregare dati da più tabelle prima di inserirli nel database finale.

Le tabelle temporanee in memoria funzionano come tabelle virtuali che vengono create e utilizzate esclusivamente durante la sessione di trasferimento, garantendo un’elaborazione dei dati rapida e senza impatto permanente sui database.

Utilizzo delle Tabelle Temporanee in LocalSQL

Le tabelle temporanee sono completamente compatibili con le query LocalSQL, permettendo di trattarle come se fossero tabelle reali del database. Ciò permette di:

Unire e manipolare i dati provenienti da più database sorgente, effettuando elaborazioni preliminari nelle tabelle temporanee.

Applicare regole di trasformazione e filtraggio prima che i dati siano scritti nella destinazione.

Questa soluzione è particolarmente utile in scenari complessi, dove i dati di origine richiedono preparazioni significative, riducendo così il carico sulle risorse del database di destinazione.

Vantaggi della Creazione di Tabelle Temporanee

Efficienza: L'uso di tabelle in memoria accelera il processo di trasformazione, poiché riduce il numero di scritture e letture sul disco e consente di gestire grandi volumi di dati in modo ottimizzato.

Isolamento: Le tabelle temporanee sono isolate e utilizzate solo durante la sessione, quindi i dati intermedi non vengono salvati permanentemente, mantenendo il database di destinazione pulito.

Flessibilità nelle Trasformazioni: Le tabelle temporanee permettono trasformazioni più complesse come unioni di dati eterogenei, creazione di campi calcolati e applicazione di lookup multipli.

Case studio - Importazione dati del Canone Unico avendo a disposizione solo delle stampe.

Importazione da stampa file delimitato | con righe (record) non omogenei.

1) generato un file txt da usare come origine per l'importazione

2) La nuova funzione correggi separatori

Estrazione delle anagrafiche pronte per l'importazione

Per estrarre le anagrafiche, incrociarle con un db-excel, recuperare tutti i dati delle insegne e occupazioni del CUP, recuperare le bollettazioni e i relativi pagamenti sono state creare questi fasi con sorgenti miste! 

Fantastico direi!! Conclusione, questo software rappresenta una soluzione completa e versatile per il trasferimento e la gestione dei dati tra database diversi, eliminando la necessità di scrivere complessi programmi di importazione personalizzati. Grazie a funzionalità avanzate come l'uso di LocalSQL per query cross-database, tabelle temporanee in memoria per trasformazioni intermedie e regole di mappatura e lookup intuitive, l'intero processo di importazione diventa automatico, rapido e sicuro. Con questo strumento, le aziende possono dire addio alla programmazione manuale e affidarsi a un sistema che semplifica e ottimizza ogni passaggio.

#CStrapJSStudio #BootstrapItalia©

 #CStrapJSStudio© BootstrapItalia©

POSTED BY GIULIANO PAGNINI, 07/NOV 2024

Bootstrap Italia è un framework di design e sviluppo pensato per aiutare nella creazione di interfacce web coerenti e accessibili per la Pubblica Amministrazione italiana. Basato sul popolare framework Bootstrap, Bootstrap Italia fornisce una serie di componenti grafici, linee guida e stili specificamente conformi alle normative italiane e agli standard di accessibilità del design system dell'Agenzia per l’Italia Digitale (AgID).

Obiettivi principali di Bootstrap Italia:

1. Coerenza grafica: Offre stili uniformi che aiutano a mantenere un’identità visiva unitaria per i siti della Pubblica Amministrazione.
2. Accessibilità: Rende più semplice rispettare gli standard WCAG, essenziali per garantire l’accesso a tutti i cittadini.
3. Semplicità d’uso: Facilita il lavoro degli sviluppatori e designer web fornendo componenti già pronti e facili da implementare.
4. Adattabilità: È mobile-friendly e garantisce un aspetto corretto su dispositivi di diverse dimensioni.

In sintesi, Bootstrap Italia è uno strumento che velocizza e facilita la creazione di siti e applicazioni web per la Pubblica Amministrazione, assicurando al contempo accessibilità, omogeneità e rispetto delle normative italiane.

Bootstrap Italia è perfettamente integrato in CStrapJS; è possibile creare facilmente componenti importando direttamente il codice dai template open source.

Esempio di componente Eventi collegato a un file JSON/ApiRest

Creata una nuova pagina eventi con header collegata all'header di index e footer collegata al footer di index.

Per creare un blocco di eventi usiamo la funzione IMPORTA DAL WEB

Al link https://italia.github.io/design-comuni-pagine-statiche/sito/eventi.html  sono disponibili pagine di esempio del template per i comuni.

Selezionare Crea componente per estrarre dalla pagina il codice che CStrapJS converte in blocchi pronti all'uso

CStrapJSStudio ha creato i blocchi come da template di esempio.

Per creare una personalizzazione del blocco eliminiamo le varie card 

Inseriamo le proprietà che servono per rendere il blocco dinamico collegato a un file JSON o APIREST

Selezionare jsonfilee e script_pg_bottom

Attivare script_pg_bottom e inserire il codice per creare le card dinamiche

lo script associato al blocco con il fetch collegato alla proprietà jsonfile  fetch('pg-jsonfile:')

Attivare JSONFile. Abbiamo la possibilità di collegare una API - Rest, o creare il JSON direttamente da una tabella (dataset locale)

Esempio di JSON file creato da una tabella MemTable Firedac

Selezionare APPLICA


Il risultato: un blocco/componente utilizzabile in tutte le Vs. applicazioni Bootstrap Italia, dinamico e aggiornabile da un file JSON o Api-Rest



[
  {
    "imgSrc": "../assets/images/eventi-estate.png",
    "day": "22",
    "month": "Novembre",
    "category": "sagre",
    "title": "Un'autonno indimenticabile",
    "description": "Una iniziativa di invito alla lettura nel parco della Vittoria, dove verrà presentato il concorso “vivere il comune”",
    "link": "#",
    "article": "Una iniziativa di invito alla lettura nel parco della Vittoria, dove verrà presentato il concorso"
  },
  {
    "imgSrc": "../assets/images/eventi-estate.png",
    "day": "26",
    "month": "Novembre",
    "category": "sagre",
    "title": "Un autonno con i fiocchi",
    "description": "Un autonno con i fiocchi",
    "link": "#",
    "article": "Un autonno con i fiocchi"
  },
  {
    "imgSrc": "../assets/images/eventi-estate.png",
    "day": "30",
    "month": "Dicembre",
    "category": "sagre",
    "title": "Un vero piacere",
    "description": "La raccolta delle castagne",
    "link": "",
    "article": "La raccolta delle castagne"
  }
]



Buon lavoro.

#CStrapJSStudio #IA integration FCC

  #CStrapJSStudio© IA Integration FCC

POSTED BY GIULIANO PAGNINI, 23 OTT 2024

Da semplice utility a piattaforma completa per lo sviluppo web

CStrapJSStudio ha iniziato come una semplice utility per la gestione e manutenzione di siti web, principalmente per clienti come studi medici e dentistici. Nel tempo, però, è cresciuto trasformandosi in una piattaforma completa per lo sviluppo di applicazioni web. Partito con l’obiettivo di semplificare l’aggiornamento di piccoli siti, si è arricchito di molte nuove funzionalità, diventando uno strumento indispensabile per sviluppatori e designer.

Grazie ai continui aggiornamenti, CStrapJSStudio ha incorporato strumenti sempre più avanzati, come la gestione dei database, l’integrazione di API, sistemi di autenticazione e autorizzazione, oltre a supporti per layout interattivi e dinamici. Queste aggiunte hanno ampliato le sue capacità, rendendolo estremamente versatile.

Oggi, CStrapJSStudio copre tutte le fasi dello sviluppo web: dal design dell’interfaccia fino alla gestione del back-end e delle logiche aziendali più complesse. I designer possono sfruttare la flessibilità dell’ambiente per creare interfacce accattivanti e personalizzabili, mentre gli sviluppatori trovano una piattaforma solida per realizzare applicazioni scalabili e performanti.

Grazie alla sua architettura modulare, CStrapJSStudio permette di costruire non solo siti statici, ma anche applicazioni web complesse, con funzioni dinamiche e interattive, adattandosi tanto a piccole imprese quanto a grandi progetti. La sua costante evoluzione lo ha posizionato come una soluzione agile e potente per affrontare le sfide dello sviluppo web moderno, pur mantenendo la semplicità d'uso che ne ha caratterizzato l'origine.

Rilascio previsto per fine 2024 in modalità free per tutti.

Passaggi per creare un progetto:

1) Nuovo progetto e selezione di un template dalla lista

2) Se viene selezionato Nuovo progetto selezionare il framework css.

3) Inserire la cartella di salvataggio, e le varie key richieste oltre alle pagine e sezioni da creare in automatico

4) Per la GDPR inserire le variabili richieste

5) Siete pronti a lavorare sul progetto creato con elementi di esempio

6) Trascinare i blocchi/componenti nello schema.

Modificare le proprietà del blocco/componente o scrivere direttamente il codice. 

Attivare la modalità debug per modificare gli elementi della pagina direttamente dall'anteprima

Gli stili

CStrapJSStudio è un software che eccelle nella creazione di stili CSS sorprendenti, permettendo agli utenti di gestire e personalizzare ogni aspetto del background di una pagina web. Con il suo potente editor, è possibile creare sfondi dinamici e accattivanti, utilizzando una vasta gamma di opzioni CSS, come gradienti lineari e radiali, immagini di sfondo personalizzabili, video background, e persino effetti animati.

Grazie alla sua interfaccia intuitiva, sia i designer esperti che i principianti possono sperimentare con facilità combinazioni cromatiche, pattern e texture, trasformando semplici layout in vere opere d'arte visiva. CStrapJSStudio offre il controllo completo su ogni dettaglio del background, consentendo di ottenere design altamente professionali e unici per ogni progetto web.

Le proprietà

CStrapJSStudio si distingue per la sua straordinaria capacità di creare non solo proprietà di stile CSS, ma anche di gestire aspetti più complessi dello sviluppo web, integrando script JavaScript, collegamenti a risorse multimediali e persino controlli avanzati per la sicurezza del codice.

Personalizzazione completa:

Oltre alla gestione visiva tramite CSS, CStrapJSStudio permette di incorporare script JavaScript direttamente nell'editor, consentendo di aggiungere funzionalità dinamiche e interattive alle pagine web, come animazioni avanzate, gestione degli eventi e logica personalizzata. Questo approccio consente di mantenere tutto centralizzato in un unico ambiente, semplificando lo sviluppo e migliorando l'efficienza.

Gestione delle risorse:

CStrapJSStudio consente di collegare facilmente immagini, icone, file esterni e link, offrendo un'ampia flessibilità nella gestione delle risorse. Gli utenti possono integrare contenuti multimediali, come immagini e video, con pochi clic, configurando percorsi dinamici e gestendo facilmente le dipendenze all'interno del progetto. È anche possibile collegare librerie esterne e file di script, garantendo massima compatibilità e possibilità di espansione.

Sicurezza e protezione:

Una caratteristica fondamentale del software è la capacità di impostare proprietà come password per bloccare sezioni specifiche del codice. Questo permette di proteggere parti sensibili del progetto da modifiche indesiderate, garantendo che solo utenti autorizzati possano intervenire su determinate aree. Che si tratti di proteggere porzioni di codice JavaScript, stili CSS cruciali o altre risorse chiave, CStrapJSStudio offre un livello di sicurezza aggiuntivo, molto utile in contesti collaborativi o quando si sviluppano applicazioni per clienti.

Strumento per sviluppatori e designer:

Grazie alla combinazione di queste funzionalità avanzate, CStrapJSStudio si conferma una piattaforma versatile che va ben oltre il semplice design. Offre un ambiente completo per gestire ogni aspetto di un progetto web, dalla personalizzazione dello stile visivo fino al controllo del comportamento dinamico e della sicurezza, rendendolo un alleato prezioso sia per sviluppatori che per designer.

IA integeration

CStrapJSStudio si distingue per la sua capacità avanzata di generare blocchi e componenti non solo grazie all’intelligenza artificiale integrata, ma anche attingendo a codici e soluzioni presenti online, come quelli provenienti dai vari tutorial e risorse per sviluppatori.

Codice generato dall'IA:

L'IA di CStrapJSStudio è in grado di suggerire automaticamente blocchi di codice personalizzati basati sulle esigenze del progetto. Che si tratti di componenti visivi o funzionalità interattive, l'IA analizza il contesto e propone soluzioni ottimizzate, riducendo drasticamente il tempo di sviluppo e migliorando la qualità del codice generato. Questa funzionalità è particolarmente utile per sviluppare rapidamente layout complessi, inserire script dinamici o suggerire miglioramenti stilistici.

Integrazione con codici esistenti:

Una delle caratteristiche più potenti è la capacità di importare e adattare codici trovati sul web, come quelli presenti nei tutorial o nelle librerie di esempio. CStrapJSStudio permette di integrare facilmente snippet di codice esterno, ottimizzandoli all'interno del proprio progetto. Gli sviluppatori possono quindi partire da soluzioni collaudate e adattarle alle proprie necessità, sfruttando il vasto patrimonio di risorse presenti online.

Questa combinazione di generazione assistita dall'IA e l'accesso a una vasta gamma di codici esistenti rende CStrapJSStudio uno strumento estremamente versatile, che accelera lo sviluppo e favorisce l’adozione di best practice. Che si tratti di creare nuovi componenti o di implementare soluzioni già conosciute, la piattaforma offre il meglio di entrambi i mondi: innovazione assistita e solidità basata su esempi concreti.

Ne vedremo delle belle!!

#CStrapJSStudio IA integration

 #CStrapJSStudio© IA Integration

POSTED BY GIULIANO PAGNINI, 08 OTT 2024

L'Intelligenza Artificiale: La Nuova Frontiera per Creare Siti Web Professionali con Semplici Domande

Immagina di avere un assistente virtuale che, attraverso semplici domande, riesce a progettare sezioni di pagine web professionali in pochi istanti. L'intelligenza artificiale sta rendendo questo scenario una realtà, trasformando radicalmente il modo in cui le aziende e i professionisti affrontano la creazione di siti web.

Con l'IA, la progettazione web diventa un processo intuitivo e accessibile a tutti, anche a coloro che non hanno competenze tecniche. Attraverso un'interfaccia user-friendly, gli utenti possono rispondere a domande mirate riguardo alle loro esigenze, obiettivi e preferenze visive. Ad esempio:

• Qual è l'obiettivo principale della tua pagina?
• Quali colori rappresentano meglio il tuo marchio?
• Quali sezioni vuoi includere (Chi siamo, Servizi, Contatti, etc.)?

Sulla base di queste risposte, l'IA è in grado di generare automaticamente layout, stili e contenuti personalizzati, creando pagine web che non solo soddisfano le aspettative estetiche, ma sono anche ottimizzate per la funzionalità e l'usabilità.

Questo approccio non solo semplifica il processo di progettazione, ma riduce anche il tempo e i costi associati alla creazione di un sito web professionale. Le aziende possono così concentrarsi su ciò che conta di più: la strategia di business e la crescita. Inoltre, con aggiornamenti e modifiche facili, l'IA garantisce che i siti web rimangano sempre freschi e rilevanti.

In conclusione, l'intelligenza artificiale sta democratizzando la creazione di siti web, permettendo a chiunque di realizzare progetti professionali con il minimo sforzo. Grazie a semplici domande, l'IA sta cambiando le regole del gioco nel web design, rendendo l'innovazione digitale accessibile a tutti.

L’Integrazione dell’Intelligenza Artificiale nei Software per la Creazione di Siti Web: Un Imperativo per il Futuro

Nel panorama digitale attuale, la creazione e la gestione di siti web professionali stanno subendo una trasformazione radicale, e l’integrazione dell’intelligenza artificiale (IA) nei software di web design non è solo un valore aggiunto, ma un imperativo strategico. Le aziende e i professionisti del settore devono riconoscere l'importanza di questa integrazione per rimanere competitivi e soddisfare le crescenti aspettative degli utenti.

I software per la creazione di siti web, che storicamente si sono basati su modelli statici e su un’interpretazione manuale delle esigenze, devono ora evolversi per includere soluzioni alimentate dall'IA. Questo non solo migliora l'efficienza del processo di sviluppo, ma consente anche la creazione di esperienze utente altamente personalizzate. Ad esempio:

• Automazione della Progettazione: Gli strumenti di web design alimentati dall'IA possono generare automaticamente layout e sezioni di pagine, rispondendo a semplici domande e adattandosi alle preferenze dell'utente. Ciò consente anche a chi non ha competenze tecniche di creare siti web professionali in modo rapido e intuitivo.

• Ottimizzazione dei Contenuti: L'IA può analizzare i dati degli utenti e suggerire modifiche ai contenuti per massimizzare il coinvolgimento. Attraverso l'analisi predittiva, i software possono consigliare quali tipi di contenuti attirano maggiormente l'attenzione e come migliorare il posizionamento SEO.

• Esperienze Personalizzate: Integrando l'IA, i software possono fornire raccomandazioni personalizzate in tempo reale, adattando le offerte e i contenuti in base al comportamento degli utenti, migliorando così la loro esperienza complessiva.

• Analisi e Reportistica Avanzata: Le soluzioni di web design con intelligenza artificiale possono analizzare i dati in tempo reale, fornendo report dettagliati sulle performance del sito. Questa funzionalità permette alle aziende di prendere decisioni informate e di apportare modifiche strategiche con rapidità.

Inoltre, l’integrazione dell’IA nei software per la creazione di siti web non si limita solo alla fase di progettazione. Può anche migliorare la manutenzione continua, garantendo che i siti siano sempre aggiornati e in linea con le ultime tendenze tecnologiche e di design.

Basta usare il comando COPIA CODICE dal chatbot e usare la funzione Crea componente/blocco da codice IA/WEB

Incollare il codice nella finestra HTML e il comando crea componente

La galleria responsiva con 4x4 immagini senza spazi tra immagini e con ingrandimento a slider è stata creata senza nessuna competenza richiesta

Basta solo clicccare sull'anteprima per aggiungere le immagini

ne vedremo delle belle!

#CStrapJSStudio IA integration

 #CStrapJSStudio© IA Integration

POSTED BY GIULIANO PAGNINI, 05 SETT 2024

L'IA può generare layout personalizzati e ottimizzare il design per la SEO e la velocità di caricamento. Inoltre, può suggerire miglioramenti basati su best practice del settore, automatizzare la creazione di contenuti e garantire un'esperienza utente fluida su tutti i dispositivi. Grazie all'IA, chiunque può creare siti web professionali e funzionali, riducendo tempi e costi senza compromettere la qualità.

CStrapJS trasforma il codice creato dall'intelligenza artificiale in componenti visivi modificabili, offrendo un'interfaccia intuitiva in cui è possibile cambiare colori, layout, stili e altre proprietà senza dover intervenire direttamente sul codice. L'obiettivo è semplificare la fase di sviluppo, permettendo a chiunque, anche senza competenze avanzate di programmazione, di creare e personalizzare soluzioni digitali in modo rapido ed efficiente.

Seleziona un template o crea un progetto da zero con il tuo framework preferito:

bootstrap, bootstrap italia, astro, bulma, foundation, milligram, vue.js, ect.

Che dire? Ne vedremo delle belle!!

#RadStudio 

#C++Builder 

#IARevolution

#ImpolyzerDataStudio© 4.0.0.180 #FIREDAC #LOCALSQL #BATCHMOVE

  #ImpolyzerDataStudio© 4.0.0.180

POSTED BY GIULIANO PAGNINI, 05 SETT 2024

New!!  Importazioni miste con origine e/o destinazione di driver diversi

Possibilità di creare fasi di importazione con database diversi nello stesso progetto.

Fix regola lookup batchmove su più campi e regola [accetta lookup]

Nuove ottimizzazioni.

#RadStudio 

#C++Builder 

"L'IA semplifica la creazione di programmi complessi, una vera rivoluzione!!! Dove andremo a finire?".

 L'IA semplifica la creazione di programmi complessi, una vera rivoluzione!!! Dove andremo a finire?"

POSTED BY GIULIANO PAGNINI, 04 Apr 2024

Ho voluto fare un test con alcuni componenti per creare background CSS come CSSPro e in aggiunta provare ad animare i vari layer.

Il mio lavoro si è "limitato" a scomporre il progetto in componenti e classi, mentre tutti gli algoritmi sono stati generati da IA.

Il risultato è notevole!!

Lavoro da anni con OpenNN è credo che presto anche l'analisi sarà fatta da IA di nuova generazione. E' solo questione di tempo!!!

Ne vedremo delle belle!!!

Creare Form da file #Excel in #Vue.js 3.4 #Bootstrap Italia© #CStrapJSStudio©

Creare Form con validazione usando fogli Excel come input in #Vue.js 3.4 #Bootstrap Italia© #CStrapJSStudio©

POSTED BY GIULIANO PAGNINI, 29 Feb 2024

In questo post vedremo  come creare complessi form, con validazione dei dati, usando MS-Excel o altri fogli elettronici.

1) Creare i database locali da inserire nel setup dell'applicazione Vue.js; con ImpolyzerDataStudio usiamo la funzione esporta in JSON

Selezionare il campo per la label e il campo per il value, poi Conferma.

Viene creato il JSON array da usare nel DataModule di Vue.js

[{label:"INSEGNA D'ESERCIZIO",value:1},{label:"INSEGNA PUBBLICITARIA",value:2},{label:"CARTELLO STRADALE",value:3},{label:"TENDA",value:4},{label:"BACHECA",value:5},{label:"PREINSEGNA",value:6},{label:"PUBBLICITA' ORDINARIA",value:7},{label:"PUBBLICITA' TEMPORANEA",value:8},{label:"PUBBLICITARIO DI SERVIZIO",value:9},{label:"PUBBLICA AFFISSIONE",value:10},{label:"POSTER PRIVATO",value:11},{label:"PREINSEGNA PRIVATA",value:12},{label:"CARTELLO DI CANTIERE",value:13},{label:"CARTELLO DI CANTIERE SU RECINZ",value:14},{label:"CARTELLO DI CANTIERE SU IMPALC",value:15},{label:"CARTELLO DI CANTIERE SU PALO",value:16},{label:"CARTELLI DITTE CANTIERE",value:17},{label:"CARTELLI CAMPI SPORTIVI",value:18},{label:"PORTA MANIFESTI",value:22},{label:"CARTELLO",value:19}]

Procedere con tutti i db statici da usare nel setup.

2) Creare il DataModule nella pagina vue.js con tabelle JSON o API Rest 

3) Inserire il componente Form nella pagina e posizionarsi su Form nello schema manager, il comando Add Field per inserire i controlli del Form si attiva

3) Inserire i campi nel file excel

FieldName = Nome del campo

Type= A alfanumerico, N= Numero, B = Boolean,............ (altri tipi)

LR = Lista di Radio Button con label e value

LA = Lista combobox con autocompletamento

...(altri tipi)

Label = Etichetta del controllo

Required = campo obbligatorio

size-lg=dimensione su schermi grandi in dodicesimi

size-md=dimensione su schermi medi in dodicesimi

size-small=dimensione su schermi piccoli in dodicesimi

size-exsmall=dimensione su schermi extra piccoli in dodicesimi

regexpr=espressione per validazione del campo

errormessage=messaggio per validazione (default= *campo richiesto)

dataset=nome del datasource nel datamodule

3) Comando Add Field

Aprire il file Excel poi usare il comando comando Crea Campi

Anteprima della pagina Vue con il Form

Ogni campo del Form può essere personalizzato, nell'esempio il DataSource con le tabelle del DataModule

Validazione del Form

Creare complesse applicazioni database con CStrapJSStudio, Vue.js 3, senza compilazione e altri software richiesti, è veramente semplice e no-code.

#ImpolyzerDataStudio

#CStrapJSStudio

#VueJS

#Bootstrap

#C++Builder