基於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 聯系到我。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM