Maison > interface Web > js tutoriel > Explication détaillée de la connexion nodejs à la base de données mysql et points de connaissances de base

Explication détaillée de la connexion nodejs à la base de données mysql et points de connaissances de base

亚连
Libérer: 2018-05-25 16:36:23
original
1694 Les gens l'ont consulté

Cet article présente principalement nodejs pour se connecter à la base de données mysql. Il résume et analyse les modèles et configurations associés de nodejs pour se connecter et faire fonctionner la base de données mysql sous forme d'exemples, ainsi que la requête de base de données mysql, l'ajout de données et d'autres compétences opérationnelles. .Les amis dans le besoin peuvent s'y référer

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. nodeStructure du répertoire du projet

démo

package.json Le projet actuel dépend du package ou du module
routeur Fichier qui stocke les routes
vues Module qui stocke les vues
Modules d'écriture tels que des bases de données app.js
Fichier d'entrée principal
4. Écrivez la vue de routage séparément dans le

fichier

router1. Afficher le fichier demo

2. Appeler

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

5. Utilisez le modèle
'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. introduire ejs

2. Configurer

npm install ejs --save
Copier après la connexion

<🎜 dans le fichier principal >

3. Utilisez

①, le fichier modèle

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

② et affichez le modèle

<🎜 dans l'itinéraire >

<!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

③, fichier principal

&#39;use strict&#39;;
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

'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
Utilisation des fichiers modèles

1. Renvoyer les donnéesejs

2. Champs ordinaires

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

3. Tableau itératif

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

7. Charger les fichiers statiques

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

1. Configuration 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ées

1. Créez un fichier dans mysql

module2. 🎜>db.js① dans la vue, importez le fichier

&#39;use strict&#39;;
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

②, utilisez router

dans la vue

//引入数据库文件
const db = require("./../module/db");
Copier après la connexion
3. Ajouter de nouvelles données

①, voir l'exemple de code sur la page frontale

②, obtenir 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 la manière de revenir req.query

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

Dans 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

nodejsonJ'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir. Articles connexes :

Composition technologique Ajax et analyse des principes de base

...
res.json({
 info:"成功",
 code:1
});
...
Copier après la connexion
Analyse de chargement asynchrone Ajax

À propos du flux de sortie à la fin du servlet en technologie Ajax


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