Visual LabINTERACTIVE LEARNING
07 · ENTERPRISE UI实战25 MIN

Window Treatment ERP 全链路实战

把数据库、权限、商品、报价、订单、库存、采购、日志和部署串成一个可演示作品。

MENTAL MODELCAPSTONE PROJECT
01Auth + Organization
02Product + SKU
03Quote → Order
04Reserve Inventory
05Ship
06Audit + Observe
练手项目的目标不是页面数量,而是走通“业务规则 → Entity → 表结构 → API → Transaction → 权限 → UI → 观测”。
01 · CONCEPTS & BOUNDARIES

先把概念与边界说清楚

定义告诉你它是什么,边界告诉你它不负责什么;企业系统最常见的误解通常发生在两者混用时。

01

Vertical Slice

按一个可交付用例同时完成数据库、服务、API、UI 与测试。

02

Business Invariant

系统任何已提交状态都必须满足的规则,例如库存不可超额预占。

03

Portfolio Evidence

用架构图、数据模型、关键决策、测试与线上地址证明企业系统能力。

02 · BLIND BOTS CASE

两周完成最小可演示 ERP

问题现场

时间有限,容易沉迷漂亮 Dashboard 或 Three.js 预览。

  1. 01

    第 1 条纵切:租户登录 + Product CRUD。

  2. 02

    第 2 条:Quote 转 Order,含幂等与事务。

  3. 03

    第 3 条:库存预占、取消释放、审计。

  4. 04

    最后补部署、观测、README 和 5 个面试演示脚本。

得到什么

作品直接证明从业务模型到线上稳定性的完整能力,Web3D 预览作为差异化可选项。

03 · PRACTICE

马上动手

  1. 画出 18 个核心表的 ER 图。
  2. 写出 10 条必须自动化验证的业务不变量。
  3. 准备从 Quote 到 Shipment 的 5 分钟演示。
04 · PITFALLS

常见坑

  • 先做精美 UI 再补数据模型
  • 每个模块只有 CRUD 没有流程
  • 没有种子数据、测试和部署说明
05 · KNOWLEDGE CHECK这个 Demo 最重要的验收标准是什么?查看答案⌄
答案

一个租户内用户能按权限把真实配置商品从报价转为订单,原子预占库存,取消时正确释放,全程可审计且另一租户不可见。