点菜系统产品系统Vibe Coding

中小型餐饮门店数字化转型方案。顾客扫码自助点餐，后厨实时接单，商家通过管理后台监控订单状态与经营数据。系统覆盖点菜、下单、出餐全流程，以轻量技术栈降低部署成本，帮助街边餐馆、夫妻店零门槛实现线上化运营

顾客端（扫码点餐）

按荤菜/素菜/汤类/主食分类浏览菜单，菜品配有emoji图标和价格
点击加号加入购物车，支持数量增减，实时计算合计金额
可填写桌号和备注（如"少辣"），一键提交订单
下单后轮询查看订单状态（待确认→备菜中→已完成）
GSAP动画过渡，点击加减、打开购物车均有流畅动效
管理后台（商家运营）

账号密码登录，JWT鉴权
订单管理：按状态筛选、分页查看，商家依次确认→备菜→完成，支持取消
菜品管理：新增/编辑/删除菜品，设置名称、价格、分类、上下架
分类管理：自定义菜品分类与排序
今日统计：当日订单数、各状态数量、总营收一目了然

后端实现
FastAPI应用，分层架构：routers定义API路由，services封装业务逻辑，models映射MySQL表结构，schemas做请求响应校验。SQLAlchemy ORM操作数据库，PyMySQL驱动连接MySQL 8.4。管理员密码bcrypt哈希存储，JWT令牌鉴权，middleware拦截验证。订单内置状态机，限定pending→confirmed→cooking→completed流转路径，非法转换直接拒绝。

前端实现
原生HTML/CSS/JS，无框架依赖，零构建步骤。顾客端和管理后台各自独立JS模块，共享api.js网络层。Token存localStorage，请求自动携带Authorization头。GSAP CDN引入驱动入场动画和购物车交互动效。FastAPI通过StaticFiles挂载静态资源，FileResponse直接返回HTML页面，一个uvicorn进程前后端全托管