基于Vue的纯前端的库存销售系统

【开源】 基于Vue的纯前端的库存销售系统项目地址https://github.com/cuiyunhao-2026/warhouse-sales-management-system这是基于art design pro模板的二次开发模板地址https://github.com/Daymychen/art-design-pro你是否需要轻量化的库存管理应付期末作业不想花钱拿来练练手想参考一下其他项目看看都是什么样我基于 Vue3TypeScript 打造了这个完全开源、开箱即用的库存销售管理系统。✨ 为什么我要做这个项目市面上其实不缺库存管理系统但它们要么 价格昂贵按年付费小商家根本承担不起 功能冗余一堆用不上的功能学习成本极高 数据不安全数据存在第三方服务器隐私无法保障️ 部署复杂需要配置服务器、数据库技术门槛高而我想要的是一个下载就能用、功能刚刚好、数据自己掌控的工具。于是我基于优秀的 Art Design Pro 后台模板进行二次开发保留了它优雅的 UI 设计和完善的框架从零开始实现了所有库存销售相关的业务功能。 它能帮你解决什么问题1. 全流程闭环管理告别数据混乱从采购申请→审批入库→库存盘点→销售开单→财务报表所有环节一站式打通。采购订单一键生成入库单不用重复录入销售出库自动扣减库存实时更新库存数量自动计算盘盈盘亏盘点效率提升 80%所有操作留痕数据可追溯2. 可视化仪表盘经营状况一目了然打开首页就能看到所有核心数据商品总数、库存总量、库存总值实时统计最近 7 天出入库趋势图掌握业务动态低库存自动预警再也不会出现断货情况分类库存和价值分布饼图优化资金占用3. 零部署成本5 分钟就能上手无需后端、无需数据库、无需服务器纯前端架构只要有浏览器就能用。# 真的只有3步gitclone https://github.com/cuiyunhao-2026/art-design-pro-inventory.gitcdart-design-pro-inventorynpminstallnpmrun dev打开浏览器访问http://localhost:5173用默认账号admin/123456登录就能看到完整的演示数据直接上手体验。4. 企业级权限体系数据安全有保障采用路由 菜单 按钮三级权限控制不同角色各司其职超级管理员拥有所有权限可管理账号和角色业务管理员负责日常采购、销售和库存管理普通员工只能查看数据不能进行修改操作5. 高颜值现代化界面用着就是舒服支持亮色 / 暗色主题一键切换熬夜加班也不伤眼自定义主题色打造属于你的品牌风格完美适配桌面端和移动端手机也能随时查库存中英文双语支持外贸生意也能用️ 技术栈说明项目采用了目前最主流的前端技术栈代码规范、结构清晰不仅能直接用还非常适合作为前端学习和二次开发的模板技术版本为什么选它Vue 3^3.5.21最新稳定版Composition API 更灵活TypeScript~5.6.3静态类型检查减少运行时错误Vite^7.1.5极速热更新开发体验拉满Element Plus^2.11.2成熟稳定的企业级 UI 组件库Pinia^3.0.3Vue3 官方状态管理简单易用ECharts^6.0.0强大的数据可视化能力xlsx^0.18.5完美支持 Excel 导入导出 部分截图 未来开发计划不知道啥时候更新完我暂时规划了以下功能将在后续版本中陆续推出数据导出为 PDF 格式发票、订单直接打印批量操作功能批量导入导出商品、批量删除操作日志记录谁在什么时候做了什么消息通知系统低库存提醒、订单审批提醒数据备份与恢复再也不怕数据丢失移动端适配优化手机端操作更流畅你的需求就是我的开发优先级欢迎在 GitHub 上提交 Issue 告诉我你最需要的功能。 一起让这个项目变得更好这个项目完全开源免费基于 MIT 协议你可以自由使用、修改和分发。如果你觉得这个项目对你有帮助 请给我一个 Star这是对我最大的鼓励 如果你发现了 Bug欢迎提交 Issue 反馈 如果你有好的想法也可以提交 PR 一起完善 写在最后感谢开源社区提供的优秀工具和模板感谢所有在开发过程中帮助过我的人。如果这个项目对你有帮助别忘了给我一个 Star这对我真的很重要项目地址https://github.com/cuiyunhao-2026/art-design-pro-inventoryMade with ❤️ by cuiyunhao-2026