构建一个基于Vue完整的商城后台管理系统(附带完整代码及项目初始化)
项目简介:该后台管理系统是基于Vue2.0来实现的。其中包含了登录,用户管理,商品管理,管理员权限管理,数据统计,订单管理,物流管理,代金券系统,支付方式配置页面风格管理等模块。前端技术vuevue-cli 脚手架工具进行项目整体架构的搭建webpack 将项目进行打包vue.router 路由的分发axios 与后端进行数据交互Element-UI 实现页面结构scss...
·
项目简介:
该后台管理系统是基于Vue2.0来实现的。其中包含了登录,用户管理,商品管理,管理员权限管理,数据统计,订单管理,物流管理,代金券系统,支付方式配置页面风格管理等模块。
前端技术
- vue
- vue-cli 脚手架工具进行项目整体架构的搭建
- webpack 将项目进行打包
- vue.router 路由的分发
- vuex 数据状态的管理
- axios 与后端进行数据交互
- Element-UI 实现页面结构
- scss 快速编译Css
后端
- node.js
- Express
- MySQL
项目地址
https://github.com/ZYHUU/admin
项目初始化
后端
1.部署本地服务器,phpStudy,Navicat for MySQL 或者其他数据库工具都可来实现服务端部署。对这两个工具不了解的朋友可以在网上寻找一些基础的入门介绍,在这里使用的是Navicat for MySQL。
- 新建连接:打开Navicat for MySQL 点击表头
文件/新建连接/MySQL
,输入连接名,密码,点击确定 - 新建数据库:此时左侧列表会显示出刚刚所创建连接,鼠标右击点击
新建数据库
, - 创建表:选中刚创建的数据库,点击表头
查询
,新建查询
在项目文件根目录下找到shop2-server/db/mydb.sql
复制文件内容,粘贴到上面查询区域点击运行,等待几分钟,数据生成完毕后,右击左侧表
,刷新
如图就完成了本地服务器部署
2.启动后端服务
- 在
shop2-server
文件夹下打开cmd命令,运行npm i
下载完成后,再运行node app
,ok此时本地服务器已经部署完成。
前端
- 打开admin文件夹,cmd运行 npm i下载依赖的包
- cmd运行npm run dev
- 打开浏览器访问http://localhost:8080/#/
- 账号: admin 密码: 123456
此时就完成了项目的初始化。欢迎大家多多star
项目地址
更多推荐
已为社区贡献1条内容
所有评论(0)