外卖订单小程序

<template>
  <div>
    <h1>外卖订单</h1>
    <form @submit.prevent="submitOrder">
      <input v-model="order.food" placeholder="选择食物" required />
      <input v-model="order.quantity" type="number" placeholder="数量" required />
      <button type="submit">提交订单</button>
    </form>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      order: {
        food: '',
        quantity: 1
      }
    };
  },
  methods: {
    async submitOrder() {
      try {
        const response = await axios.post('/api/orders', this.order);
        alert('订单提交成功');
      } catch (error) {
        alert('订单提交失败');
      }
    }
  }
};
</script>

const express = require('express');
const app = express();
app.use(express.json());

app.post('/api/orders', (req, res) => {
  const order = req.body;
  // 处理订单逻辑，如保存到数据库
  console.log('新订单:', order);
  res.status(200).send('订单已接收');
});

app.listen(3000, () => {
  console.log('服务器运行在 http://localhost:3000');
});