搭建前后端分离项目(vue+node+mysql)
第二章 node服务端连接MySql数据库
一、Node配置热更新
首先需要安装 nodemon 依赖
安装方式
一:全局安装
npm install nodemon -g
示例:
二:依赖安装
npm install -save nodemon
示例:
安装完毕
就可已使用"nodemon api.js"语句运行。(api.js为你的入口文件)
也可以在 package.json 文件中进行配置,配置好之后可以使用"npm run start"运行项目,具体配置如下:
二、安装mysql依赖
项目需要使用到 mysql ,将mysql依赖安装到项目中,安装语句如下:
npm install mysql
示例如下:
三.编写api
1.配置数据库
新建一个common文件夹,在该文件夹下建立db.js文件
在db.js文件内配置需要连接的数据库信息:
const mysql = require('mysql');
const db = mysql.createConnection({
host: '127.0.0.1',
user: 'root',
password: '123456',
database: 'wzq'
});
db.connect();
module.exports = (sql, callback) => {
return new Promise((resolve, reject) => {
db.query(sql, (err, data) => {
if (err) reject(err);
else resolve(data);
});
});
};
2.编写请求处理
在login.js文件中编写代码如下(示例):
const express = require('express');
const router = express.Router();
//引入数据库配置文件
const db = require('../common/db');
router.get('/select', async (req, res) => {
try {
const [data] = await db('select * from user where id = 1');
if (data) {
res.json({ code: 0, data, message: '' });
} else {
res.json({ code: -1, data: null, message: '用户不存在' });
}
} catch (e) {
res.json({code: -1, data: null, message: e});
}
});
module.exports = router;
3.成功返回数据
我在数据库建立的表为 user 表表内数据为:
当我请求成功后返回的数据如下:
总结
Node服务器连接上数据库,可以根据条件的取到不同的数据,一个简易的Node+MySql就搭建完成了。
下一章新建一个vue项目将通过POST或GET等传递参数,Node根据接口以及参数返回不同的数据。
不做理想的巨人,行动的矮子。言行一致,争创成功。