标签：vue 订单 admin 管理系统 购物车 商品 库存 列表 统计

缘起

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

需求和功能点

整理了一下朋友的原话：

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

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

优先级P0

1. 商品（/药品/服务）列表

• 关键字搜索商品
• 商品类别筛选
• 加入购物车

2. 购物车

• 统计车内商品数量和总价
• 一键核销库存

3. 商品管理

• 新增商品
• 删除商品（批量删除）
• 上下架操作
• 修改商品信息（价格/库存等）

4. 销售数据统计

• 订单详细列表
• 销售订单、销售额统计（图表呈现）

优先级p1（待实现）

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

效果和演示

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

效果展示：

登录页

首页-商品列表页

购物车
> 系统设置-商品管理

销售数据-数据统计
>销售数据-订单列表

总结

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

代码地址请移步github，欢迎star，欢迎投币！
wx: w1006934861 添加请备注来意！

标签：vue,订单,admin,管理系统,购物车,商品,库存,列表,统计
来源： https://www.cnblogs.com/amingxiansen/p/wpm_blog.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。