ERP账本管理产品系统Vibe Coding

我要开发同款
meng2026年09月10日
10阅读

技术信息

语言技术
JavaReact
系统类型
Web
行业分类
物流仓储

作品详情

行业场景

采购部门按销售和库存情况提交采购申请
仓储部门关注库存健康度和补货风险
财务部门审核采购金额和审批流转
管理层查看经营看板,分析销售、采购和库存趋势
客户/供应商信息集中维护,便于对账和协作

功能介绍

1. 经营看板
展示关键经营指标,如销售额、增长率、待处理订单、库存健康度等
提供采购趋势、支出结构、库存周转等图表
帮助管理层快速判断当前经营状态
2. 采购申请单
支持创建采购申请
可按类型筛选:智能补货、常规采购、紧急补货、新品引入
申请中包含 SKU、数量、单价、供应商等明细
具备审批流转能力
3. 库存台账
按 SKU 展示库存信息
包含安全库存、出库量、风险等级等字段
对库存不足项给出预警和补货建议
支持生成补货申请
4. 订单管理
记录订单生命周期
按状态查看和筛选订单
支持订单详情查看和状态变更
5. 审批中心
采用多级审批机制
支持逐条审批、批量审批、驳回
可查看历史审批记录,方便追溯和审计
6. 客户/供应商管理
维护合作伙伴基础资料
便于采购和销售相关业务协同
7. 系统设置
配置审批规则
调整 AI 预测参数
管理用户与安全设置
8. AI 辅助能力
智能补货建议
销售与采购预测
经营分析辅助决策

项目实现

1. 前端实现
使用 React 19 + TypeScript 构建界面
使用 Vite 作为开发与构建工具
使用 TailwindCSS 做样式
使用 Recharts 做图表展示
使用 Lucide React 提供图标
使用 Framer Motion 处理动画和交互
前端主要负责:

经营看板展示
采购、库存、订单等页面渲染
模态框与表单交互
用户权限切换
API 调用与状态展示
2. 后端实现
使用 Express 提供 REST API
通过 server.ts 统一处理请求
集成 Google Gemini AI 接口,用于智能补货和预测
数据以内存方式存储,便于演示和开发
后端主要负责:

提供采购、库存、订单、审批、伙伴等数据接口
处理业务逻辑
连接 AI 分析能力
统一对前端暴露数据服务
3. 数据流设计
前端通过 custom hook 读取数据
API 统一从后端获取
前端交互触发创建/审批/更新等操作
后端返回最新状态,前端实时刷新页面
4. 业务实现方式
项目通过统一的数据层和页面组件,把业务拆成多个模块:

DashboardView
RequisitionView
InventoryView
OrderView
ApprovalView
CustomerSupplierView
SettingsView

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论