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, filenameObtenir 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. nodeConstruction 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
fichier
router1. fichier demo2. 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;Copier après la connexion
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);Copier après la connexion
Modèleejs1. Besoin d'installer mais ne peut pas être introduit 2. Configurer dans le fichier principal
Utiliser
npm install ejs --save
Copier après la connexion
①, fichier modèle
//配置模板的文件路径
app.set("views",dirname+"/views");
//配置模板引擎
app.set("view engine","ejs");Copier après la connexion
②, 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>
Copier après la connexion
'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
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);Copier après la connexion
fichiers modèlesejs1. Renvoyer les données 2. Champs ordinaires
3. Tableau itératif
...
let dataset = {
name:"张三",
age:20,
books:['三国演义','西游记','红楼梦','水浒传']
}
res.render("03_index.ejs",dataset);
...Copier après la connexion
<h2><%= name %></h2>
<h2><%= age %></h2>
Copier après la connexion
7. Charger des fichiers statiques
<ul>
<% for(let i in books){%>
<li><%= books[i] %></li>
<%}%>
</ul>Copier après la connexion
1. Configurer dans le fichier principal 2. Utilisez
//设置静态文件的加载(js,css,img)
app.use(express.static(dirname+"/public"));
Copier après la connexion
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">
...
Copier après la connexion
base de donnéesmysql1. Créez un fichier dans
2. Utilisez les données de requête dans la vue 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
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");Copier après la connexion
②. 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});
})
});Copier après la connexion
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("成功");
}
})
})Copier après la connexion
Méthode nodeEn 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
});
...Copier après la connexion
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
