135 lines
3.5 KiB
Markdown
135 lines
3.5 KiB
Markdown
|
# 双色球智能推测系统
|
|||
|
|
|
|||
|
|
这是一个基于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` - 创建推测记录
|
|||
|
|
|
|||
|
|
## 快速开始
|
|||
|
|
|
|||
|
|
### 安装依赖
|
|||
|
|
```bash
|
|||
|
|
npm install
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 开发环境运行
|
|||
|
|
```bash
|
|||
|
|
npm run dev
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 构建生产版本
|
|||
|
|
```bash
|
|||
|
|
npm run build
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 预览生产构建
|
|||
|
|
```bash
|
|||
|
|
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设计原则
|
|||
|
|
|