NodeJs + Mysql 实现项目开发
第一步：在本地环境安装MySQL
Mac 安装 MySQL整体流程：
https://www.cnblogs.com/nickchen121/p/11145123.html
MySQL 使用命令行：
# 启动 MySQL sudo mysql.server start sudo /usr/local/mysql/support-files/mysql.server start # 停止MySql服务： sudo /usr/local/mysql/support-files/mysql.server stop # 重启MySql服务： sudo /usr/local/mysql/support-files/mysql.server restart # 进入 MySQL mysql -u root -p # 列出 MySQL 数据库管理系统的数据库列表 SHOW DATABASES; # 查看数据库的编码方式 show variables like 'character%';
MySQL 安装流程注意事项：
注意一定要配置 my.cnf 文件，更改数据库的编码格式为utf8，否则录入中文数据会显示乱码。可通过 查看数据库的编码方式 命令行查看数据库的编码格式，为以下情况正常：
第二步：安装数据库可视化界面操作工具
MAC环境下使用的是 sequel-pro
下载地址为 http://www.sequelpro.com/
操作教程 https://blog.csdn.net/huacha__/article/details/81662142
注意事项：创建新的数据表时，要选择编码格式为utf8,否则写入的中文会变成?? 乱码
第三步：对数据库进行增删改查，使用express框架
基本流程参考：
https://blog.csdn.net/hust_cxl/article/details/79929093
https://www.cnblogs.com/cth0/p/11680134.html
const express = require('express') // 引入express模块
const mysql = require('mysql') // 引入mysql模块
// 创建mysql实例
const connection = mysql.createConnection({
host: '127.0.0.1', // 服务器端口
user: 'root', // 用户名称
password: 'xiaojie520110', // 密码
database: 'test' // 连接的数据库
});
const app = express() // 创建express的实例
const port = 3000 // 定义监听端口
connection.connect(); // 启动连接数据库
// MySQL语法，这句意思为查询 SELECT * FROM表示查询，test1表示查询的数据表
const showSql = 'SELECT * FROM tets2'
// MySQL语法，这句意思为增加数据 INSERT INTO表示增加，test1表示增加的数据表 (name, age, email)为数据格式 VALUES(?,?,?) 为值
const addSql = "INSERT INTO tets2 (name, age, email) VALUES (?,?,?)";
const addSqlParams = ['菜鸟', 18, 'https://c.xxrunoob.com']; // 这是想增加的数据
// 写入数据
connection.query(addSql, addSqlParams, function (err, result) {
if (err) { // 操作失败报错
console.log('[SELECT ERROR]:', err.message);
}
console.log(result); //数据库查询结果返回到result中
});
// 查询数据
connection.query(showSql, function (err, result) {
if (err) { // 操作失败报错
console.log('[SELECT ERROR]:', err.message);
}
console.log(result); //数据库查询结果返回到result中
});
// 服务器响应请求
app.get('/', (req, res) => {
connection.query(showSql, function (err, result) {
if (err) { // 操作失败报错
console.log('[SELECT ERROR]:', err.message);
}
console.log(result); //数据库查询结果返回到result中
res.send(result[0])
});
})
// 监听3000端口
app.listen(port, () => console.log(`Example app listening on port ${port}!`))
// connection.end(); //结束连接！！！不能一直连着！！
第四步：定义请求接口，连接前端页面
后端定义的各个接口，本质上其实就是一个路由地址。例如 https://gw.n8n8.cn/list 这个后端接口，采用的是GET请求。当前端使用AJAX对这个接口发起请求的时候，实际上是触发后端执行对应的路由 “ /list ” 的逻辑。
对应到 express 里面，也就是触发 express 里面定义好的路由：在本地环境进行测试，这里的域名使用的是 127.0.0.1 ，也就是指向本地
POST请求需要使用 json解析中间件（body-parser），参考链接 https://www.cnblogs.com/xyyl/p/11039506.html
express 例子：
const express = require('express') // 引入express模块
const mysql = require('mysql') // 引入mysql模块
const bodyParser = require('body-parser');/*支持post方法*/
const app = express() // 创建express的实例
const port = 3000 // 定义监听端口
app.use(bodyParser.json());// 添加json解析
app.use(bodyParser.urlencoded({ extended: false }));
// 定义连接的数据库
const connection = mysql.createConnection({
host: '127.0.0.1', // 服务器端口
user: 'root', // 用户名称
password: 'xiaojie520110', // 密码
database: 'test' // 连接的数据库
});
// 允许接口跨域 这里指定允许所有接口跨域
app.all('*', function (req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
res.header("Access-Control-Allow-Headers", "X-Requested-With");
res.header('Access-Control-Allow-Headers', 'Content-Type');
next();
});
connection.connect(); // 启动连接数据库
// MySQL语法，这句意思为查询 SELECT * FROM表示查询，tets2表示查询的数据表
const showSql = 'SELECT * FROM tets2'
// 服务端响应login接口，POST请求方式
app.post('/login', function (req, res, next) {
const username = req.body.name; //获取post请求参数
const pwd = req.body.passwor;
res.json({ name: username, pwd: pwd });//数据返回前端
});
// 服务器响应请求 当前端发起 /list 接口的请求后，会触发这个逻辑
app.get('/list', (req, res) => {
connection.query(showSql, function (err, result) {
if (err) { // 操作失败报错
console.log('[SELECT ERROR]:', err.message);
}
res.send(result) // 将查询结果返回给页面
});
})
// 监听3000端口
app.listen(port, () => console.log(`Example app listening on port ${port}!`))
// connection.end(); //结束连接！！！不能一直连着！！
前端页面使用AJAX发起请求：
// 触发express里定义好的 /show 路由里各个逻辑 $.get("http://127.0.0.1:3000/show", function (data, status) { console.log(data) });
第五步： 在express中定义各种接口给前端页面调用
前端页面接口定义：
// 增加数据 $.post("http://127.0.0.1:3000/add", { name: "新增的数据", age: 22, email: "http://www.more.com" }, function (data, status) { console.log(data) }); // 删除数据 $.post("http://127.0.0.1:3000/delete", { id: 11, }, function (data, status) { console.log(data) }); // 更改数据 $.post("http://127.0.0.1:3000/edit", { id: 9, name: "更改数据", email: "http://www.baidu.com" }, function (data, status) { console.log(data) }); // 查询数据 $.get("http://127.0.0.1:3000/list", function (data, status) { console.log(data) });
后端接口定义：
// 增 app.post('/add', function (req, res, next) { const name = req.body.name; const email = req.body.email; const age = req.body.age; const addSqlParams = [name, email, age]; // MySQL语法，这句意思为查询 INSERT INTO表示新增，tets2表示查询的数据表 (name,email,age) VALUES(?,?,?) 表示新增的字段 const addSql = 'INSERT INTO tets2(name,email,age) VALUES(?,?,?)'; connection.query(addSql, addSqlParams, function (err, result) { if (err) { console.log('[UPDATE ERROR] - ', err.message); return; } res.json(result);//数据返回结果 }); }); // 删 app.post('/delete', function (req, res, next) { const id = req.body.id; const delSql = `DELETE FROM tets2 where id=${id}`; //数据库代码，tets2表中删除id为传入值的那一行。 connection.query(delSql, function (err, result) { if (err) { console.log('[UPDATE ERROR] - ', err.message); return; } res.json(result);//数据返回结果 }); }); // 改 app.post('/edit', function (req, res, next) { const id = req.body.id; const name = req.body.name; const email = req.body.email; const modSqlParams = [name, email, id]; // MySQL语法，这句意思为改数据 UPDATE 表示更改，tets2表示更改的数据表 SET name= ?,email = ? 表示更改name 和 email字段，WHERE Id = ? 表示更改条件 const modSql = 'UPDATE tets2 SET name= ?,email = ? WHERE Id = ?'; connection.query(modSql, modSqlParams, function (err, result) { if (err) { console.log('[UPDATE ERROR] - ', err.message); return; } res.json(result);//数据返回结果 }); }); // 查 app.get('/list', (req, res) => { // MySQL语法，这句意思为查询 SELECT * FROM表示查询，tets2表示查询的数据表 const showSql = 'SELECT * FROM tets2' connection.query(showSql, function (err, result) { if (err) { // 操作失败报错 console.log('[SELECT ERROR]:', err.message); } res.send(result) }); })
