Product · Engineering · Finance

让手作生意
真正算得清。

一款连接采购、生产、库存、销售、往来款与经营分析的单店经营驾驶舱。以真实业务闭环展示产品设计、财务建模和前端工程能力。

蓝晒小掌柜经营工作台
7核心经营模块
1 条业务操作贯穿多本账
100%浏览器本地运行
SVG图表离线降级能力
The problem

记了流水,仍然不知道赚没赚钱。

手作店铺的收入、耗料、库存和回款往往分散在多个工具中。本项目将每笔业务映射为可追溯的数据影响,而不是只记录一个收支数字。

01采购入库
02材料库存
03BOM 与生产
04成品与销售
05应收与结算
06利润与现金流
Product walkthrough

64 秒看懂完整业务闭环

演示从经营概览出发,依次展示智能速记、专业报表、库存生产、往来款、设备分摊和审计追踪。

蓝晒小掌柜 · 操作演示64 秒 · 1920 × 1080
Key decisions

难点不在页面,而在一致性。

项目重点解决多模块联动时的数据正确性、历史可追溯性和异常恢复,而不是简单堆叠表单。

Σ

移动平均成本

采购动态更新材料单位成本,生产按 BOM 结转成品成本,销售再进入毛利计算。

↔

原子化过账

所有影响先在状态副本中校验,成功后一次替换,避免出现半完成业务。

↶

精确冲销

保存库存、往来与分摊快照,撤销前检查后续依赖,保留完整审计轨迹。

▦

结构化导入

校验 ID、数值、日期、引用关系和 BOM,异常备份不会覆盖当前账本。

◫

图表降级

ECharts 不可用时切换为原生 SVG,保证核心报表仍然可读。

◇

输入安全

统一转义动态 HTML,并对 CSV 公式注入和危险图片地址进行防护。

Quality assurance

用业务场景验证正确性

测试围绕最终经营结果展开:不仅检查按钮能否点击,也检查库存、成本、往来款与报表是否共同保持一致。

测试场景验证目标结果
设备分摊到期最后一期计提,后续期间自动停止通过
生产工单完工原料、成品、成本和工单状态同步提交通过
交易冲销与撤销库存、移动记录和关联往来精确恢复通过
异常备份导入拒绝非法结构且不污染现有账本通过
离线图表降级外部图表资源不可用时保持可读通过
Scope & roadmap

清楚表达能力,也清楚表达边界

当前版本

  • 原生 HTML / CSS / JavaScript 单页应用
  • LocalStorage 本地持久化,可直接离线打开
  • 覆盖采购、生产、销售、往来和经营分析
  • 适合作为单用户业务原型与求职作品展示

下一阶段

  • 历史销售成本快照冻结
  • 期初资金、月结锁账与角色权限
  • 模块化重构及自动化测试体系
  • 后端同步、多设备与多人协作

现在,亲自走完一笔生意。

Demo 首次打开会自动载入与当前月份对齐的示例账套,所有数据只保存在你的浏览器中。

进入交互式 Demo ↗