# 春节&元宵节答题活动系统

## 项目概述

这是一个专为春节和元宵节设计的双端答题活动系统，包含H5答题端和PC管理后台，旨在通过趣味答题的方式增强节日氛围，同时为参与者提供丰厚的奖励。

## 核心功能模块

### 1. 双活动模式

- **春节活动**：员工专属红包答题，包含初级挑战（3题）和中级挑战（5题）

- **元宵节活动**：万人吃汤圆扫码答题，支持电子券奖励

### 2. 闯关答题系统

- **初级挑战**：3道题，首次通过奖励5.8-8.8元红包

- **中级挑战**：5道题，首次通过奖励14.8-19.8元红包

- **汤圆挑战**：3道题，答对即可获得电子券

### 3. 奖励系统

- **红包发放**：基于答题数量和通过次数的智能红包分配

- **电子券系统**：生成、发放、核销全流程管理

- **奖励规则**：根据挑战级别和通过次数动态调整奖励金额

### 4. 防截图机制

- **水印技术**：全屏水印，包含用户标识

- **事件拦截**：禁用右键菜单、键盘截图快捷键

- **选择禁用**：禁止文本选择和拖拽操作

### 5. 后台管理功能

- **活动配置**：活动时间、参与规则、奖励设置

- **用户管理**：员工信息管理、参与记录查询

- **题目管理**：题目添加、编辑、删除

- **数据统计**：实时数据概览、历史记录导出

- **文件上传**：公司Logo和装饰元素上传

### 6. 主题设计

- **春节主题**：红色喜庆风格，融入灯笼、鞭炮等元素

- **元宵节主题**：多彩灯笼风格，融入汤圆、花灯等元素

- **动态装饰**：根据活动类型自动切换装饰元素

## 系统架构

### 多端架构

- **H5答题端**：面向普通用户，支持移动设备访问

- **PC管理端**：面向管理员，提供完整的管理功能

- **后端服务器**：处理API请求、数据库操作、业务逻辑

### 数据流

1. **用户访问**：通过H5页面访问活动

2. **活动获取**：加载当前活动信息和配置

3. **答题参与**：选择挑战级别，参与答题

4. **答案提交**：提交答案，系统判分

5. **奖励发放**：根据答题结果发放相应奖励

6. **数据记录**：记录参与数据和奖励发放情况

7. **后台管理**：管理员通过后台查看和管理数据

## 核心实现细节

### 1. 防截图机制

- **水印实现**：使用固定定位和CSS变换实现全屏水印

- **事件拦截**：监听contextmenu、keydown、selectstart等事件

- **用户标识**：水印中包含用户ID，增强追溯性

### 2. 红包分配算法

- **金额池设计**：根据答题数量和通过次数设置不同的金额池

- **随机选择**：从对应金额池中随机选择一个金额

- **公平性保障**：相同条件下获得相同奖励的概率相同

### 3. 主题切换系统

- **动态CSS**：根据活动类型应用不同的CSS样式

- **装饰元素**：根据活动类型加载不同的装饰图片

- **响应式设计**：适配不同屏幕尺寸

### 4. 安全保障

- **JWT认证**：使用JSON Web Token进行身份认证

- **限流机制**：防止恶意请求和刷奖行为

- **数据验证**：前后端双重数据验证，确保数据安全

- **权限控制**：基于角色的权限管理，防止越权操作

## 项目特色

### 1. 双活动模式

- 同一系统支持两种不同的活动模式，无需重新部署

- 根据时间自动切换活动类型，或手动配置

### 2. 智能红包系统

- 基于答题数量和通过次数的动态红包金额池

- 确保奖励的公平性和合理性

### 3. 防作弊措施

- 多层防截图机制，保证活动公平性

- 限流和验证机制，防止恶意刷奖

### 4. 企业定制化

- 支持上传企业Logo和装饰元素

- 可定制活动主题和奖励规则

### 5. 数据可视化

- 实时数据统计和概览

- 详细的参与记录和奖励发放记录

## 总结

春节&元宵节答题活动系统是一个功能完整、技术先进的双端应用，通过趣味答题的方式为节日增添了喜庆氛围，同时为参与者提供了丰厚的奖励。系统采用现代前端技术和稳定的后端架构，确保了良好的用户体验和系统稳定性。

该系统不仅满足了当前的节日活动需求，还具有良好的扩展性，可以根据不同的节日和活动主题进行定制化调整，为企业和组织提供了一种新的员工关怀和客户互动方式。

定制看需求，一般几小时内完成，也不贵。