recherche
Maisoninterface WebQuestions et réponses frontalesComment installer le package mysql dans nodejs

Vous pouvez utiliser l'outil npm pour installer le package mysql dans nodejs. La méthode d'installation spécifique : 1. Ouvrez le terminal et entrez le répertoire de projet spécifié ; 2. Exécutez la commande « npm install mysql --save » et attendez le résultat. téléchargement et installation pour terminer.

Comment installer le package mysql dans nodejs

L'environnement d'exploitation de ce tutoriel : système windows7, nodejs version 14.15.4, ordinateur DELL G3.

Comment installer le package mysql et se connecter à MySQL à l'aide de nodejs

Vous devez d'abord installer nodejs et npm.

Écrit un petit exemple simple. L'intégralité du petit exemple utilise le framework express et ejs ont été téléchargés dans node_modules. Jetons d'abord un coup d'œil au répertoire :

Comment installer le package mysql dans nodejs

server.js =》 Fichier de démarrage du serveur node.js

db.js =》 Fichier d'opération de base de données

views =》 Stocke les fichiers de modèle, où se trouvent toutes les pages stocké

public =》 Un endroit où toutes les ressources statiques sont stockées, telles que les images CSS js et autres

Comment se connecter à MySQL :

La première étape consiste à installer un package npm appelé MySQL, qui est. officiellement fourni. La stabilité peut être garantie. Bien sûr, il existe d'autres packages npm. Ici, nous utilisons uniquement le package mysql. La méthode d'installation est très simple, entrez la commande npm install mysql --save et attendez la fin du téléchargement

Lorsque vous voyez cela, l'installation est réussie.

Ensuite, nous ouvrons le fichier db.js et écrivons quelques codes nécessaires aux opérations de la base de données. Voir l'image ci-dessous :

Le code est très petit et la signification est évidente. La première étape doit être d'introduire le mysql. package, puis nous créons un objet vide et lui attribuons une méthode appelée requête. Cette méthode accepte deux paramètres. Le premier paramètre est l'instruction SQL lorsque vous interrogez les données, et le deuxième paramètre est la fonction de rappel pour obtenir les résultats de la requête.

En regardant à l'intérieur de la fonction, le premier bloc de code est utilisé pour définir la configuration du fonctionnement de mysql :

host représente l'adresse d'installation de mysql, car j'ai une base de données locale, j'utilise donc directement localhost

  • user représente Le nom d'utilisateur de mysql

  • password représente le mot de passe de mysql

  • database représente le nom de la bibliothèque spécifique que vous souhaitez choisir d'exploiter

  • port représente le port, qui peut être laissé vide. La valeur par défaut est 3306

mysql. La valeur de retour de createConnection, connection, est un objet spécifique pour notre prochaine opération de mysql. Toutes les méthodes d'opération sont basées sur celui-ci.

Appelez la méthode de connexion connect pour déterminer si la connexion réussit. Si elle échoue, imprimez le message d'erreur et arrêtez de fonctionner.

Appelez la méthode de requête de connexion pour envoyer des instructions SQL directement à la base de données et utilisez la fonction de rappel pour renvoyer le résultat. Il y a trois paramètres dans la fonction de rappel. l'opération échoue, elle s'arrêtera et imprimera le message d'erreur. Le deuxième paramètre est le résultat spécifique renvoyé. Dans des circonstances normales, il s'agit d'un tableau qui contient beaucoup de json. Le troisième paramètre est également un tableau qui contient l'explication. de chaque donnée, comme celle à laquelle appartiennent les données actuelles, cette table, etc. Naturellement, le deuxième paramètre que nous utilisons le plus est le deuxième paramètre. Lorsque l'opération de base de données est terminée, la connexion est fermée. Je ne sais pas si quelqu'un a rencontré le problème de perte. Lorsque je visite la page d'accueil pour la première fois, la connexion à la base de données est normale. Lorsque je visite la page d'accueil pour la deuxième fois, la connexion à la base de données ne peut pas être connectée et un message d'erreur est signalé indiquant que la connexion est perdue. La raison en est que nous fermons la connexion à la base de données après chaque opération de base de données. Lorsque nous accédons à nouveau à la base de données, nous ne trouvons pas la connexion, mais la connexion doit être fermée. Certaines personnes peuvent trouver étrange que le fichier db.js soit fermé. accessible à chaque fois que nous visitons la page d'accueil. N'y a-t-il pas une nouvelle connexion générée à chaque fois ? Oui, c'est juste que le code qui a généré la connexion au début n'a pas été placé dans la fonction db.query, mais a été placé à l'extérieur, comme indiqué ci-dessous :

