HTML5 网页端年会抽奖源码，导入名单即可使用

一、使用效果

二、下载地址

• 推荐 Chrome 浏览器，兼容性最好。

• Github 下载地址：DZMLuckyDraw。

• 网盘下载：

  

三、使用方式(配置)

• 下载项目后，通过浏览器打开 index.html 主入口，然后导入名单即可使用，也可以自定义奖项名称，内定中奖人员，不用担心误关窗口。

  ``` 0、index.html: 主入口，lucky-draw.html 为抽奖页面。 1、误关抽奖窗口、刷新网页都不会导致丢失用户名单、中奖名单、剩余未中奖用户名单、奖项配置等，所以误操作也没事，可以重新在同一个浏览器中打开，再次进入抽奖页，继续操作即可，流程保持不变。 2、想要清空数据，必须在主页 index.html 中点击清空所有数据，才会清理用户名单、中奖名单、奖项配置等所有配置，相当于重置，否则在同一浏览器中会一直保留。 3、支持 .xlsx、.xls、.csv 文件格式上传 4、支持自定义奖项模式、默认抽奖模式 5、已经中过奖的人不会重复中奖 6、在上面支持的文件格式中每个单元格是一个用户 7、每个单元格支持的用户格式，可以混合存在文件中： (没有设置指定第几轮中奖的会完全随机抽，所以不需要内定的时候，不要用设置第几轮中奖的名单方式就行了)

  名字 名字-部门(或职位, 或描述) 名字-第几轮中奖(只能数字，不设置随机) 名字-部门(或职位, 或描述) 名字-部门(或职位, 或描述)-第几轮中奖(只能数字，不设置随机)

  注意：第几轮中奖(只能数字，不设置随机) 这一项在自定义奖项模式、默认抽奖模式中用法一样，作用不同。 默认抽奖模式：指的是第几轮中奖 自定义奖项模式：这个模式下就不会按轮来进行中奖，对应的是自定义奖项时填写的标签，如果一个自定义奖项的标签设置为1，然后选择这个奖项抽奖时，用户列表里面有按上面模式设置了1的用户则会中奖，这个标签是可选项，不设置就完全随机，如果设置就会去名单列表中找到匹配的用户。

  例如：

  张三 李四-1 王五-财务部 赵六-副总-2 ```

• 自定义奖项设置

  

• 人员名单配置，内定配置规则

  

• 可导出中奖名单(如果不小心误关抽奖窗口、刷新网页都不会导致丢失用户名单、中奖名单、剩余未中奖用户名单、奖项配置等，所以误操作也没事，可以重新在同一个浏览器中打开，再次进入抽奖页，继续操作即可，流程保持不变)。

  

  

四、扩展版本

• 这里有一个优化版本，是由 shatinGitHub 进行优化，对布局做了调整，支持 手机竖屏，下载地址，分支名称：shatin，使用方式都一样。

• 支持主题名称、背景切换、抽奖用户是否可以重复中奖、抽奖页面样式美观...