面向 C 端消费者的零售电商场景:用户在线浏览、选购商品,加购下单并模拟支付;商家侧提供商品、分类与订单的后台管理。可作为电商类系统的完整模板。
点击空白处退出提示
语言技术
React、TypeScript系统类型
Web行业分类
电商
面向 C 端消费者的零售电商场景:用户在线浏览、选购商品,加购下单并模拟支付;商家侧提供商品、分类与订单的后台管理。可作为电商类系统的完整模板。
分用户端与后台两大块:
用户端:商品列表(搜索 + 分类筛选)、商品详情、注册登录、购物车(游客可用 localStorage,登录后自动合并进数据库)、结算下单、订单管理、模拟支付。
后台:数据概览仪表盘、商品/分类增删改查、订单状态流转、商品图片本地上传、库存与上下架管理。
Next.js 16 App Router + Server Actions 全栈方案:数据层 Prisma 5 + SQLite,认证 NextAuth v5(Credentials + JWT),样式 TailwindCSS 4。金额以整数「分」存储避免浮点误差;订单保存商品名与单价的快照,改价删除不影响历史订单;游客购物车登录后合并入库;图片上传按文件头魔数校验真实类型;订单状态机 + 原子条件更新,防止并发取消重复回补库存。




评论