vue + node + mysql + Navicat

node搭建服务器，使用Navicat 可视化工具操作mysql数据库 制作假接口

**
Navicat，mysql下载地址：https://pan.baidu.com/s/1dUWYj5KtQMYLHWLjvzAp1A 提取码 qnz4

## 一： 安装mysql

1. mysql安装自定义版本Custom
2. 接下来 将左边的选中到右边
   
3. 再继续 一直下一步，到设置密码，继续下一步 直到完成。
4. 配置环境变量 （win10）
   1）电脑右键属性 > 高级系统设置 > 环境变量 > 将MySQL的安装路径复制到这里我的路径为（C:\Program Files\MySQL\MySQL Server 8.0\bin）
   
5. 运行 打开cmd 快捷键（windows + R） 下文123456为数据库密码
6. 输入命令 mysql -uroot -p123456
   回车 出现图片中效果，表示启动成功。
   
   二： Navicat 直接安装（破解文件在百度网盘中）
   三：安装完成连接MySQL
   1.打开navicat 点击连接 再点击MySQL 就会出现以下界面，
   连接名可以随便起 ，
   主机名或者ip地址： 可以先是默认的localhost
   端口号：是数据库安装时的端口号
   密码：是安装数据库时设置的密码
   
   点击确定
   双击连接名会报错，需要分别执行以下三个命令
   
   通过以下方式执行命令：
   ALTER USER ‘root’@‘localhost’ IDENTIFIED BY ‘123456’ PASSWORD EXPIRE NEVER;
   ALTER USER ‘root’@‘localhost’ IDENTIFIED WITH mysql_native_password BY ‘123456’;
   FLUSH PRIVILEGES;
   
   执行完以后就可以啦，就可以使用Navicat可视化工具操作MySQL数据库啦

四： 使用node环境连接数据库

1. 安装express： npm install express --save
2. 安装MySQL ： npm install mysql
3. 在项目目录下 新建service文件夹，在文件中新建server.js文件
   server.js中代码

const express = require(‘express’);
const app = express();

//解析表单的插件
const bodyParser = require(‘body-parser’);
app.use(bodyParser.urlencoded({
extended: false
}))
var mysql = require(‘mysql’);

var connection = mysql.createConnection({
host : ‘localhost’,
user : ‘root’,
password : ‘123456’,
port: ‘3306’,
database: ‘mysql’
});

connection.connect();

// 查询数据库
app.get(’/api/getlist’, (req, res) => {
const sqlStr = 'select * from student ’
connection.query(sqlStr, (err, results) => {
if (err) return res.json({
err_code: 1,
message: ‘数据不存在’,
result: 0
})
res.json({
success_code: 200,
message: ‘查询成功’,
result: {
total: results.length,
list: results
}
})
});
});
app.listen(3000, ‘127.0.0.1’, () => {
console.log(‘服务器已经运行！’);
})

暂时只做了查询数据库的接口，后期会持续更新
server.js中假接口 定义为 ‘/api/getlist’ （这里的名字可以自定义）
因为服务器的端口是 3000 本地是localhost:8080 端口，导致跨域，因此需要在config 的 index.js中这样设置

如何去请求这个接口呢？
在以 .vue 中 按照这种方式请求就可以获取数据了
需要安装axios 把axios引入当前文件中（以当前文件为事例）
axios.get(’/api/getlist’).then(res => {
if (res.data.success_code === 200) {
this.linksData = res.data.result.list
} else {
// do nothing
}
})

获取数据之前：必须把server.js 启动，在service文件夹下 使用 node server.js 命令，数据库也必须启动（数据库启动的命令上文有）