Maison > interface Web > js tutoriel > 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中世界最好的语言
Libérer: 2018-05-04 09:02:20
original
1330 Les gens l'ont consulté

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;
Copier après la connexion

'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);
Copier après la connexion

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

dans le fichier 3. Utilisez

①, fichier modèle
npm install ejs --save
Copier après la connexion
.

②, et restituez le modèle
//配置模板的文件路径
app.set("views",dirname+"/views");
//配置模板引擎
app.set("view engine","ejs");
Copier après la connexion

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>
Copier après la connexion

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;
Copier après la connexion

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);
Copier après la connexion

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

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

7. Chargement de fichiers statiques

<h2><%= name %></h2>
<h2><%= age %></h2>
Copier après la connexion

1. Configurez
<ul>
 <% for(let i in books){%>
  <li><%= books[i] %></li>
 <%}%>
</ul>
Copier après la connexion

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

8. Utilisez

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

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">
...
Copier après la connexion

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();
}
Copier après la connexion

router3 dans la vue, ajoutez de nouvelles données

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

//引入数据库文件
const db = require("./../module/db");
Copier après la connexion
②, 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});
 })
});
Copier après la connexion

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("成功");
  }
 })
})
Copier après la connexion

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
});
...
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal