Opérations de base de données

effectuer des opérations de base de données sans serveur introduction cette section explique comment implémenter les opérations crud (créer, lire, mettre à jour et supprimer) dans un environnement javascript via back4app elle fournit également des extraits de code et un environnement en ligne pour exécuter et tester votre code sans configuration locale voir plus sur le sdk parse à référence api du sdk javascript parse et documentation open source de parse pour le sdk javascript prérequis il n'y a pas de requis supplémentaires autres que d'avoir des connaissances de base en javascript optionnel pour compléter ce tutoriel en utilisant votre propre application, vous aurez besoin de une application créée et configurée pour javascript sur back4app remarque suivez le tutoriel d'installation du sdk parse javascript pour apprendre comment faire cela 1 configurer l'environnement ce guide utilise la jsbin plateforme comme éditeur de code c’est très facile à utiliser, il vous suffit d’ouvrir sa page principale et de cliquer sur les html html , javascript javascript et console console boutons la première étape pour commencer à coder est d’inclure l’api parse et d’ajouter les clés de votre application pour ce tutoriel, une application back4app publique a été créée afin que vous puissiez vérifier vos modifications sur la base de données sans avoir à créer votre propre application optionnel pour vérifier la base de données parse pour cet exemple, vous devez créer votre propre application et accéder à l’ parse dashboard parse dashboard option pour inclure l’api parse dans votre application, ajoutez la ligne de code suivante à l’intérieur de la html html ’s head tag ajoutez ensuite vos identifiants au début du javascript javascript fichier les clés par défaut sont celles liées à notre application publique //paste your application key and javascript key, respectively parse initialize("your application id", "your javascript key"); parse serverurl = "https //parseapi back4app com/"; dans ce tutoriel, nous allons construire les opérations crud basées sur une classe pet qui a des champs de nom et d'âge, où le nom est une chaîne et l'âge est un nombre pour cela, le code doit commencer par créer une sous classe de la classe pet afin qu'elle puisse être utilisée plus tard dans nos fonctions, comme montré ci dessous var pet = parse object extend("pet"); toutes les opérations de base nécessiteront que l'utilisateur indique quel est le nom du pet souhaité de cette façon, créez une variable globale “textname” c'est aussi une bonne idée de créer une variable “textage”, qui sera utilisée dans les méthodes de création et de mise à jour var textname = "myname"; var textage = 10; 2 créer la créer créer fonction va créer un nouvel animal de compagnie avec le nom et l'âge que vous avez fournis dans les variables “textname” et “textage” pour construire cette fonction, suivez simplement ces étapes faites une nouvelle instance de la classe pet de parse avec la commande utilisez la set set fonction pour définir les paramètres de cet objet appelez la save save fonction, qui enregistrera effectivement l'animal de compagnie dans votre base de données dans le tableau de bord parse tableau de bord parse vous pouvez ouvrir le fonction de création javascript back4app pour voir le code qui a déjà été implémenté le code pour la créer créer fonction est écrit ci dessous 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); }); } pour le tester, collez ce code dans le fichier javascript dans le jsbin , cliquez sur le exécuter exécuter bouton dans la partie console et attendez la sortie cela devrait imprimer que l'animal de compagnie a été créé avec succès pour confirmer que le nouvel objet est dans la base de données, vous pouvez accéder au tableau de bord parse tableau de bord parse ou vous pouvez coder la fonction de lecture fonction de lecture 3 lire la fonction de lecture fonction de lecture est responsable de l'interrogation de la base de données et du retour de l'objet qui correspond à vos critères de recherche elle peut également être utilisée pour vérifier l'existence d'un objet voici le guide étape par étape pour construire votre propre fonction de lecture fonction de lecture faites une instance de la classe query de parse ajoutez des contraintes à votre requête pour restreindre la recherche plus d'options de contraintes peuvent être trouvées dans la documentation des requêtes parse effectuez la méthode de recherche de la requête ce tutoriel utilisera query first query first pour obtenir uniquement le premier élément qui correspond à vos critères si les opérations réussissent, un objet animal de compagnie sera retourné si aucun objet n'est trouvé, l'objet retourné aura une valeur de undefined vous pouvez ouvrir le fonction de lecture javascript back4app pour voir le code qui a déjà été implémenté le code pour la lecture lecture fonction est le suivant 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); }); } pour tester la lecture lecture fonction, collez le code dans votre fichier javascript jsbin lorsque le code s'exécute, il affichera l'âge de l'animal trouvé (s'il est trouvé) ou affichera qu'aucun animal n'a été trouvé si, lors du test, l'âge affiché ne correspond pas à l'âge de votre objet, cela signifie qu'il y a plusieurs objets avec le même nom, mais votre requête ne renvoie qu'un seul d'entre eux donc, pour vraiment tester la lecture lecture fonction, créez un objet avec un autre nom, un que personne n'a encore créé, puis exécutez la fonction, qui affichera correctement l'âge de l'objet 4 mise à jour pour la mise à jour mise à jour fonction, un animal est passé en paramètre et la fonction change son âge pour celui que vous avez fourni dans la variable “textage” pour trouver l'animal qui sera passé, nous utilisons une version modifiée de notre lecture lecture fonction voici les étapes pour créer votre propre mise à jour mise à jour fonction écrivez une fonction de lecture modifiée appelée readthenupdate readthenupdate , qui appelle la mise à jour mise à jour fonction lorsqu'elle trouve un animal avec succès dans la mise à jour mise à jour fonction, utilisez la set set fonction pour modifier les paramètres de votre animal appelez la sauvegarde sauvegarde fonction pour cet animal afin de pousser les modifications dans la base de données vous pouvez ouvrir le fonction de mise à jour javascript back4app pour voir le code qui a déjà été implémenté voici le code pour la readthenupdate readthenupdate fonction et update update fonction 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); }); } pour confirmer si la update update fonction fonctionne, collez le code ci dessus dans le fichier javascript sur la page jsbin utilisez un nom inhabituel pour votre objet afin de ne pas entrer en conflit avec d'autres utilisateurs, puis suivez ces étapes 1\ créez un objet avec le nom souhaité 2\ vérifiez que l'objet est créé avec votre read read fonction 3\ appelez votre readthenupdate readthenupdate fonction créée dans ce sujet avec un âge différent de celui d'origine 4\ vérifiez si l'âge de l'animal a changé en appelant à nouveau votre read read fonction 5 supprimer la suppression suppression fonction efface un animal de compagnie reçu par la lecture lecture fonction c'est une action irréversible, ce qui signifie que vous devez faire attention en l'utilisant, surtout parce que votre lecture lecture fonction pourrait renvoyer plus d'objets que vous ne souhaitez réellement supprimer pour cette raison, il est recommandé de supprimer un seul objet à la fois les étapes pour écrire votre propre suppression suppression fonction peuvent être trouvées ci dessous à la fin du succès de votre fonction “lecture” ( lirepuissupprimer lirepuissupprimer , faites un appel à la suppression suppression fonction dans la supprimeranimal supprimeranimal fonction, appelez la méthode de destruction sur l'objet reçu “animaltrouvé” vous pouvez ouvrir le fonction de suppression javascript back4app pour voir le code qui a déjà été implémenté voici le code pour la readthendelete readthendelete fonction et deletepet deletepet fonction 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); }); } pour le tester, il est recommandé de créer un objet avec un nom inhabituel tout comme les autres fonctions pour ne pas entrer en conflit avec les objets d'autres utilisateurs il suffit de coller le code dans le jsbin et d'exécuter le code avec le nom de votre objet et l'objet qui sera supprimé ensuite, vous pouvez appeler votre read read fonction pour confirmer qu'il n'y a pas d'objets avec ce nom si la lecture renvoie un objet, ce qui ne devrait pas être le cas, cela signifie probablement que vous avez plusieurs objets avec le même nom et qu'il en a renvoyé un comme le delete delete fonction qui ne supprime qu'un seul objet vous pouvez vérifier votre objet en accédant à votre parse dashboard parse dashboard c'est fait ! à ce stade, vous avez appris à effectuer les opérations crud de base avec javascript