La connexion ne sera générée qu'une seule fois. Après sa fermeture, la deuxième interview ne sera pas connectée. Après l'avoir placé dans la fonction, utilisez les exportations pour exposer l'interface au monde extérieur. Chaque fois que vous visitez la page d'accueil, vous suivrez à nouveau le processus de création d'une connexion et vous obtiendrez une nouvelle connexion à chaque fois, il n'y aura donc aucun problème d'accès. En fait, le pool de connexions peut être utilisé directement dans le projet. J'ai évité beaucoup de problèmes.

Le deuxième problème est que nous avons introduit db.js dans server.js

Vous avez peut-être vu à ce moment-là que mysql.query a deux paramètres, le premier est sql et le second est la fonction de rappel, le La fonction de rappel a un paramètre de résultat, qui est en fait le résultat de la requête de base de données. Certaines personnes peuvent se demander pourquoi ne pas utiliser return directement dans db.js pour renvoyer les résultats de la requête et effectuer quelques rappels !

En fait, voici quelques problèmes causés par l'asynchronie de node.js Si nous changeons le code dans server.js par l'image ci-dessous

car nous voyons que la méthode de requête du package mysql. est une opération asynchrone. Cela fait que la méthode res.render() suivante n'attend pas que le résultat soit interrogé avant de l'exécuter. Souvent, la page sera rendue avant la sortie du résultat, mais les données ne sont pas obtenues, donc une. l'erreur sera signalée. Par conséquent, nous avons dû transmettre une fonction de rappel. Une fois la méthode de requête MySQL terminée, les résultats ont été transmis à la fonction de rappel que nous avons écrite nous-mêmes via des paramètres, afin que nous puissions obtenir les résultats dans la fonction de rappel. Effectuez ensuite le rendu. Bien sûr, pour résoudre ce problème, vous pouvez également introduire le package tiers async pour résoudre le problème asynchrone. Cela dépend de chaque individu.

【Recommandation associée : "Comment installer nodejs dans un environnement Windows ? 》】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Optimisation des performances avec USESTate () dans les applications ReactOptimisation des performances avec USESTate () dans les applications ReactApr 27, 2025 am 12:22 AM

UseState () isCrucialForoptimizingreAttPperformanceDuetoitSImpactonre-RendersAndupdates.Tooptimize: 1) useUseCallbackTomemoizefunctionsandPreventunnesseyre-Reders.2) employUseMemoforCachingExpenSiveCompulements.3) BreakStateIntosmalLerverAbleSformoror

Partage de l'état entre les composants en utilisant le contexte et UseState ()Partage de l'état entre les composants en utilisant le contexte et UseState ()Apr 27, 2025 am 12:19 AM

Utilisez le contexte et UseState pour partager les États car ils peuvent simplifier la gestion des États dans les grandes applications REACT. 1) Réduire la propulsion, 2) Code plus clair, 3) plus facile à gérer l'état mondial. Cependant, faites attention aux frais généraux de performance et à la complexité de débogage. L'utilisation rationnelle du contexte et la technologie d'optimisation peut améliorer l'efficacité et la maintenabilité de l'application.

L'impact des clés incorrectes sur les mises à jour virtuelles de React de ReactL'impact des clés incorrectes sur les mises à jour virtuelles de React de ReactApr 27, 2025 am 12:19 AM

L'utilisation de clés incorrectes peut entraîner des problèmes de performance et un comportement inattendu dans les applications REACT. 1) La clé est un identifiant unique de l'élément de liste, aidant à réagir à mettre à jour efficacement le Dom virtuel. 2) L'utilisation de la même clé ou non unique entraînera la réorganisation des éléments de liste et les états de composants à perdre. 3) L'utilisation d'identifiants stables et uniques car les clés peuvent optimiser les performances et éviter une rérivation complète. 4) Utilisez des outils tels que Eslint pour vérifier l'exactitude de la clé. Une utilisation appropriée des clés assure des applications de réaction efficaces et fiables.

