年会抽奖网页系统源码

一、使用效果

二、下载地址

  • 承接定制化抽奖,或抽奖需求调整,需要此系统联系邮箱yy@ncncy.com。
  • 上传本地音乐作为抽奖背景音乐;
  • 抽奖动画类型支持球形、圆柱形;球形、圆柱形支持抽奖旋转(会提速转圈);
  • 拉取服务器名单不需要手动上传,需要点联系;懂代码可以尝试自行调整,注释很全。
  • 推荐 Chrome 浏览器,兼容性最好。
  • 原作者Github 下载地址:github.com/dengzemiao/… ,如果不需要星空背景,可以在 lucky-draw.html 文件中注释掉。
    • 星空背景:可以在 js/the-sky.js 文件底部修改渲染星星的数量,与流星的数量,只要电脑不卡顿就行。
  • 如果有需要修改名片,以及抽奖相关的颜色,可以在这几个文件夹中修改,颜色都有进行注释说明:

三、新增功能

  • (新增)支持中奖模式
  • (新增)支持上传两个表格同时抽奖,自定义每轮中每个表单中抽取几位幸运儿
  • (新增)抽奖页面可随时查看中奖名单,可导出名单为Excle
  • (新增)支持配置背景音乐、抽奖中展示球形或圆柱形,需要手动切换选择。
  • (新增)支持抽奖时,球形或圆柱形进行旋转,会有加速,可以自行调整,如果出现卡顿,可以降低旋转名片数量,以及转速。

四、使用方式(配置)

  • 下载项目后,通过浏览器打开 index.html 主入口,然后导入名单即可使用,也可以自定义奖项名称,内定中奖人员,不用担心误关窗口。 makefile复制代码0、index.html: 主入口,lucky-draw.html 为抽奖页面。 1、误关抽奖窗口、刷新网页都不会导致丢失用户名单、中奖名单、剩余未中奖用户名单、奖项配置等,所以误操作也没事,可以重新在同一个浏览器中打开,再次进入抽奖页,继续操作即可,流程保持不变。 2、想要清空数据,必须在主页 index.html 中点击清空所有数据,才会清理用户名单、中奖名单、奖项配置等所有配置,相当于重置,否则在同一浏览器中会一直保留。 3、支持 .xlsx、.xls、.csv 文件格式上传 4、支持自定义奖项模式、默认抽奖模式 5、已经中过奖的人不会重复中奖 6、在上面支持的文件格式中每个单元格是一个用户 7、一次性抽奖人数过多,在中奖名单上可以通过左右滚动,看到所有中奖人员,中奖名单支持鼠标或者触摸板左右滚动的哟 8、每个单元格支持的用户格式,可以混合存在文件中: (没有设置指定第几轮中奖的会完全随机抽,所以不需要内定的时候,不要用设置第几轮中奖的名单方式就行了) 名字 名字-部门(或职位, 或描述) 名字-第几轮中奖(只能数字,不设置随机) 名字-部门(或职位, 或描述) 名字-部门(或职位, 或描述)-第几轮中奖(只能数字,不设置随机) 注意:第几轮中奖(只能数字,不设置随机) 这一项在自定义奖项模式、默认抽奖模式中用法一样,作用不同。 默认抽奖模式:指的是第几轮中奖 自定义奖项模式:这个模式下就不会按轮来进行中奖,对应的是自定义奖项时填写的标签,如果一个自定义奖项的标签设置为1,然后选择这个奖项抽奖时,用户列表里面有按上面模式设置了1的用户则会中奖,这个标签是可选项,不设置就完全随机,如果设置就会去名单列表中找到匹配的用户。 例如: 张三 李四-1 王五-财务部 赵六-副总-2
  • 自定义奖项设置
  • 人员名单配置,内定配置规则
  • 可导出中奖名单(如果不小心误关抽奖窗口、刷新网页都不会导致丢失用户名单、中奖名单、剩余未中奖用户名单、奖项配置等,所以误操作也没事,可以重新在同一个浏览器中打开,再次进入抽奖页,继续操作即可,流程保持不变)。

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