好友
阅读权限10
听众
最后登录1970-1-1
|
本帖最后由 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
【转载请标明出处，谢谢】
|
免费评分
-
查看全部评分
|
发帖前要善用【论坛搜索】功能，那里可能会有你要找的答案或者已经有人发布过相同内容了，请勿重复发帖。 |
|
|
|
|
|
|
[复制链接]
发表于 2020-1-14 18:06
|
发表于 2020-1-15 14:19
不存在有没有， 只有需不需要
