奶茶外卖网站

用户可通过手机号验证码登录，进入点餐主页。
门店信息展示
顶部显示配送距离（如1.5km）、配送费（6元）、预计送达时间（12min）以及品牌简介。
商品浏览与筛选
商品按分类展示，左侧或上方设有分类标签：
奶茶类
奶茶套餐
咖啡套餐
咖啡类
果茶类
其他饮品
小食类
点击分类可快速筛选对应商品。
商品卡片
每个商品展示名称、描述（如“浓郁焦糖风味”）、价格（¥17）、月销量（如“月销0”）
页面底部显示购物车总价（如“50”元）和“去结算”按钮，方便用户快速下单。
管理员登录后可访问以下模块（左侧菜单可见“管理员”“员工管理”“分类管理”“奶茶管理”“套餐管理”“订单明细”等）。
支持对商品分类和套餐分类分别维护。
新增分类：可新增奶茶分类（如奶茶类、果茶类）或套餐分类（如奶茶套餐、咖啡套餐）。
分类列表：展示分类名称、类型（奶茶分类/套餐分类）、操作时间、排序值，支持修改、删除及调整排序。
示例数据：奶茶类、咖啡类、果茶类、其他饮品、小食类（均为奶茶分类）；奶茶套餐、咖啡套餐（套餐分类）。
管理所有单品（包括饮品和小食）。
搜索与批量操作：按名称搜索，支持批量删除、批量启售、批量停售。
新建商品：添加单品，需填写名称、上传图片、选择分类、设置售价等。
商品列表：表格展示商品名称、图片、分类、售价、售卖状态（启售/停售）、最后操作时间，可对单个商品进行修改、停售、删除。
示例数据：柠檬水（其他饮品，¥6）、小蛋糕（小食类，¥8）、玫瑰果茶（果茶类，¥18）等，共10余条。
管理套餐商品，结构与商品管理类似。
套餐列表：展示套餐名称、图片、套餐分类、套餐价、售卖状态、最后操作时间。
操作：修改、停售、删除，以及批量启售/停售。
示例数据：珍珠奶茶套餐（奶茶套餐，¥25）、拿铁咖啡套餐（咖啡套餐，¥28）。
预留订单管理入口，可查看用户订单列表、详情及处理订单状态（具体功能未展示，推测包含订单查询、发货、完成等）。
用于管理后台账号，分配不同权限（如管理员、普通员工），确保操作安全。

这是一个奶茶外卖点餐系统，包含用户端和管理后台两个部分，旨在为消费者提供便捷的在线点餐体验，并为商家提供完整的后台管理能力。

用户端采用手机号加验证码的方式快速登录，首页直观展示门店信息，包括配送距离、配送费和预计送达时间，让用户在下单前就能了解配送详情。商品按奶茶类、果茶类、小食类等多个分类进行展示，每个商品卡片都包含名称、简短描述、价格和月销量，方便用户选择。用户可以将心仪的商品加入购物车，在购物车内调整数量并实时计算总价，点击“去结算”即可进入订单确认页并完成支付，之后可以在订单列表中随时追踪订单状态。

管理后台为管理员和员工提供了分类管理、商品管理、套餐管理、订单明细和员工管理等核心功能。分类管理支持对奶茶分类和套餐分类进行独立维护，可以设置排序值来控制前端展示顺序。商品管理负责所有单品（包括饮品和小食）的增删改查，支持按名称搜索，并能批量启售、停售或删除商品。套餐管理的操作与商品管理类似，专门用于维护套餐商品。订单明细页面展示所有订单信息，方便商家处理订单状态。员工管理则用于创建后台账号并分配不同权限，确保操作安全。

在技术实现上，项目采用前后端分离架构，前端使用Vue或React配合移动端UI库和管理后台组件库，后端基于Spring Boot或Node.js提供RESTful API，数据存储在MySQL中，并使用Redis缓存验证码和会话信息。商品图片通过对象存储服务（如OSS）管理，短信验证码和支付功能则对接第三方服务。数据库核心表包括用户表、员工表、分类表、商品表、套餐表、订单主表和订单项表，其中分类表通过类型字段区分奶茶分类和套餐分类。业务流程涵盖用户登录、商品展示、下单支付以及后台批量操作，权限控制基于角色进行接口访问拦截。

该系统的亮点在于双分类体系使单品和套餐可以灵活组合促销，后台批量操作大幅提升运营效率，配送信息前置优化了用户体验，权限分离保障了数据安全。未来可扩展的方向包括增加优惠券和积分营销、引入实时配送追踪、开发数据统计模块以及支持多门店管理等，使平台功能更加完善。