Maison > Article > interface Web > Explication détaillée des étapes pour connecter nodejs à la base de données mysql
Cette fois, je vous apporte une explication détaillée 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.
1. Plusieurs variables globales couramment utilisées
1, filename
Obtenir le chemin du fichier actuel
2, dirname
Récupérer le répertoire du fichier en cours
3. process.cwd()
Récupérer le répertoire du projet en cours
2. Importer et exporter des fichiers
1 , Utilisez require
pour importer des fichiers
2. Utilisez module.exports
pour exporter des variables, des méthodes, des objets spécifiés dans le fichier
3. node
Construction du projetStructure du répertoire
démo
package.json Packages ou modules que le projet actuel dépend de
routeur Fichier qui stocke le routage
vues Module qui stocke les vues
Modules tels que la base de données app.js
Fichier d'entrée principal
Quatrièmement, écrivez la vue de routage séparément dans le
router
1. fichier demo
2. Appelez
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;
dans le fichier principal 5. Utilisez
'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);
Modèleejs
1. Besoin d'installer mais ne peut pas être introduit 2. Configurer dans le fichier principal
npm install ejs --save
①, fichier modèle
//配置模板的文件路径 app.set("views",dirname+"/views"); //配置模板引擎 app.set("view engine","ejs");
②, modèle de rendu 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>
'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;
6. À propos de l'utilisation des
'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);
fichiers modèlesejs
1. Renvoyer les données 2. Champs ordinaires
3. Tableau itératif
... let dataset = { name:"张三", age:20, books:['三国演义','西游记','红楼梦','水浒传'] } res.render("03_index.ejs",dataset); ...
<h2><%= name %></h2> <h2><%= age %></h2>
7. Charger des fichiers statiques
<ul> <% for(let i in books){%> <li><%= books[i] %></li> <%}%> </ul>
1. Configurer dans le fichier principal 2. Utilisez
//设置静态文件的加载(js,css,img) app.use(express.static(dirname+"/public"));
dans le modèle 8. Utilisez
<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"> ...
base de donnéesmysql
1. Créez un fichier dans
2. Utilisez les données de requête dans la vue module
db.js
'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(); }
router
dans la vue. 3. Ajoutez de nouvelles données
① Voir l'exemple de code sur la page d'accueil
//引入数据库文件 const db = require("./../module/db");②. paramètres de 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
renvoyant
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("成功"); } }) })
Méthode node
En mode 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 template ejs json
Je pense que vous avez lu cet article. Vous maîtrisez la méthode des cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php ! Lecture recommandée :
vue traite les données obtenues par storejs
... res.json({ info:"成功", code:1 }); ...
Que faire si l'environnement de développement local n'est pas accessible par IP
Exemple de code pour créer des effets spéciaux de feux d'artifice à l'aide des compétences p5.js_javascript
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!