Comprendre les clés dans React: Optimisation du rendu de listeComprendre les clés dans React: Optimisation du rendu de listeApr 27, 2025 am 12:13 AM

INRENACT, les clés de la manière

Erreurs courantes à éviter lorsque vous travaillez avec UseState () dans ReactErreurs courantes à éviter lorsque vous travaillez avec UseState () dans ReactApr 27, 2025 am 12:08 AM

UseState est souvent mal utilisé dans React. 1. Misonction du mécanisme de travail d'Usestate: le statut ne sera pas mis à jour immédiatement après SetState. 2. État de mise à jour d'erreur: SetState dans le formulaire de fonction doit être utilisé. 3. Surutiliser UseState: Utilisez des accessoires si nécessaire. 4. Ignorez le tableau de dépendance de l'utilisation Effecte: le tableau de dépendance doit être mis à jour lorsque l'état change. 5. Considérations de performances: les mises à jour par lots des états et les structures d'état simplifiées peuvent améliorer les performances. La compréhension et l'utilisation correctes de l'USESTATE peuvent améliorer l'efficacité du code et la maintenabilité.

Nature adaptée au référencement de React: Amélioration de la visibilité du moteur de rechercheNature adaptée au référencement de React: Amélioration de la visibilité du moteur de rechercheApr 26, 2025 am 12:27 AM

Oui, ReactApplicationsCanBeseo-convivialwithProperstrategies.1) usewerver-sideredering (ssr) withtoolslikenext.jstogeneratefullhtmlfralindexing.2) implémentstaticSitegeneration (SSG)

Les goulots d'étranglement des performances de React: identifier et optimiser les composants lentsLes goulots d'étranglement des performances de React: identifier et optimiser les composants lentsApr 26, 2025 am 12:25 AM

Les goulots d'étranglement des performances réagissent principalement par un rendu inefficace, un rendu inutile et un calcul du poids lourd interne des composants. 1) Utilisez Reactdevtools pour localiser les composants lents et appliquer l'optimisation React.Memo. 2) Optimisez Utilisation Effecteur pour s'assurer qu'il s'exécute uniquement lorsque cela est nécessaire. 3) Utilisez UseMemo et UseCallback pour le traitement de la mémoire. 4) Divisez le grand composant en petits composants. 5) Pour les listes de Big Data, utilisez la technologie de défilement virtuel pour optimiser le rendu. Grâce à ces méthodes, les performances des applications React peuvent être considérablement améliorées.

Alternatives à React: Exploration d'autres bibliothèques et cadres d'interface utilisateur JavaScriptAlternatives à React: Exploration d'autres bibliothèques et cadres d'interface utilisateur JavaScriptApr 26, 2025 am 12:24 AM

Quelqu'un peut rechercher des alternatives pour réagir en raison de problèmes de performance, des courbes d'apprentissage ou d'explorer différentes méthodes de développement de l'interface utilisateur. 1) Vue.js est félicité pour sa facilité d'intégration et sa courbe d'apprentissage légère, adaptée aux petites et grandes applications. 2) Angular est développé par Google et convient aux grandes applications, avec un système de type puissant et une injection de dépendance. 3) Svelte offre d'excellentes performances et simplicité en la compilant en JavaScript efficace au moment de la construction, mais son écosystème est toujours en croissance. Lors du choix des alternatives, ils doivent être déterminés en fonction des besoins du projet, de l'expérience de l'équipe et de la taille du projet.

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Dreamweaver Mac

Dreamweaver Mac

Outils de développement Web visuel

Listes Sec

Listes Sec

SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.

mPDF

mPDF

mPDF est une bibliothèque PHP qui peut générer des fichiers PDF à partir de HTML encodé en UTF-8. L'auteur original, Ian Back, a écrit mPDF pour générer des fichiers PDF « à la volée » depuis son site Web et gérer différentes langues. Il est plus lent et produit des fichiers plus volumineux lors de l'utilisation de polices Unicode que les scripts originaux comme HTML2FPDF, mais prend en charge les styles CSS, etc. et présente de nombreuses améliorations. Prend en charge presque toutes les langues, y compris RTL (arabe et hébreu) ​​et CJK (chinois, japonais et coréen). Prend en charge les éléments imbriqués au niveau du bloc (tels que P, DIV),

SublimeText3 version anglaise

SublimeText3 version anglaise

Recommandé : version Win, prend en charge les invites de code !

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft