一个活动抽奖小程序

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

这是一个使用 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 行。

8 thoughts on “一个活动抽奖小程序

  1. ARMSTONG

    I am exploring on-line over 3 hours nowadays, but I never uncovered almost any exciting content similar to your own property. It is really wonderful value plenty of in my opinion. For me, if perhaps many internet marketers along with people designed perfectly information as you almost certainly would, the online world could be considerably more useful than any other time.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *