d0b6350d2d780c5c98c32189ad4935d1c7c0fa1e
Wave 5: the store directory, store home and product-page store card stop reading
MOCK_STORES, and the payment and order surfaces name their shop.
- a `shop_profiles` table beside `shops`, so the identity model both consoles
consume is untouched, with a public `GET /api/shops` and `GET /api/shops/{slug}`
and an admin `PUT /api/admin/shops/{id}/profile`
- a shop with no profile is still listed, with the fields absent rather than
invented; the pages guard every block, and a missing logo renders an
initial-letter placeholder
- `scripts/seed-demo.mjs` upserts a profile per demo shop, since profiles hang
off shops that script creates
- payment and order pages resolve shop ids to names from one cached shop read,
retiring the generic "Shop" label
- three things went rather than being faked, following the wave-1 precedent:
`distanceKm` and its sort (no geo model), the store home's sales/comments
sorts, and its "best sellers" rail (no sales model)
- `lowestSku` moved out of the fixed-data module into `apps/mall/utils/product.ts`
and re-exported, so live pages stop importing the mock module for a pure
helper
Verified: 28 backend tests green including five new shop tests; all three
frontends build; the directory, store home, store card and order cards all render
real data with no distance or sales claims; the fixed-data rollback still renders
the store surfaces with the backend stopped.
Note: `nuxt build` does not typecheck in this repo (no `typescript.typeCheck`,
no `vue-tsc`), which AGENTS.md implies it does. A re-export used here created no
local binding and broke internal callers at runtime while the build stayed green;
`docs/TBD-migrate-wave.md` records the gap.
OpenSpec change: openspec/changes/replace-mock-api-wave-5
VMall — B2B2C 商城 MVP
前后端分离的多商户(B2B2C)商城。一个 Rust 后端,三个 Nuxt 前端,Postgres + Redis(本地 Docker 提供),OpenSpec 驱动开发。
架构
apps/
api/ Rust 后端(axum 0.8 + sqlx + redis) http://localhost:8080/api
mall/ Nuxt 3 顾客商城 http://localhost:3000
shop-admin/ Nuxt 3 商户后台 http://localhost:3001
admin/ Nuxt 3 平台后台 http://localhost:3002
packages/
shared/ @vmall/shared:TS 类型、API client、en/zh 语言包、共享样式
openspec/ OpenSpec 规范(specs/ 为归档后的能力规范)
scripts/
seed-demo.mjs 演示数据脚本
技术要点:
- 金额:整数最小单位(minor units)+ ISO 币种码存储,禁止浮点。
rate_to_base表示"1 基准币 = N 本币",换算四舍五入(half-up)。 - 多语言:商品/店铺/分类/币种内容以 JSONB
{"en","zh"}存储;UI 文案在@vmall/sharedlocales + 各应用locales-extra.ts。 - RBAC:
platform_admin、shop_owner、shop_staff(带 shop_id 作用域)、customer;JWT(24h)。 - 下单:Redis 购物车 → 单事务结算,按店铺拆单,价格快照 + 扣库存;缺货整单 409 回滚;取消恢复库存。
- 发货单:支持部分发货(校验剩余量),状态联动 fulfilling → shipped → completed。
- 发票:每单最多一张有效发票;企业发票必填税号;商户开具生成发票号。
快速开始
前置:Docker 中的 Postgres(容器 pg18,postgres/postgres)与 Redis(容器 rdb8)已运行;Rust 1.98+、Node 22+、pnpm 10+。
# 1. 数据库(只需一次)
docker exec pg18 psql -U postgres -c "CREATE DATABASE vmall;" -c "CREATE DATABASE vmall_test;"
# 2. 安装依赖
pnpm install
# 3. 启动后端(自动执行 sqlx 迁移并播种平台管理员)
cargo run -p vmall-api
# 4. 播种演示数据(店铺、店主、4 个双语商品)
node scripts/seed-demo.mjs
# 5. 启动前端(另开终端)
pnpm dev:mall # :3000
pnpm dev:shop-admin # :3001
pnpm dev:admin # :3002
演示账号:
| 角色 | 账号 | 密码 | 应用 |
|---|---|---|---|
| 平台管理员 | admin@vmall.local | admin1234 | admin :3002 |
| 店主 | shop@vmall.local | shop12345 | shop-admin :3001 |
| 顾客 | customer@vmall.local | customer123 | mall :3000 |
测试与校验
cargo test -p vmall-api # 16 个集成测试(vmall_test + Redis)
pnpm --filter @vmall/mall build # 各前端构建即类型校验
pnpm --filter @vmall/shop-admin build
pnpm --filter @vmall/admin build
openspec validate --all --strict # 规范校验
环境变量(后端)
| 变量 | 默认值 |
|---|---|
DATABASE_URL |
postgres://postgres:postgres@127.0.0.1:5432/vmall |
REDIS_URL |
redis://127.0.0.1:6379/ |
JWT_SECRET |
vmall-dev-secret-change-me |
PORT |
8080 |
JWT_TTL_SECS |
86400 |
Languages
Rust
41.8%
Vue
36.3%
TypeScript
18.3%
JavaScript
2.7%
CSS
0.9%