OpenClaw—AI研究OpenClaw—AI研究
  • AI动态
  • OpenClaw教程
  • 技术解读
  • 用户故事

【开发日志】ShopSystem Day 1: 网商系统初始化 shop.studyopenclaw.cn 上线(2026-08-14)

【开发日志】ShopSystem Day 1: 网商系统初始化 shop.studyopenclaw.cn 上线(2026-08-14)

2026年8月14日 by WoodStone

今天 PublishingSystem 正式告一段落,启动新项目 ShopSystem(OnlineShopingSystem)。新域名 shop.studyopenclaw.cn 上线,部署在 hk 服务器 (*.238.62),跟 ws/cn 互不影响。ShopSystem 定位是平台多商家 B2C 网商(类似淘宝/拼多多),支持 4 种商品类型:SKU 多规格、虚拟商品(服务/课程/会员)、数字商品(可下载文件)、实物商品 + 物流。支付方式预留微信支付 + 支付宝,后期接入。AI 集成 4 项全部要:商品文案生成、AI 推荐、AI 客服、AI 选品。

ShopSystem 首页

Day 1 完成最小可跑骨架。架构上沿用 PS 的 Next.js 14.2 + MySQL 8 + TipTap + Tailwind 技术栈,不重新发明轮子。建库 + 用户:hk 上创建 shop_system 库(utf8mb4_unicode_ci)+ shop_user@localhost 用户(密码随机)。Nginx:写 /etc/nginx/sites-available/shop.studyopenclaw.cn vhost,反代 PM2 3002 端口,certbot 给域名签 Let’s Encrypt 证书(有效期到 2026-11-11)。证书签发是踩了一下坑 —— certbot 需要 80 端口先响应 ACME challenge,我把 443 段先注释掉,enable 临时简化版 vhost,签完证书再恢复完整版 + reload。

ShopSystem architecture diagram

数据库 schema 设计了 13 张表(用户/分类/商品/图片/SKU/购物车/订单/支付/优惠券/地址/订单项/迁移等),参考电商行业标准 + 考虑了 PS 已有积累。代码迁移 + seed 数据:13 张表全部创建成功,seed 写了 6 个默认分类 + 1 个 admin 用户 + 4 个示例商品(iPhone/MacBook/Nike/Dyson)。今天还踩了一个 migrations 表的 chicken-and-egg 坑 —— migrate.ts 要无条件先建 migrations 表本身才能记录迁移历史,第一次运行直接 1146 错。改完 OK。商品列表页 DECIMAL 字段被 mysql2 默认返回字符串,.toFixed() 报错,要 Number(x).toFixed() 才行。

4 个页面:首页(展示项目标题 + 3 个模块入口)、商品列表(从数据库读 4 个示例商品)、商品详情(slug 模式 + 价格/库存/评分)、后台登录页 /ladmintood(bcrypt 校验 + cookie session)。OG/SEO 走 Next.js Metadata API 自动生成 18+ meta/link 标签,跟 PS 一致风格。PM2 启动 online-shoping-system 进程,端口 3002,跟 PS 的 3000 不冲突。公开访问 4 个 URL 全部 HTTP 200。最后 commit 到 GitHub:ee75272 已 push 到 c119ch/OnlineShopingSystem main 分支,19 个文件,包含 ARCHITECTURE.md 归档文档。.env(含 DB 密码)没 commit,只 commit .env.example。

明天(Day 2)计划:后台 dashboard 骨架(商品数/订单数/用户数/GMV 4 个统计卡片)、商家入驻流程、商家后台商品 CRUD + 图片上传、SKU 完整功能。这些是 ShopSystem 进入”可下单”状态的关键步骤。

ShopSystem 后台登录页

← 返回文章列表
分类: 技术解读 标记: B2C, Day1, MySQL, Next.js 14, PM2, shop.studyopenclaw.cn, ShopSystem, 开发日志, 电商, 网商系统

© 2026 OpenClaw—AI研究 版权所有

沪ICP备2026010690号-1