Author Archives: Willerce Zenn

一个活动抽奖小程序

大过年的,最开心的就是年会抽奖了。最不开心的,就是写了抽奖程序自己竟然没有中奖,泪~~~~~

这是一个使用 HTML 写的抽奖小程序,服务端使用的是 Nodejs。

Gihtub 库:https://github.com/Mobile-Team/ecd-lottery

环境要求

因为使用了 localStorage 记录抽奖数据,需要 IE8 , FF3.5 , Chrome4.0 , Safari4

Nodejs 版本没有要求。

WEB 端

数据定义

  1. /web/data/thing.js ,定义奖品数据,ID 从 1 开始自增。
  2. /web/data/user.js ,定义大奖池,en online casino 为英文名,在 /web/images/avatar 里要有对应有头像文件
  3. /web/images/animate 下扔一些头像切换效果的动画,文件命名为 1 开始自增

操作使用

  1. 方向左右键切换奖品,按空格开始停止摇奖。
  2. 摇奖后,如果有需要,可以点击某个人的头像,对他进行重新抽奖。

服务端说明

/server 是一个简单的 nodejs 服务端,用来记录抽奖结果

使用前,需要安装相关依赖包

$ cd server
$ npm install

运行之

$ cd server
$ node app.js

/web/assets/js/kalok.js 第一行可以配置服务端的URL

为避免不法分子在抽奖过程中捣蛋行为,服务器的 app.js 30 到 39 行有一个简单的用户验证,WEB 端配置 index.html 的第 8 行。