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

vue

缘起

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

需求和功能点


整理了一下朋友的原话:

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

基于满足这样的需求,大概想了下需要实现的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 联系到我。

以上是 基于vue-admin的商品后台管理系统 的全部内容, 来源链接: utcz.com/z/375900.html

回到顶部