怎么搭建套餐优惠券小程序

<!-- 示例代码：优惠券展示页面 -->
<template>
  <div>
    <h1>优惠券</h1>
    <ul>
      <li v-for="coupon in coupons" :key="coupon.id">
        {{ coupon.name }} - {{ coupon.discount }}%
        <button @click="claimCoupon(coupon)">领取</button>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      coupons: [
        { id: 1, name: '满100减20', discount: 20 },
        { id: 2, name: '满200减50', discount: 25 }
      ]
    };
  },
  methods: {
    claimCoupon(coupon) {
      // 领取优惠券逻辑
    }
  }
};
</script>

// 示例代码：Node.js后端API
const express = require('express');
const app = express();
const bodyParser = require('body-parser');
const mongoose = require('mongoose');

mongoose.connect('mongodb://localhost/coupons', { useNewUrlParser: true, useUnifiedTopology: true });

const couponSchema = new mongoose.Schema({
  name: String,
  discount: Number,
  used: Boolean
});

const Coupon = mongoose.model('Coupon', couponSchema);

app.use(bodyParser.json());

app.post('/claim-coupon', async (req, res) => {
  const { userId, couponId } = req.body;
  const coupon = await Coupon.findById(couponId);
  if (coupon && !coupon.used) {
    coupon.used = true;
    await coupon.save();
    res.json({ success: true });
  } else {
    res.status(400).json({ success: false, message: '优惠券已使用或不存在' });
  }
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});