cpzs-frontend/lottery-app

双色球智能推测系统

这是一个基于Vue 3开发的双色球智能推测前端应用，提供智能算法分析、开奖信息查询等功能。

功能特性

🎯 主要功能

• 智能推测: 5步推测流程，包含首球算法、跟随球分析、蓝球分析
• 开奖查询: 支持期号查询和日期范围查询
• 用户中心: 个人信息管理和会员权益展示

📱 页面结构

1. 首页 - 智能推测功能

   • 选择算法级别（高位/中位/低位）
   • 输入上期开奖号码
   • 首球算法分析
   • 跟随球分析
   • 蓝球分析
   • 最终号码确认

2. 开奖信息 - 查询历史开奖

   • 期号精确查询
   • 日期范围查询
   • 近期开奖记录展示

3. 我的页面 - 用户信息管理

   • 用户信息展示
   • 会员权益介绍
   • 功能菜单导航
   • 使用统计数据

技术栈

• 框架: Vue 3
• 路由: Vue Router 4
• HTTP客户端: Axios
• 构建工具: Vite
• CSS: 原生CSS + Scoped Styles

后端接口

应用连接到SpringBoot后端服务，接口前缀：http://localhost:8123/api

主要接口

• GET /ball-analysis/recent-draws - 获取近期开奖信息
• GET /ball-analysis/query-draws - 按日期范围查询
• GET /ball-analysis/draw/{drawId} - 根据期号查询
• POST /ball-analysis/analyze - 首球算法分析
• POST /ball-analysis/fallow - 跟随球分析
• POST /ball-analysis/blue-ball - 蓝球分析
• POST /ball-analysis/create-predict - 创建推测记录

快速开始

安装依赖

npm install

开发环境运行

npm run dev

构建生产版本

npm run build

预览生产构建

npm run preview

项目结构

src/
├── api/
│   └── index.js          # API接口封装
├── components/           # 公共组件
├── router/
│   └── index.js         # 路由配置
├── views/
│   ├── Home.vue         # 主页 - 智能推测
│   ├── LotteryInfo.vue  # 开奖信息页
│   └── Profile.vue      # 我的页面
├── App.vue              # 根组件
└── main.js              # 入口文件

使用说明

推测流程

1. 第一步: 选择推测级别（高位/中位/低位），输入开奖期号、日期和上期中奖号码
2. 第二步: 查看首球算法推荐的11个红球号码，选择1个首球和2个随球
3. 第三步: 查看跟随球分析推荐的8个号码，组合完整的6个红球
4. 第四步: 选择2个蓝球进行分析，获得4个推荐蓝球，选择最终蓝球
5. 第五步: 确认推测号码并提交

开奖查询

• 期号查询: 输入具体期号（如2025056）进行精确查询
• 日期查询: 设置日期范围进行批量查询
• 历史记录: 自动加载最近15期开奖信息

注意事项

⚠️ 重要提醒: 彩票开奖系统随机，本应用提供的推测结果仅供参考，不保证中奖。投注需谨慎，请理性购彩。

浏览器支持

• Chrome >= 87
• Firefox >= 78
• Safari >= 14
• Edge >= 88

开发指南

代码规范

• 使用ES6+语法
• 组件采用SFC（Single File Component）格式
• CSS使用scoped样式避免污染
• 遵循Vue 3 Composition API最佳实践

API集成

所有API调用都封装在src/api/index.js中，统一处理请求和响应。

样式规范

• 采用移动端优先的响应式设计
• 主色调：红色(#e53e3e)，蓝色(#3182ce)
• 遵循Material Design设计原则