# 项目功能详细介绍

## 核心功能模块

### 1. 用户系统

- **微信登录**：通过openid识别用户，自动创建新用户或更新现有用户信息

- **每日答题机会**：系统自动重置每日答题机会（默认为1次）

- **分享获取机会**：用户分享可获得额外答题机会（每日限制）

- **排行榜**：根据答对题目数量和总答题时间排序

### 2. 答题系统

- **关卡设计**：5个关卡，每关2道题目

- **题目获取**：每关随机从题库中抽取2道题目

- **答题流程**：

  - 检查用户答题机会

  - 随机获取题目

  - 用户提交答案

  - 验证答案正确性

  - 更新用户数据

  - 减少答题机会

- **通关判断**：答对10道题（5关×2题）视为通关

- **答题记录**：保存用户答题历史，支持查看

### 3. c奖系统

- **c奖条件**：必须完成所有5关答题

- **c奖机制**：

  - 基于概率的c奖算法

  - 九宫格动画效果

  - 奖品库存管理

- **地址提交**：中奖用户可提交收货地址

- **c奖记录**：保存用户c奖历史

### 4. 管理后台

- **系统配置**：设置活动时间、每日答题机会、分享机会等

- **关卡配置**：管理关卡背景图、坐标位置

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

- **奖品管理**：设置奖品、概率、库存

- **用户管理**：查看用户信息、答题记录

- **c奖记录**：查看用户c奖结果、导出中奖信息

- **统计功能**：查看活动数据统计

## 业务逻辑流程

### 用户参与流程

1. **登录**：用户通过微信登录，系统自动创建或更新用户信息

2. **答题**：

   - 进入首页，查看关卡进度

   - 点击关卡开始答题

   - 系统检查答题机会

   - 显示题目，用户选择答案

   - 系统验证答案，更新用户数据

   - 完成关卡，卡通人物移动到下一关

3. **通关**：完成5关答题后，系统标记用户为已通关

4. **c奖**：

   - 进入c奖页面，点击开始c奖

   - 系统执行c奖算法，确定中奖结果

   - 显示九宫格动画，展示中奖结果

   - 中奖用户可提交收货地址

5. **查看排名**：用户可查看排行榜，了解自己的排名

### 管理员操作流程

1. **登录管理后台**

2. **配置活动**：

   - 设置活动时间

   - 配置每日答题机会和分享机会

   - 上传背景图和卡通人物图片

3. **管理内容**：

   - 添加、编辑题目

   - 设置奖品和概率

   - 配置关卡信息

4. **监控数据**：

   - 查看用户参与情况

   - 查看c奖结果

   - 导出中奖用户信息

   - 标记奖品发货状态

## 技术实现细节

### 前端实现

- **状态管理**：使用localStorage存储用户信息，sessionStorage存储临时状态

- **动画效果**：CSS transition实现卡通人物移动动画，九宫格c奖动画

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

- **错误处理**：完善的错误提示和异常处理

### 后端实现

- **数据库操作**：使用Sequelize ORM进行数据库操作

- **API设计**：RESTful API设计，统一的响应格式

- **业务逻辑**：

  - 每日答题机会自动重置

  - 基于概率的c奖算法

  - 奖品库存管理

  - 通关判断逻辑

- **安全措施**：参数验证，错误处理

### 数据库设计

- **users**：用户信息表

- **questions**：题目表

- **answers**：答题记录表

- **lottery_records**：c奖记录表

- **prizes**：奖品表

- **address**：收货地址表

- **level_config**：关卡配置表

- **system_config**：系统配置表

## 特色功能

### 1. 卡通人物动画系统

- **动态移动**：卡通人物在关卡间平滑移动

- **位置计算**：基于关卡配置的坐标系统

- **状态持久化**：使用sessionStorage保持状态

### 2. 九宫格c奖

- **视觉效果**：流畅的旋转动画

- **概率算法**：基于配置的概率进行c奖

- **奖品管理**：自动处理奖品库存

### 3. 智能答题系统

- **随机出题**：每关随机抽取题目

- **答题时间**：记录答题时间，用于排行榜

- **通关判断**：自动判断用户是否通关

### 4. 完整的管理后台

- **数据管理**：全面的内容管理功能

- **数据统计**：活动数据统计分析

- **导出功能**：支持导出中奖用户信息

### 5. 灵活的配置系统

- **系统配置**：可配置活动时间、答题机会等

- **关卡配置**：可配置关卡背景图、坐标位置

- **奖品配置**：可配置奖品、概率、库存

## 技术亮点

2. **响应式设计**：适配不同设备，提供良好的用户体验

3. **动画效果**：流畅的卡通人物移动和c奖动画

4. **智能算法**：基于概率的c奖算法，公平公正

5. **数据安全**：完善的参数验证和错误处理

6. **可扩展性**：模块化设计，易于扩展和维护

7. **用户体验**：友好的界面设计和交互体验

## 总结

本项目是一个功能完整、交互丰富的元宵节答题c奖活动系统，具有以下特点：

1. **完整的活动流程**：从答题到c奖的全流程体验

2. **丰富的交互效果**：卡通人物动画、九宫格c奖等

3. **完善的管理功能**：后台管理系统支持活动配置和数据监控

4. **技术架构合理**：前后端分离，模块化设计

5. **用户体验良好**：响应式设计，流畅的动画效果

项目不仅满足了活动的功能需求，还通过精心的设计和实现，为用户提供了一个有趣、互动性强的活动体验。同时，管理后台的设计也为活动运营提供了便利的工具。

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