uni-app投票功能的开发和结果统计

<template>
  <view class="container">
    <view class="question">{{ question }}</view>
    <view v-for="(option, index) in options" :key="index" class="option" @click="vote(option)">
      {{ option.text }}
    </view>
    <button @click="showResults">查看结果</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      question: '你最喜欢的颜色是？',
      options: [
        { id: 1, text: '红色', votes: 0 },
        { id: 2, text: '蓝色', votes: 0 },
        { id: 3, text: '绿色', votes: 0 }
      ]
    }
  },
  methods: {
    vote(option) {
      // 这里需要发送请求到后端，更新投票数据
      uni.request({
        url: '你的后端API地址',
        method: 'POST',
        data: {
          optionId: option.id
        },
        success: (res) => {
          if (res.statusCode === 200) {
            uni.showToast({
              title: '投票成功',
              icon: 'success'
            })
          } else {
            uni.showToast({
              title: '投票失败',
              icon: 'none'
            })
          }
        }
      })
    },
    showResults() {
      // 这里需要从后端获取投票结果
      uni.request({
        url: '你的后端API地址',
        method: 'GET',
        success: (res) => {
          if (res.statusCode === 200) {
            let results = res.data
            let message = ''
            results.forEach(option => {
              message += `${option.text}: ${option.votes}票\n`
            })
            uni.showModal({
              title: '投票结果',
              content: message,
              showCancel: false
            })
          } else {
            uni.showToast({
              title: '获取结果失败',
              icon: 'none'
            })
          }
        }
      })
    }
  }
}
</script>

<style>
.container {
  padding: 20px;
}

.question {
  font-size: 18px;
  margin-bottom: 20px;
}

.option {
  padding: 10px;
  margin-bottom: 10px;
  background-color: #f0f0f0;
  border-radius: 5px;
}

button {
  margin-top: 20px;
}
</style>

const express = require('express');
const app = express();
const bodyParser = require('body-parser');

app.use(bodyParser.json());

let votes = [
  { id: 1, text: '红色', votes: 0 },
  { id: 2, text: '蓝色', votes: 0 },
  { id: 3, text: '绿色', votes: 0 }
];

app.post('/vote', (req, res) => {
  const optionId = req.body.optionId;
  const option = votes.find(v => v.id === optionId);
  if (option) {
    option.votes++;
    res.status(200).json({ message: '投票成功' });
  } else {
    res.status(400).json({ message: '选项不存在' });
  }
});

app.get('/results', (req, res) => {
  res.status(200).json(votes);
});

app.listen(3000, () => {
  console.log('服务器运行在端口3000');
});