JavaScript
Operazioni sul Database
18 min
esecuzione di operazioni su database serverless introduzione questa sezione spiega come implementare le operazioni crud (creare, leggere, aggiornare e cancellare) in un ambiente javascript tramite back4app fornisce anche frammenti di codice e un ambiente online per eseguire e testare il tuo codice senza configurazione locale scopri di più su parse sdk su https //parseplatform org/parse sdk js/api/4 3 1/ e https //docs parseplatform org/js/guide/ prerequisiti non ci sono requisiti aggiuntivi oltre ad avere una conoscenza di base di javascript opzionale per completare questo tutorial utilizzando la tua app, avrai bisogno di un'app creata e configurata per javascript su back4app nota segui il https //www back4app com/docs/javascript/parse javascript sdk per imparare come puoi farlo 1 configura l'ambiente questa guida utilizza la https //jsbin com/ piattaforma come editor di codice è molto facile da usare, tutto ciò che devi fare è aprire la sua pagina principale e cliccare sui html html , javascript javascript e console console pulsanti il primo passo per iniziare a programmare è includere l'api parse e aggiungere le chiavi della tua app per questo tutorial, è stata creata un'app pubblica back4app in modo che tu possa controllare le tue modifiche nel database senza dover creare la tua app facoltativo per controllare il database parse per questo esempio, devi creare la tua app e accedere all' parse dashboard parse dashboard opzione per includere l'api parse nella tua app, aggiungi la seguente riga di codice all'interno del html html ’s head tag quindi aggiungi le tue credenziali all'inizio del javascript javascript file le chiavi predefinite sono quelle relative alla nostra app pubblica //paste your application key and javascript key, respectively parse initialize("your application id", "your javascript key"); parse serverurl = "https //parseapi back4app com/"; in questo tutorial, costruiremo le operazioni crud basate su una classe pet che ha campi nome e età, in cui il nome è una stringa e l'età è un numero per questo motivo, il codice dovrebbe iniziare creando una sottoclasse della classe pet in modo che possa essere utilizzata successivamente nelle nostre funzioni, come mostrato di seguito var pet = parse object extend("pet"); tutte le operazioni di base richiederanno all'utente di dire qual è il nome desiderato del pet in questo modo, crea una variabile globale “textname” è anche una buona idea crearne una “textage”, che sarà utilizzata nei metodi di creazione e aggiornamento var textname = "myname"; var textage = 10; 2 crea la crea crea funzione creerà un nuovo animale domestico con il nome e l'età che hai fornito nelle variabili “textname” e “textage” per costruire quella funzione, segui semplicemente questi passaggi crea una nuova istanza della classe pet di parse con il comando usa la set set funzione per impostare i parametri per questo oggetto chiama la save save funzione, che registrerà effettivamente l'animale domestico nel tuo database nel parse dashboard parse dashboard puoi aprire il https //jsbin com/bozuguh/edit?html,js,console per vedere il codice che è già stato implementato il codice per la crea crea funzione è scritto qui sotto create js create(); function create() { mypet = new pet(); mypet set("name", textname); mypet set("agepet", textage); mypet save() then(function(pet){ console log('pet created successful with name ' + pet get("name") + ' and age ' + pet get("agepet")); }) catch(function(error){ console log('error ' + error message); }); } per testarlo, incolla questo frammento di codice nel file javascript in https //jsbin com/?html,js,output , fai clic sul esegui esegui pulsante nella parte della console e attendi l'output dovrebbe stampare che l'animale domestico è stato creato con successo per confermare che il nuovo oggetto è nel database, puoi accedere al parse dashboard parse dashboard oppure puoi codificare la funzione di lettura funzione di lettura 3 leggi la funzione di lettura funzione di lettura è responsabile della query al database e del ritorno dell'oggetto che corrisponde ai tuoi criteri di ricerca può anche essere utilizzata per controllare l'esistenza di un oggetto ecco la guida passo passo per costruire la tua funzione di lettura funzione di lettura crea un'istanza della classe query di parse aggiungi vincoli alla tua query per limitare la ricerca maggiori opzioni di vincolo possono essere trovate in http //docs parseplatform org/js/guide/#query constraints esegui il metodo di ricerca della query questo tutorial utilizzerà query first query first per ottenere solo il primo elemento che corrisponde ai tuoi criteri se le operazioni hanno successo, verrà restituito un oggetto animale domestico se non viene trovato alcun oggetto, l'oggetto restituito avrà un valore di undefined puoi aprire il https //jsbin com/roziroy/edit?html,js,output per vedere il codice che è già stato implementato il codice per la lettura lettura funzione è il seguente read js read(); function read() { query = new parse query(pet); query equalto("name", textname); query first() then(function(pet){ if(pet){ console log('pet found successful with name ' + pet get("name") + ' and age ' + pet get("agepet")); } else { console log("nothing found, please try again"); } }) catch(function(error){ console log("error " + error code + " " + error message); }); } per testare la read read funzione, incolla il frammento nel tuo file javascript di jsbin quando il codice viene eseguito, stamperà l'età dell'animale trovato (se trovato) oppure stamperà che non è stato trovato alcun animale se durante il test l'età stampata non corrisponde all'età del tuo oggetto, significa che ci sono più oggetti con lo stesso nome, ma la tua query restituisce solo uno di essi quindi, per testare realmente la read read funzione, crea un oggetto con un altro nome, uno che nessuno ha ancora creato, quindi esegui la funzione, che stamperà correttamente l'età dell'oggetto 4 aggiornare per la update update funzione, un animale viene passato come parametro e la funzione cambia la sua età a quella fornita nella variabile “textage” per trovare l'animale che verrà passato, utilizziamo una versione modificata della nostra read read funzione di seguito sono riportati i passaggi per creare la tua funzione update update scrivi una funzione read modificata chiamata readthenupdate readthenupdate , che chiama la update update funzione quando trova un animale con successo nella update update funzione, utilizza la set set funzione per modificare i parametri del tuo animale chiama la save save funzione per questo animale per inviare le modifiche al database puoi aprire il https //jsbin com/jidinim/edit?html,js,output per vedere il codice che è già stato implementato ecco il codice per la readthenupdate readthenupdate funzione e update update funzione update js readthenupdate(); function readthenupdate() { query = new parse query(pet); query equalto("name", textname); query first() then(function (pet) { if (pet) { console log('pet found with name ' + pet get("name") + ' and age ' + pet get("agepet")); update(pet); } else { console log("nothing found, please try again"); } }) catch(function (error) { console log("error " + error code + " " + error message); }); } function update(foundpet) { textname = "mynameupdated"; textage = 20; console log(textage); foundpet set('name', textname); foundpet set('agepet', textage); foundpet save() then(function (pet) { console log('pet updated! name ' + pet get("name") + ' and new age ' + pet get("agepet")); }) catch(function(error) { console log('error ' + error message); }); } per confermare se la update update funzione sta funzionando, incolla il codice sopra nel file javascript nella pagina jsbin usa un nome insolito per il tuo oggetto per non confliggere con altri utenti, poi segui questi passaggi 1\ crea un oggetto con il nome desiderato 2\ controlla che l'oggetto sia stato creato con la tua read read funzione 3\ chiama la tua readthenupdate readthenupdate funzione realizzata in questo argomento con un'età diversa da quella originale 4\ controlla se l'età del pet è cambiata chiamando di nuovo la tua read read funzione 5 elimina la cancellazione cancellazione funzione cancella un animale domestico ricevuto dalla lettura lettura funzione è un'azione irreversibile, il che significa che dovresti fare attenzione mentre la usi, specialmente perché la tua lettura lettura funzione potrebbe restituire più oggetti di quanti tu voglia effettivamente cancellare per questo motivo, è consigliato cancellare solo un oggetto alla volta i passaggi per scrivere la tua funzione cancellazione cancellazione possono essere trovati qui sotto alla fine del successo della tua funzione “lettura” ( leggipoicancella leggipoicancella in questo esempio), fai una chiamata per la cancellazione cancellazione funzione nella cancellaanimale cancellaanimale funzione, chiama il metodo di distruzione sull'oggetto ricevuto “animaletrovato” puoi aprire il https //jsbin com/vubiqoq/edit?html,js,output per vedere il codice che è già stato implementato ecco il codice per la readthendelete readthendelete funzione e deletepet deletepet funzione delete js readthendelete(); function readthendelete() { query = new parse query(pet); query equalto("name", textname); query first() then(function (pet) { if (pet) { console log('pet found with name ' + pet get("name") + ' and age ' + pet get("agepet")); deletepet(pet); } else { console log("nothing found, please try again"); return null; } }) catch(function (error) { console log("error " + error code + " " + error message); return null; }); } function deletepet(foundpet) { foundpet destroy() then(function(response) { console log('pet '+ foundpet get("name") + ' erased successfully'); }) catch(function(response, error) { console log('error '+ error message); }); } per testarlo, è consigliato creare un oggetto con un nome insolito proprio come le altre funzioni per non confliggere con oggetti di altri utenti basta incollare il frammento in jsbin e eseguire il codice con il nome del tuo oggetto e l'oggetto che sarà cancellato poi, puoi chiamare la tua read read funzione per confermare che non ci siano oggetti con quel nome se la lettura restituisce un oggetto, cosa che non dovrebbe, probabilmente significa che hai più oggetti con lo stesso nome e ne ha restituito uno come il delete delete funzione che cancella solo un oggetto puoi controllare il tuo oggetto accedendo al tuo parse dashboard parse dashboard è fatto! a questo punto, hai imparato come eseguire le operazioni crud di base con javascript