年会抽奖.Lucy.baby.可简单部署在本地使用

刚过元旦,马上又要到春节了,各公司各厂店各保险公司年会都已经轰轰烈烈的开展起来。鼠年的春节来的特别早,这不,今天才元月7日,就已经是腊月十三了,再过12个工作日,立马除夕过年。而年会上的重头戏,除了一场壮观的演出、一席山珍海味之外,抽奖是必不可少,也是最激动人心的环节了。

有高人在GitHub上展示了一个年会抽奖的代码,并提供了一个演示界面,发现基本上可以满足年会抽奖的需求,在作者的基础上,抽取了一个可以本地运行的版本,当然前期是要提供WEB服务的电脑才行。在本机测试了一下,基本没有问题。

图.GitHub网站作者的相关说明

具体的使用,作者也在页面上解释的非常的详细了,按照作者的介绍,试用了一下。首先是在网上随意生成了60个人的名字,并导入了名单。导入的时候简单借用Excel表格,一列为编号,一列为姓名,复制即可。复制后,主界面显示的就是姓名了,而不是数字。如果可以的话,也可以导入对应人员的照片,那么在滚动的时候,抽中的时候,也会显示对应的图片。

图1.运行后的界面.已导入60人员名单

抽奖的方式可以多种选择,可以一次抽1人,也可以抽5人,或者一次性抽完,也可以自定义一次抽取多少人。这样的可玩性就大了,例如,次等的奖可以一次性抽完或者抽多一些,大奖就一次一个来。

图2.抽奖的多种方式可选择

抽取点击开始后,屏幕上人员 的姓名开始滚动,直到点击停止后,才会在屏幕上显示中奖的人员名单与编号。

图3.点击停止后抽奖的结果

另外除了抽完后显示的名单外,在右上角也有抽奖结果的按钮。点开后,则可对相应的人员编号进行点击删除。相当于抹除了相应的中奖纪录了。

图4.抽奖的结果(点击号码可以删除)

当然,这一切,首先要做的操作是,进行抽奖配置。如设置奖项,设置参与抽奖的总人数、相应奖项的人数。

图5.首先应该进行的抽奖配置

做了一些小修改,rar压缩包放在百度云盘上了。如果要修改背景音乐,可以修改media文件夹中的mp3,如果要修改背景图片,则修改下img文件夹中的图片。当然如果要在本地运行,本地必须支持WEB服务,这样才可以用浏览器来访问。

源代码:https://github.com/vitozyf/lucky-draw

演示地址:https://vitozyf.github.io/lucky-draw/index.html

本地运行版: 百度云盘 提取码:yajw