Questo sito web utilizza i cookie

Utilizziamo i cookie per personalizzare la tua esperienza utente e per studiare come viene utilizzato il nostro sito web.
Acconsenti ai nostri cookie se continui ad utilizzare questo sito web, se vuoi saperne di più clicca su più informazioni

Guide e tutorial pratici per joomla e le sue estensioni
Guide e tutorial pratici per joomla e le sue estensioni

guida sulla gestione dei i dati con chronoforms e chronoconnectivity parte 1

Non mi soffermo su cosa sono chronoforms e chronoconnectivity, chi ha cercato su google e trovato questa guida vorrà subito capire come far lavorare insieme questi due componenti di chronoengine.

Il tutorial chronoconnectivity e chronoforms sarà diviso in più parti in maniera che lo svolgimento e la lettura da parte degli utenti sia la più semplice possibile.

In questa guida di chronoconnectivity e chronoforms vedremo come inserire dati in un form realizzato con chronoforms e vedremo come visualizzarli e modificarli con chronoconnectivity.

I campi che utilizzerò li riduco al minimo per comodità, ma aumentandoli non cambierà la logica. I campi che utilizzerò saranno: nome, cognome, città, numero di cellulare.

Per questo tutorial su l'utilizzo di chronoconnectivity insieme a chronoforms mi avvarrò di molte immagini commentate. Se il tutorial vi è stato di aiuto e volete offrirmi un caffè, sapete dove cliccare. Buona lettura.

Il primo passo sarà quello di creare in chronoforms un form chiamato semplice_rubrica

chronoforms semplice rubrica inserimento

Nella scheda designer inseriamo 4 text box ed un submit button

chronoforms creiamo text box

Adesso aprite ogni elemento per editarlo premendo il tasto edit azzurro. Nel primo elemento text box inseriremo come Field Name "nome", come Field ID "nome" e come Label "nome". Evitiamo di usare maiuscole e caratteri speciali in Field Name e Field ID.

chronoforms editiamo elementi

Dopo ogni modifica agli elementi salvate cliccando su Save and Close, il pulsante verde, successivamente cliccate su "Save" in alto a destra della schermata. Ricordate di salvare spesso, ma sopratutto che essendo un applicazione web-based se non salvate perderete le modifiche.

chronoforms salviamo elementi
chronoforms salviamo elementi

Editate i successivi elementi come avete fatto con l'elemento nome. Per l'elemento città non dovrete usare lettere accentate, inserendo in Field Name "citta", come Field ID "citta" e come Label "città". SOLO LA LABEL AVRÀ CITTÀ CON L'ACCCENTO SULLA A FINALE

 chronoforms elemento citta
chronoforms elemento cognome

fate attenzione anche alla rinomina dell'elemento "numero cellulare" per i campi Field Name e Field ID useremo la frase senza spazi "numero_cellulare"

chronoforms elemento numero cellulare

Rinominiamo anche l'elemento submit button inserendo "salva" in Name, ID e Value/Label

chronoforms elemento button

Adesso che i nostri elementi sono perfettamente configurati, salviamo se non l'abbiamo fatto e portiamoci nella tabs setup.

chronoforms tabs setup

Quindi in On Load inseriamo un elemento HTML Reder Form

chronoforms html reder form

In On submit inseriamo un elemento DB Save.

chronoforms db save

Adesso abbiamo un form visibile ma non ancora funzionante, salvate e cliccate su "Test forms" in alto a destra per visualizzarlo, questa sarà la vostra condizione:

chronoforms test form

Come ultima operazione prima di terminare la prima parte della guida faremo in modo di salvare i dati che immetteremo nel form in una tabella del nostro database, quindi nella gestione dei forms (appena entrati in chronoforms) inserite il flag nel form appena realizzato "semplice_rubrica_inserimento" e premiamo in alto nel pulsante Create Table.

chronoforms create table

Appena avrete premuto sul pulsante "create Table" vi verrà mostrata una pagina dove scegliere i campi per cui vogliamo creare una Tabella, dove in parole povere verranno inseriti i dati da memorizzare. Di default saranno tutti flaggati, noi elimineremo il flag solo alla voce salva, semplicemente perchè non ci è di nessuna utilità memorizzare il fatto di aver premuto Salva!! Per ultimo premete il pulsante "Save"in alto a destra

chronoforms create table vista

Ultimiamo l'operazione andando a configurarare l'elemento DB Save dentro la tabs SETUP, in Action label inseriamo "scrittura tabelle rubrica" (questo è il titolo dell'elemento), mentre in table name andiamo a selezionare la tabella appena creata.

chronoforms db save

Inseriamo anche un nome per il Model ID: "datarubrica"

chronoforms db save e model ID

Salviamo l'elemento e salviamo il form.

Qui termina la prima parte del tutorial chronoconnectivity e chronoforms.

Se l'articolo ti è stato d'aiuto offrimi un caffè cliccando nel tasto sottostante

offrimi un caffè

Commenti   

+1 # Sergio 2016-03-17 19:46
Lavoro eccezionale: pagine preziose con indicazioni chiare e dettagliate come poche se ne vedono in giro... ed in italiano!!!
Rispondi | Rispondi con citazione | Citazione
0 # giusebos 2016-03-17 20:59
Grazie!
Rispondi | Rispondi con citazione | Citazione
0 # Christian 2016-04-29 12:22
Merci beaucoup. Il y a peu de documentation sur ce sujet. Ton travail est donc très utile pour nous pauvres débutants.
Rispondi | Rispondi con citazione | Citazione
0 # giusebos 2016-04-29 12:28
Merci!
Rispondi | Rispondi con citazione | Citazione

Aggiungi commento

Attenzione, per risposte ai commenti non cliccare su reply nella email che riceverete perchè nessuno la leggerà. per continuare a commentare usate solo il form sottostante.


Codice di sicurezza
Aggiorna