Maison > Article > interface Web > Analyse des étapes pour connecter nodejs à la base de données mysql

Analyse des étapes pour connecter nodejs à la base de données mysql

php中世界最好的语言original: 2018-05-04 09:02:201302parcourir

Cette fois, je vais vous apporter une analyse des étapes pour connecter nodejs à la base de données mysql , et quelles sont les précautions pour que nodejs se connecte à la base de données mysql. cas pratique, jetons un coup d'oeil.

Les exemples de cet article décrivent la connexion de nodejs à la base de données MySQL et les points de connaissances de base. Partagez-le avec tout le monde pour votre référence, comme suit :

1. Plusieurs variables globales couramment utilisées

1. Obtenez le courant. file Le chemin filename2.
Récupère le répertoire du fichier actuel dirname3
Récupère le répertoire du projet en cours process.cwd()

2. Importer et exporter de fichiers

1. Utilisez

pour importer le fichier require

2. Utilisez

pour exporter les variables, méthodes et objets spécifiés dans le fichier module.exports

3. nodeConstruction du projetStructure du répertoire

démo

package.json Packages ou modules dont dépend le projet en cours
routeur Fichiers qui stockent les itinéraires
vues Modules qui stockent les vues
public Fichiers statiques
module Module d'écriture tel qu'une base de données
app.js Fichier d'entrée principal

4. Écrivez la vue de routage séparément dans routerDans le fichierdemo

1. 🎜>

5. Utilisez le modèle

const express = require("express");
const router = express.Router();
router.get("/", (req, res) => {
 res.send("hello word");
});
router.get("/article", (req, res) => {
 res.send("我是文章列表");
})
module.exports = router;

'use strict';
const express = require("express");
const app = express();
app.use("/",require("./router/03_router"))
app.use("/app",require("./router/03_router1"))
app.listen(3000);

1. pas besoin d'être introduit. ejs2. Dans la page principale Configurez

dans le fichier 3. Utilisez

①, fichier modèle

npm install ejs --save

②, et restituez le modèle

//配置模板的文件路径
app.set("views",dirname+"/views");
//配置模板引擎
app.set("view engine","ejs");

dans l'itinéraire ③ Fichier principal

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport"
   content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
</head>
<body>
<h1>我是模板渲染的</h1>
</body>
</html>

6. À propos de l'utilisation de <.>

'use strict';
const express = require("express");
const router = express.Router();
router.get("/", (req, res) => {
 //可以直接使用res.render("03_index");
 res.render("03_index.ejs");
});
router.get("/article", (req, res) => {
 res.send("我是文章列表");
})
module.exports = router;

fichier modèle

'use strict';
const express = require("express");
const app = express();
//配置模板的文件路径
app.set("views",dirname+"/views");
//配置模板引擎
app.set("view engine","ejs");
app.use("/",require("./router/03_router"))
app.use("/app",require("./router/03_router1"))
app.listen(3000);

1. Données de retourejsChamps ordinaires3. Tableau itératif

...
let dataset = {
 name:"张三",
 age:20,
 books:['三国演义','西游记','红楼梦','水浒传']
}
res.render("03_index.ejs",dataset);
...

7. Chargement de fichiers statiques

<h2><%= name %></h2>
<h2><%= age %></h2>

1. Configurez

<ul>
 <% for(let i in books){%>
  <li><%= books[i] %></li>
 <%}%>
</ul>

dans le fichier principal. 2. Utilisez-le dans le modèle

8. Utilisez

//设置静态文件的加载(js,css,img)
app.use(express.static(dirname+"/public"));

Base de données

<link rel="stylesheet" href="./css/bootstrap.css" rel="external nofollow" >
<script type="text/javascript" src="./js/jquery-3.1.1.min.js"></script>
<img src="./img/002.jpg">
...

1. un fichier dans mysql2. Dans Utiliser les données de requête

① dans la vue, importer des fichiers moduledb.js

② , utilisez

'use strict';
const mysql = require("mysql");
/**
 * 将整个方法全部暴漏出去
 * @param sql sql语句
 * @param arg 传递到sql语句中的参数，可以不写
 * @param callback 回调函数，可以不写
 */
module.exports = function (sql,arg,callback) {
 //1.创建连接(根据自己的数据库配置)
 let config = mysql.createConnection({
  host:"localhost", //数据库的地址
  user:"root", //数据库用户名
  password:"root", //数据库密码
  port:"3306", //mysql数据库的端口号
  database:"mybatistest" //使用那个数据库
 });
 //2.开始连接数据库
 config.connect();
 //3.对数据库的增删改查操作
 config.query(sql,arg,(err,data)=>{
  callback && callback(err,data);
 })
 //4.关闭数据库
 config.end();
}

router3 dans la vue, ajoutez de nouvelles données

① , Voir l'exemple de code pour la page frontale

//引入数据库文件
const db = require("./../module/db");

②, Obtenez les paramètres des données utilisateur via

router.get("/", (req, res) => {
 db("select * from m_dept",(err,data)=>{
  console.log(data);
  res.render("03_index.ejs",{data:data});
 })
});

9. À propos de

req.query Méthode de retour

router.get("/regist",(req, res)=>{
 //获取到输入参数，前提是input上要写name
 console.log(req.query);
 db("insert into student(name,age) values(?,?)",[req.query.username,req.query.age],(err,data)=>{
  console.log(data);
  if(data){
   res.send("成功");
  }
 })
})

nodeDans le modèle de développement de séparation front-end et back-end, les données renvoyées par le backend sont généralement json, et il n'est pas nécessaire d'utiliser le moteur de modèles ejs jsonJe crois que vous avez maîtrisé la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php ! Lecture recommandée :

Résumé Nodejs des méthodes de traitement du cryptage des mots de passe

...
res.json({
 info:"成功",
 code:1
});
...

Résumé de la méthode de transfert de données Vue

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

Article précédent：Node implémente un serveur de ressources statiquesArticle suivant：Node implémente un serveur de ressources statiques

Articles Liés

Voir plus