基于vue-admin的商品后台管理系统

缘起

朋友家新开了一家诊所,需要一套可以管理订单和库存的系统,咨询我有没有合适的。看了下有很多类似的收银台系统,都是和收银硬件打包卖的,价格贵缺乏灵活性。恰好最近工作不忙,花了些精力搞了个简易版,先用起来收集一波需求和建议,以备后续优化。

需求和功能点

在这里插入图片描述
整理了一下朋友的原话:

  • 输入药品名统计出价格
  • 可以统计每天每月的营业额
  • 核销统计药品库存

基于满足这样的需求,大概想了下需要实现的points

优先级P0

  1. 商品(/药品/服务)列表
  • 关键字搜索商品
  • 商品类别筛选
  • 加入购物车
  1. 购物车
  • 统计车内商品数量和总价
  • 一键核销库存
  1. 商品管理
  • 新增商品
  • 删除商品(批量删除)
  • 上下架操作
  • 修改商品信息(价格/库存等)
  1. 销售数据统计
  • 订单详细列表
  • 销售订单、销售额统计(图表呈现)

优先级p1(待实现)

  • 个人中心:修改用户的资料信息
  • 用户管理:系统管理员可以开用户账号
  • 权限管理: 管理员管理其他用户类型的菜单权限(例如普通用户看不到后台数据,对商品无修改权限等)
  • 登录token过期限制
  • ...

效果和演示

技术栈:前端 vue2.x+ElementUi+echarts
后端: nodejs14.x+koa2
数据库:mysql 5.7.0
预览地址: http://49.235.109.180:3000/#/login?origin=cn 【访问不到可能是服务挂了,在下面评论看到会重启】

效果展示:

登录页
在这里插入图片描述
首页-商品列表页
首页-商品列表页
购物车
在这里插入图片描述> 系统设置-商品管理
在这里插入图片描述
销售数据-数据统计
在这里插入图片描述>销售数据-订单列表
在这里插入图片描述

总结

目前基本的核销、库存、订单、销售统计需求都已经满足了,等待朋友反馈再行优化。

代码地址请移步github,欢迎star,欢迎投币!
有疑问可在qq: 1006934861 联系到我。

posted @ 2021-06-07 09:23  阿明先森  阅读(832)  评论(0编辑  收藏  举报