餐饮预约点餐系统从零搭建教程（含代码示例）

餐饮行业的预约点餐系统，归根结底，核心目标就是解决一件事：将点餐、预约、支付、出餐/履约这几个环节真正串联起来，打造一个完整的业务闭环。对用户而言，操作流程更加顺畅；对商家来说，订单处理效率显著提升。

通俗地讲，从技术架构角度看，这实际上是一套典型的“订单驱动系统 + 状态流转 + 多角色协同”业务系统。接下来，我们直接上关键代码，感受真实项目中的落地细节。先看架构图，对整个系统有个直观印象。

一、系统核心架构（先理解整体结构）

一套完整的餐饮系统，通常由四大核心模块构成：

• 用户端：小程序或H5，负责前端交互与操作体验。
• 商家端：管理后台，负责接单、出餐、数据管理等业务操作。
• 订单中心：核心服务，所有订单的生命周期管理都在这里进行。
• 支付与履约服务：处理支付、配送、预约等具体动作。

整个系统的设计思路可以浓缩为一句话：一切围绕订单流转。

二、订单数据结构设计（核心环节）

先来定义订单的数据结构，这是整个系统的中枢神经。

订单的状态流转定义如下：

const OrderStatus = {
  CREATED: "created",       // 已创建
  PAID: "paid",             // 已支付
  RESERVED: "reserved",     // 已预约
  PREPARING: "preparing",   // 制作中
  READY: "ready",           // 已出餐
  DELIVERING: "delivering", // 配送中
  COMPLETED: "completed",   // 已完成
  CANCELED: "canceled"      // 已取消
};

const OrderType = {
  DINE_IN: "dine_in",       // 到店预约
  DELIVERY: "delivery"      // 外卖配送
};

一个完整的订单模型大致如下：

const order = {
  orderId: "ORD123456",
  userId: "U10001",
  shopId: "S20001",
  type: OrderType.DELIVERY,   // 或 dine_in
  items: [
    { productId: "P001", name: "牛肉饭", price: 28, quantity: 2 }
  ],
  totalAmount: 56,
  reservationTime: null,      // 到店预约才有
  address: null,              // 外卖才有
  status: OrderStatus.CREATED,
  createdAt: Date.now()
};

三、核心接口设计（Node.js示例）

1. 创建订单

这是最基础的操作，前端下单后，后端需要接收数据、计算金额、生成订单记录。

app.post("/order/create", async (req, res) => {
  const { userId, shopId, items, type, reservationTime, address } = req.body;
  const totalAmount = items.reduce((sum, item) => {
    return sum + item.price * item.quantity;
  }, 0);
  const order = {
    orderId: generateOrderId(),
    userId,
    shopId,
    items,
    type,
    reservationTime: type === "dine_in" ? reservationTime : null,
    address: type === "delivery" ? address : null,
    totalAmount,
    status: "created",
    createdAt: Date.now()
  };
  await db.order.insert(order);
  res.json({ success: true, data: order });
});

2. 支付成功回调（关键节点）

支付是订单状态的分水岭，支付成功后后续流程才能正式启动。

app.post("/payment/callback", async (req, res) => {
  const { orderId, payStatus } = req.body;
  if (payStatus === "success") {
    await db.order.update(orderId, { status: "paid" });
  }
  res.send("ok");
});

3. 商家接单与出餐

商家端看到订单后开始制作，这里涉及两个关键状态：接单后进入“制作中”，出餐后更新为“已出餐”。

app.post("/order/accept", async (req, res) => {
  const { orderId } = req.body;
  await db.order.update(orderId, { status: "preparing" });
  res.json({ success: true });
});

app.post("/order/ready", async (req, res) => {
  const { orderId } = req.body;
  await db.order.update(orderId, { status: "ready" });
  res.json({ success: true });
});

4. 配送状态更新（外卖场景）

如果是外卖订单，出餐后还需要通知配送员取餐并更新状态。

app.post("/order/deliver", async (req, res) => {
  const { orderId } = req.body;
  await db.order.update(orderId, { status: "delivering" });
  res.json({ success: true });
});

四、预约逻辑（核心区别点）

预约和普通外卖最大的区别在于：预约本质不是订单，而是“时间资源占用”。换句话说，在下单之前，必须先确认该时间段是否有空闲位置。

function checkReservation(shopId, timeSlot) {
  const count = db.order.count({
    shopId,
    reservationTime: timeSlot,
    status: { $in: ["reserved", "paid", "preparing"] }
  });
  return count < MAX_TABLE_LIMIT;
}

创建预约订单时，需要先检查资源是否可用：

if (type === "dine_in") {
  const a vailable = checkReservation(shopId, reservationTime);
  if (!a vailable) {
    throw new Error("该时间段已满");
  }
}

五、前端核心逻辑（简化示例）

前端在下单时，逻辑其实很简单：根据订单类型决定传递什么数据。

function submitOrder() {
  const orderType = this.type; // delivery / dine_in
  const payload = { items: this.cart, type: orderType };
  if (orderType === "delivery") {
    payload.address = this.address;
  }
  if (orderType === "dine_in") {
    payload.reservationTime = this.timeSlot;
  }
  api.createOrder(payload).then(res => {
    console.log("下单成功", res);
  });
}

六、系统核心：状态流转图（逻辑关键）

整个订单的生命周期非常清晰，可以想象成一条流水线：

创建订单
    ↓
支付成功
    ↓
商家接单
    ↓
制作中
    ↓（外卖）配送中 / （预约）等待到店
    ↓
完成

七、系统设计重点（比代码更重要）

代码只是实现手段，真正决定系统好坏的是设计思路。下面几个要点值得反复琢磨。

1. 一定要统一订单模型

外卖和预约不要做成两套独立的系统，本质上它们的差异只是：时间不同、履约方式不同。数据模型层面应该完全统一。

2. 状态必须统一

如果外卖一套状态、预约一套状态，商家端管理起来会很痛苦。统一的状态枚举是必须的。

3. 所有业务围绕订单

不要让“预约”“外卖”“堂食”成为各自为政的独立系统，所有功能都应该是订单这个核心的延伸。

八、进阶优化方向（上线后必须做）

系统上线后，如果流量起来，以下优化方向是必选项：

• 订单队列：高峰期削峰，防止系统被冲垮。
• 自动接单机制：减少人工操作，提升整体效率。
• 桌位智能分配：到店预约场景下的资源优化策略。
• 配送路径优化：外卖场景下的效率提升方案。
• 会员与复购体系：锁定老客户的关键手段。
• 营销活动系统：驱动业务增长的发动机。

结语

所以，回头看整个系统设计的核心，真的不是功能堆得多豪华，而是能否把散落的业务场景统一到一个清晰的逻辑体系里。

代码只是实现方式，真正关键的，是把“预约”和“外卖”统一成同一个逻辑体系——这才是从0到1搭建系统的核心思路。