功能模块划分
后端(SpringBoot)
- 用户认证与授权(JWT/OAuth2)
- 商品管理(咖啡品类、配料、价格)
- 订单处理(创建/查询/状态更新)
- 支付接口集成(微信/支付宝)
- 数据统计与分析
前端(Vue)
- 响应式用户界面(PC/移动端自适应)
- 动态菜单展示与分类筛选
- 购物车实时交互
- 订单状态可视化追踪
- 用户评价系统
核心业务流程
用户侧流程
- 注册/登录 → 浏览菜单 → 自定义配置(糖度/温度) → 加入购物车 → 支付结算 → 查看制作进度 → 完成评价
管理侧流程
- 商品上架/下架 → 库存预警 → 订单处理(接单/制作/完成) → 销售报表生成 → 用户反馈分析
技术实现要点
SpringBoot 关键配置
@SpringBootApplication
@EnableTransactionManagement
public class CafeApp {
public static void main(String[] args) {
SpringApplication.run(CafeApp.class, args);
}
}
Vue 组件结构
// 主组件结构 components/
├── Menu/
│ ├── CategoryNav.vue
│ └── ItemCard.vue
├── Order/
│ ├── CartPanel.vue
│ └── CheckoutForm.vue
└── Admin/
├── Dashboard.vue
└── InventoryMgr.vue
数据模型设计
主要实体关系
- 用户 (User) 1:n 订单 (Order)
- 订单 (Order) m:n 商品 (Product)
- 商品 (Product) 1:n 评价 (Review)
JPA 实体示例
@Entity
public class Product {
Long id;
String name;
BigDecimal price;
Category category;
}


