关于黑马-Vue电商后台项目管理（2）

2.2 后台项目的环境安装配置

安装MySQL数据库

关于数据库文件，黑马教程有提供一个叫phpstudy的软件，可以按照视频流程进行配置，但是之后可能会经常出现在该软件无法启动mysql。因此我们这次采用Navicat Premium软件进行数据库导入，教程（https://jingyan.baidu.com/article/a17d5285c164cc8098c8f23e.html）首先需要连接上本地数据库，然后新建一个数据库用于存放需要导入的.sql文件设置编码(字符集utf8 – UTF-8 Unicode)、排序规则(utf8_general_ci)，打开新建好的数据库，右键运行SQL文件，接着等待完成即可，在这里我们采用的localhost,在里面新数据库mydb，然后导入资料提供的mydb.sql文件。

注：如何安装Navicat Premium 可自行百度
安装Node.js环境
配置相关信息
启动项目

回到vue_api_server文件夹运行 npm install 安装依赖包，之后使用node app.js使api接口项目运行起来。
使用Postman测试后台项目接口是否正常

因为数据库不是按教程设置的，然后在使用Postman测试的时候，发现node app.js没有运行起来，会报如下错误

C:\Users\Yzh\Desktop\Vue-shop\vue_api_server\vue_api_server\node_modules\mysql\lib\protocol\Parser.js:437throw err; // Rethrow non-MySQL errors^Error: ER_ACCESS_DENIED_ERROR: Access denied for user 'root'@'localhost' (using password: YES)

首先，按照教程（https://blog.csdn.net/web_yueqiang/article/details/102833860）里进行数据库密码改正，设置为123456

// 进入mysql 输入密码例如：123456
mysql -u root -p // 1.执行语句 alter user 'root'@'localhost' identified with mysql_native_password by 密码;
mysql> alter user 'root'@'localhost' identified with mysql_native_password by '123456';
Query OK, 0 rows affected (0.43 sec)// 2.再执行语句 flush privileges;
mysql> flush privileges;
Query OK, 0 rows affected (0.05 sec)//3.成功后 退出
mysql> quit
Bye

然后再去vue_api_server文件夹下的/config/default.json中将密码改成123456 之后再运行node app.js即可成功，接着进入Postman再次测试。

注：直到这里，运行node app.js后，之前那个vue_shop项目也可以跑了，还是决定再次做一遍。

注：本文仅作为自己学习的经验日志…如若侵权，联系即删。

关于黑马-Vue电商后台项目管理（2）相关推荐

9.1黑马Vue电商后台管理系统商品管理模块完善：编辑商品的功能
在原视频中,老师跳过了这个功能,我觉得自己去实现也可以锻炼自己,于是自己补充了编辑功能同用户管理,权限管理等之前各个模块的编辑功能不同,因为商品具有很多可编辑的选项,所以选择像添加商品一样,单独放在 ...
10.1 黑马Vue电商后台管理系统之完善订单管理模块--加入修改订单模块
效果如下: 实现如下: 1.我仍然保留了添加地址这一个对话框,但只是绑定在另一个按钮上面,而点击左侧第一个按钮就会跳转到"修改订单"模块 <template v-slot=& ...
10.2 黑马Vue电商后台管理系统完善订单模块--搜索订单（修改后端）
效果如下: 搜索时列表动态变化,在我专栏下另一篇文章写了,这篇文章不再讲述,这篇文章只讲述如何从后端(打开vue_api_server这个文件夹,而不是vue_shop)修改代码来实现这个功能我的思 ...
Vue电商后台管理系统（1）
Vue电商后台管理系统(1) 登录在components文件夹下创建登录组件,Login.vue,并快速生成template.script和style骨架. 配置路由,进入router文件夹,导入L ...
黑马VUE电商管理后台笔记记录
电商后台项目遇到的问题 1..eslintrc.js 中 '@vue/standard' 需要删掉或者注释掉 2.不能直接在 vue ui 里面安装 less-loader和less依赖,因为版本问题 ...
Vue电商后台管理系统项目开发实战（一）
前言当下根据不同的应用场景,电商系统一般都提供了PC端,移动APP,移动Web,微信等多种访问方式.如下图. 不同的客户端共用同一个服务器,数据库,API.本次项目着重设计PC后台管理,供电商后台管 ...
Vue电商后台B站的项目需要的材料密码等
https://www.bilibili.com/video/BV1EE411B7SU?p=22 运行前端 vue ui 运行后端 node app.js 用户密码[admin 123456] a ...
vue电商后台管理系统--订单管理篇
渲染订单table表格 <el-table :data="orderList" border stripe><el-ta ...
10.4 Vue电商后台管理完善订单模块--用Tab切换对订单进行分类
1. 效果如下: 2. 实现代码四个el-tab-pane中,< el-table >是一样的: <el-tab-pane name="all" label=& ...

关于黑马-Vue电商后台项目管理（2）

2.2 后台项目的环境安装配置

关于黑马-Vue电商后台项目管理（2）相关推荐

最新文章

热门文章