JavaScript
Datenbankoperationen
18 min
durchführung von serverlosen datenbankoperationen einführung dieser abschnitt erklärt, wie man die crud (erstellen, lesen, aktualisieren und löschen) operationen in einer javascript umgebung über back4app implementiert es bietet auch code snippets und eine online umgebung, um ihren code ohne lokale einrichtung auszuführen und zu testen weitere informationen zum parse sdk finden sie unter parse javascript sdk api referenz und parse open source dokumentation für das javascript sdk voraussetzungen es gibt keine zusätzlichen voraussetzungen, außer dass sie über grundlegende kenntnisse in javascript verfügen optional um dieses tutorial mit ihrer eigenen app abzuschließen, benötigen sie eine app, die für javascript bei back4app erstellt und konfiguriert wurde hinweis folgen sie dem javascript install parse sdk tutorial um zu lernen, wie sie das tun können 1 umgebung einrichten dieser leitfaden verwendet die jsbin plattform als code editor es ist sehr einfach zu bedienen, alles, was sie tun müssen, ist, die hauptseite zu öffnen und auf die html html , javascript javascript und konsole konsole tasten zu klicken der erste schritt, um mit dem programmieren zu beginnen, besteht darin, die parse api einzuschließen und die schlüssel ihrer app hinzuzufügen für dieses tutorial wurde eine öffentliche back4app app erstellt, damit sie ihre änderungen in der datenbank überprüfen können, ohne ihre eigene app erstellen zu müssen optional um die parse datenbank für dieses beispiel zu überprüfen, müssen sie ihre eigene app erstellen und auf die parse dashboard parse dashboard option zugreifen um die parse api in ihrer app einzuschließen, fügen sie die folgende zeile code innerhalb des html html head tags hinzu fügen sie dann ihre anmeldeinformationen am anfang der javascript javascript datei hinzu die standard schlüssel sind die, die mit unserer öffentlichen app verbunden sind //paste your application key and javascript key, respectively parse initialize("your application id", "your javascript key"); parse serverurl = "https //parseapi back4app com/"; in diesem tutorial werden wir die crud operationen basierend auf einer pet klasse erstellen, die name und altersfelder hat, wobei der name ein string und das alter eine zahl ist daher sollte der code damit beginnen, eine unterklasse der pet klasse zu erstellen, damit sie später in unseren funktionen verwendet werden kann, wie unten gezeigt var pet = parse object extend("pet"); alle grundlegenden operationen erfordern, dass der benutzer angibt, wie der gewünschte name des haustiers lautet erstellen sie auf diese weise eine globale variable „textname“ es ist auch eine gute idee, eine „textage“ variable zu erstellen, die in den erstellungs und aktualisierungsmethoden verwendet wird var textname = "myname"; var textage = 10; 2 erstellen die erstellen erstellen funktion wird ein neues haustier mit dem namen und dem alter erstellen, die sie in den variablen „textname“ und „textage“ angegeben haben um diese funktion zu erstellen, folgen sie einfach diesen schritten erstellen sie eine neue instanz der parse’s pet klasse mit dem befehl verwenden sie die set set funktion, um die parameter für dieses objekt festzulegen rufen sie die save save funktion auf, die das haustier effektiv in ihrer datenbank im parse dashboard parse dashboard registriert sie können die back4app javascript erstellen funktion öffnen, um den bereits implementierten code zu sehen der code für die erstellen erstellen funktion ist unten geschrieben 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); }); } um es zu testen, fügen sie diesen code schnipsel in die javascript datei in der jsbin , klicken sie auf die ausführen ausführen schaltfläche im konsolenbereich und warten sie auf die ausgabe es sollte ausgeben, dass das haustier erfolgreich erstellt wurde um zu bestätigen, dass das neue objekt in der datenbank ist, können sie auf das parse dashboard parse dashboard zugreifen oder sie können die read read funktion codieren 3 lesen die read read funktion ist verantwortlich für das abfragen der datenbank und das zurückgeben des objekts, das ihren suchkriterien entspricht sie kann auch verwendet werden, um die existenz eines objekts zu überprüfen hier ist die schritt für schritt anleitung zum erstellen ihrer eigenen read read funktion erstellen sie eine instanz der query klasse von parse fügen sie einschränkungen zu ihrer abfrage hinzu, um die suche einzuschränken weitere einschränkungsoptionen finden sie in der parse query dokumentation führen sie die suchmethode der abfrage aus dieses tutorial verwendet query first query first um nur das erste element zu erhalten, das ihren kriterien entspricht wenn die operationen erfolgreich sind, wird ein haustierobjekt zurückgegeben wenn kein objekt gefunden wird, hat das rückgabeobjekt den wert undefined sie können die back4app javascript lese funktion öffnen, um den bereits implementierten code zu sehen der code für die lesen lesen funktion ist wie folgt 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); }); } um die read read funktion zu testen, fügen sie den snippet in ihre jsbin javascript datei ein wenn der code ausgeführt wird, wird das alter des gefundenen haustiers (falls gefunden) oder andernfalls die meldung ausgegeben, dass kein haustier gefunden wurde wenn beim testen das ausgegebene alter nicht mit dem alter ihres objekts übereinstimmt, bedeutet dies, dass es mehr objekte mit demselben namen gibt, aber ihre abfrage nur eines von ihnen zurückgibt um die read read funktion wirklich zu testen, erstellen sie ein objekt mit einem anderen namen, das noch niemand erstellt hat, und führen sie dann die funktion aus, die das alter des objekts korrekt ausgibt 4 aktualisieren für die update update funktion wird ein haustier als parameter übergeben und die funktion ändert sein alter auf das, das sie in der „textage“ variablen angegeben haben um das haustier zu finden, das übergeben wird, verwenden wir eine modifizierte version unserer read read funktion im folgenden sind die schritte aufgeführt, um ihre eigene update update funktion zu erstellen schreiben sie eine modifizierte read funktion namens readthenupdate readthenupdate , die die update update funktion aufruft, wenn sie ein haustier erfolgreich findet in der update update funktion verwenden sie die set set funktion, um die parameter ihres haustiers zu ändern rufen sie die save save funktion für dieses haustier auf, um die änderungen in die datenbank zu übertragen sie können die back4app javascript update funktion öffnen, um den bereits implementierten code zu sehen hier ist der code für die readthenupdate readthenupdate funktion und update update funktion 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); }); } um zu bestätigen, ob die update update funktion funktioniert, fügen sie den obigen code in die javascript datei auf der jsbin seite ein verwenden sie einen ungewöhnlichen namen für ihr objekt, um konflikte mit anderen benutzern zu vermeiden, und folgen sie dann diesen schritten 1\ erstellen sie ein objekt mit ihrem gewünschten namen 2\ überprüfen sie, ob das objekt mit ihrer read read funktion erstellt wurde 3\ rufen sie ihre readthenupdate readthenupdate funktion auf, die in diesem thema erstellt wurde, mit einem alter, das sich von dem ursprünglichen unterscheidet 4\ überprüfen sie, ob sich das alter des haustiers geändert hat, indem sie ihre read read funktion erneut aufrufen 5 löschen die löschen löschen funktion löscht ein haustier, das von der lesen lesen funktion empfangen wurde es ist eine irreversible aktion, was bedeutet, dass sie vorsichtig sein sollten, während sie sie verwenden, insbesondere weil ihre lesen lesen funktion möglicherweise mehr objekte zurückgibt, als sie tatsächlich löschen möchten aus diesem grund wird empfohlen, immer nur ein objekt auf einmal zu löschen die schritte zum schreiben ihrer eigenen löschen löschen funktion finden sie unten am ende des erfolgs ihrer “lesen” funktion ( readthendelete readthendelete , machen sie einen aufruf für die löschen löschen funktion in der deletepet deletepet funktion rufen sie die zerstörungsmethode auf dem empfangenen objekt “foundpet” auf sie können die back4app javascript löschen funktion öffnen, um den bereits implementierten code zu sehen hier ist der code für die readthendelete readthendelete funktion und deletepet deletepet funktion 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); }); } um es zu testen, wird empfohlen, ein objekt mit einem ungewöhnlichen namen zu erstellen, genau wie die anderen funktionen, um konflikte mit objekten anderer benutzer zu vermeiden fügen sie einfach den code schnipsel in jsbin ein und führen sie den code mit dem namen ihres objekts und dem objekt aus, das gelöscht werden soll dann können sie ihre read read funktion aufrufen, um zu bestätigen, dass es keine objekte mit diesem namen gibt wenn die abfrage ein objekt zurückgibt, was sie nicht sollte, bedeutet das wahrscheinlich, dass sie mehr objekte mit dem gleichen namen haben und eines von ihnen zurückgegeben wurde, da die delete delete funktion nur ein objekt löscht sie können ihr objekt überprüfen, indem sie auf ihr parse dashboard parse dashboard zugreifen es ist erledigt! an diesem punkt haben sie gelernt, wie man die grundlegenden crud operationen mit javascript durchführt