构建一个基于Vue完整的商城后台管理系统（附带完整代码及项目初始化） - Go语言中文社区

构建一个基于Vue完整的商城后台管理系统（附带完整代码及项目初始化）

项目简介：

该后台管理系统是基于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
项目地址

https://github.com/ZYHUU/admin

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/zero________________/article/details/81435784
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。
  • 发表于 2021-04-10 16:14:34
  • 阅读 ( 982 )
  • 分类：前端

你可能感兴趣的文章

精选的优质文章

0 条评论

请先 登录 后评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看

来源51CTO

如果觉得我的文章对您有用，请随意打赏。你的支持将鼓励我继续创作！