duanmh 发表于 2020-1-14 18:06

PHP语言之年会抽奖系统

本帖最后由 duanmh 于 2020-12-29 11:21 编辑

年会抽奖系统

概诉:采用炫酷的前端效果搭载牛皮的PHP语言,展现精彩的视觉盛宴, 好了, 不多BB了;   我讲述的抽奖系统分为两种:1、后台添加奖品,前台随机抽取;2、用户关注微信公众账号,前台随机抽取幸运用户。
应用场景:各种人多的场合。

方式一、
步骤1:现在系统的后台添加好你需要抽奖的奖品;如下图:

在后台设置好奖品后, 这样我们才能抽东西嘛。

步骤2:编写抽奖的公示界面,如下图:

不需要太复杂, 你喜欢就好。

步骤3:在抽奖的公式界面的下面影藏一个炫酷的插件(我采用的元素周期表);如下图:

这个的图片可以是程序获取的后端的奖品图或者是微信粉丝的头像传送到前台渲染到页面上。

大体所需的页面和准备工作搞定了, 下面开始讲思路了;
抽奖形式有很多种,可能一次抽几个,也可能一次抽取很多个,还会有补录情况。 那么我这里采取的是 利用JS 识别到 按下键盘的‘Q’键设置抽取1个奖品,识别到按下键盘的‘W’为抽取两个奖品,这里大家可以根据实际情况自己定。 然后我设置JS识别到方向键‘↑’键为开始抽奖,然后我设置JS识别到方向键‘↓’键为停止抽奖。这里是什么意思呢, 就是说当主持人喊‘开始’; 我先按下‘W’,JS识别到要抽取1个奖品,然后我有按下‘↑’键就是开始执行抽奖, 这时候程序先隐藏步骤二的公示界面,马上显示步骤三的炫酷动画界面,然后执行AJAX程序向后台发起抽取一个奖品的请求, 后台收到请求后,抽取随机奖品,反馈给前台,这时候前台收到数据, 渲染到隐藏的抽奖公示界面, 这个所需时间很短暂,基本没问题。   然后等到主持人喊停, 我就按下‘↓’键, 这时候JS识别到要停止抽奖, 就影藏掉炫酷的动画界面, 显示中奖的公司界面, 这样, 一个简单的抽奖系统就搞定了,是不是很简单。

方式二:抽取微信用户
其实这个抽取微信用户呢, 很简单, 就是把方式一里面的奖品数据换成 关注了微信公众号的粉丝数据。 也就是说要做个链接, 或者用户关注微信公众号时获取微信用户的昵称和头像存储到你的数据库, 然后炫酷的动画效果界面渲染你的粉丝头像, 然后中奖展示界面就显示程序生成的幸运用户的 头像和昵称。



是不是很简单, 开始你的表演吧。



项目文件下载地址:
链接:https://pan.baidu.com/s/1peULJIczL6kXqXZvOwYshw
提取码:6n0z

2020-12-29更新下载地址:
链接:https://pan.baidu.com/s/12e6u0EaOmmPc4xPzwrojGQ
提取码:62nr


【转载请标明出处,谢谢】




duanmh 发表于 2020-1-15 14:19

angelhkj 发表于 2020-1-15 11:40
这个要怎么设置啊,微信端

要在微信后台开启自定义开发配置(我第一篇帖子有),开启了制定以后, 把appid和appsecrit写到位置文件里, 基本就差不多了

duanmh 发表于 2020-1-14 18:27

丶懒喵喵 发表于 2020-1-14 18:24
有没有暗箱啊

:lol   不存在有没有, 只有需不需要
暗箱方式一:后台抽取时过滤你不想抽取的奖品或粉丝。

暗箱方拾二:设置键盘上指定按键抽取指定奖项。

kof21411 发表于 2020-1-14 18:14

链接呢?????

duanmh 发表于 2020-1-14 18:17

kof21411 发表于 2020-1-14 18:14
链接呢?????

没得测试地址 {:17_1068:}

fzp2077 发表于 2020-1-14 18:20

地址呢??????????

duanmh 发表于 2020-1-14 18:22

fzp2077 发表于 2020-1-14 18:20
地址呢??????????

暂无测试地址,{:17_1062:}

丶懒喵喵 发表于 2020-1-14 18:24

有没有暗箱啊

单眼。皮 发表于 2020-1-14 18:29

下载地址呢。?

开创者 发表于 2020-1-14 18:31

下载地址呢?我只能知道

duanmh 发表于 2020-1-14 18:32

单眼。皮 发表于 2020-1-14 18:29
下载地址呢。?

不好意思, 暂无,看下次发帖的时候,带上链接
页: [1] 2 3 4 5 6 7 8
查看完整版本: PHP语言之年会抽奖系统