前后端完整案例-简单模仿点点开黑抽奖

注意：该项目为个人编写，页面显示较为粗糙，目前还在完善中，仅供参考。

数据库

数据库sql文件在后端代码库中：

后端接口实现

源码：https://gitee.com/qfp17393120407/game

前端页面实现

源码： https://gitee.com/qfp17393120407/game-weeb

vue项目打包

注意：打包时将IP改为自己公网IP

npm run build

部署到阿里云服务器

参考步骤：阿里云服务器ESC部署前后端分离项目完整流程

效果显示

地址：点点模拟抽奖

进入页面抽奖

玩法介绍

抽奖相关内容在业务管理模块

该模块下具体内容如图

1.礼物管理

该模块是礼物的增删改查

2.抽奖礼物列表

该模块可以查看各个类型的抽奖礼物列表

3.开箱子

如图所示，选择箱子类型，每种箱子都有不同价值的礼物，铜箱子价值最低。
选择箱子类型，填入箱子数量，然后点击抽奖按钮，即可出现抽奖结果

4.宠物抽奖-----功能完善中

宠物抽奖需要当前大厅满足一定的条件，目前分为送的礼物值达到30万，60万和90万，30万为一星宠物，60万为三星宠物，90万为五星宠物，星级越高，礼物值越高，数量越多。后续将添加详情列表。
目前宠物抽奖功能正在完善中。。。。。

5.大厅管理

6.陪玩用户管理

钻石需要充值后才有，魅力值是收到礼物后会有，贡献值是送礼物后就有。
送礼物功能未显示在页面中，可在swagger直接调用后台接口

7.排行榜—完善中

目前只有厅内排行榜显示