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

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

缘起

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

需求和功能点

在这里插入图片描述

整理了一下朋友的原话:

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

基于满足这样的需求,大概想了下需要实现的points
优先级P0(已实现)

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

优先级p1(TODO)

  • 批量导入商品列表(excel导入)
  • ?分类管理:目前只有一级分类,考虑添加多级类目
  • 个人中心:修改用户资料信息
  • 用户管理:系统管理员可以开用户账号
  • 权限管理:管理员管理其他用户类型的菜单权限(例如普通用户看不到库存管理、后台数据等)
  • ...

效果和演示

技术栈:前端 @vue/cli
后端: nodejs14.x+koa2
数据库:mysql 5.7.0
预览地址: http://49.235.109.180:3000/#/login?origin=js

效果展示:

登录页

在这里插入图片描述

首页-商品列表页
首页-商品列表页

购物车
在这里插入图片描述
> 系统设置-商品管理
在这里插入图片描述

销售数据-数据统计
在这里插入图片描述
>销售数据-订单列表
在这里插入图片描述

需求和方案都比较偏向个人主观,走过路过不妨提下意见,或者提个issues github issues

总结

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

源码已经上传github,欢迎star!
有疑问可留言

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容