venerdì 24 novembre 2023

CSTRAPJSSTUDIO© e ChatGPT© Creare tabelle con dati da API-REST

#CStrapJSStudio© e  ChatGPT©  Creare tabelle con dati da API-REST 

POSTED BY GIULIANO PAGNINI, 24 NOV 2023

New!!  Nuova funzione crea componente/blocco da ChatGPT

Per testate le API Rest è possibile usare il server REST con ImpolyzerDataStudio.

Creare una query e salvare il risultato nella sottocartella TABLE del server REST


Avviare il server REST


Dalla schermata principale di ImpolyzerDataStudio selezionare REST TESTER


E' possibile leggere,scrivere,aggiornare le tabelle MEMTable salvate nella sottocartella TABLE del ServerRest


Es. di API per la lettura della tabella
http://127.0.0.1:8081/memtable?table=comuni.BIN

Avviare CStrapJSStudio


Ho fatto la seguente domanda a ChatGPT: Come creare una tabella bootstrap con dati da API e axios.js


questo il codice proposto da ChatGPT

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tabella Bootstrap con dati da API</title> <!-- Collegamento a Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> </head> <body>


</body> </html>

Nella finestra nuovo componente inserire il codice nella corrispondenti finestre
HTML, JS e eventuale CSS.
Nella finestra Link Footer inserire i link ai file JS esterni proposti da ChatGPT


Selezionare Crea Componente:
Il software analizza il codice e crea le proprietà per facilitare la configurazione del componente.
Il risultato:


Personalizzare le proprietà create in automatico:
URLLink: es,: http://127.0.0.1:8081/memtable?table=comuni.BIN
ResponseDataSet: il nome della tabella nel JSON di ritorno es. data.table
Fields: i nomi dei campi da visualizzare nella tabella


Che dire... ChatGPT offre grandi opportunità....
Ne vedremo delle belle...



Nessun commento:

Posta un commento