# AnswerGame

**Repository Path**: mlx6_admin/AnswerGame

## Basic Information

- **Project Name**: AnswerGame
- **Description**: 答题对战微信小程序
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 12
- **Created**: 2020-05-30
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AnswerGame

#### 介绍

    答题对战微信小程序


#### 软件架构
- 前端：vue.js mpvue
- 后端：Java Spring Boot
- 中间件: Mosquitto

#### 团队成员
- 陈达坚
- 邓家豪
- 郭榕
- 何俊霖
- 苏建誉
- 廖志浩

#### 效果展示
![登录](https://images.gitee.com/uploads/images/2019/0723/230843_fd6250d5_1882427.png "登录.png")
![主页](https://images.gitee.com/uploads/images/2019/0723/230907_c3a2b610_1882427.png "主页.png")
![准备阶段](https://images.gitee.com/uploads/images/2019/0723/230930_22b7093f_1882427.png "准备阶段.png")
![未作答](https://images.gitee.com/uploads/images/2019/0723/231056_f5b0b857_1882427.png "未作答.png")
![双方答错](https://images.gitee.com/uploads/images/2019/0723/231023_8b0a047d_1882427.png "双方答错.png")
![好友房间](https://images.gitee.com/uploads/images/2019/0723/231129_67394472_1882427.png "好友房间.png")
![结算](https://images.gitee.com/uploads/images/2019/0723/231149_d88d7061_1882427.png "结算.png")
![排行榜](https://images.gitee.com/uploads/images/2019/0723/231202_2c73e771_1882427.png "排行榜.png")
![好友列表](https://images.gitee.com/uploads/images/2019/0723/231215_332a5808_1882427.png "好友列表.png")
![个人信息](https://images.gitee.com/uploads/images/2019/0723/231226_775fce92_1882427.png "个人信息.png")
#### 安装教程
后端：
1. clone本项目
2. 安装JDK1.8和Maven
3. 安装和配置Mosquitto服务器，可参考"/source/back-end/AnswerGame/doc/MQTT配置说明/MQTT配置说明.txt"
4. 安装MySQL 5.7，执行"/source/back-end/AnswerGame/doc/sql/answerduel.sql" 脚本文件
5. 修改"/source/back-end/AnswerGame/src/main/resources/"下的四个yaml配置文件，包括数据库连接配置，MQTT服务器连接配置
6. 命令行定位到/source/back-end/AnswerGame，执行 `mvn package`
7. 命令行执行`cd target`
`java -jar xxx.jar`

前端：
``` bash

# 安装 node.js环境，下载微信开发者工具

# 检查版本
node -v

# 安装脚手架
npm install --global vue-cli

# 使用cmd命令定位到项目
cd xxx\AnswerGame\source\front-end\AnswerGame （xxx为整个项目的路径）

# 安装依赖
npm install

# 开发时构建
npm run dev

# 使用微信开发者工具导入项目

# 修改config中dev.env和prod.env中api地址

# 打包构建
npm build

# 指定平台的开发时构建(微信、百度、头条、支付宝)
npm dev:wx
npm dev:swan
npm dev:tt
npm dev:my

# 指定平台的打包构建
npm build:wx
npm build:swan
npm build:tt
npm build:my

# 生成 bundle 分析报告
npm run build --report
```

#### 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)