代码拉取完成,页面将自动刷新
同步操作将从 云起云变/lottery 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
年会抽奖程序,3D球体抽奖,支持奖品信息配置,参与抽奖人员信息Excel
导入,抽奖结果Excel
导出
技术:Node + Express + Three.js
后台通过Express
实现
前端抽奖界面通过Three.js
实现3D抽奖球,引用了Three.js
的官方3D示例
git clone https://github.com/moshang-xc/lottery.git
cd lottery
// 安装插件
cd server
npm install
// 安装插件
cd ../product
npm install
// 打包
npm start
cd dist
// 运行
node ../../server/index.js 48888
Lottery
├── product
│ ├── src
│ │ ├── lottery
│ │ │ └── index.js
│ │ ├── lib
│ │ ├── img
│ │ ├── css
│ │ └── data
│ ├── package.json
│ └── webpack.config.js
├── server
│ ├── config.js
│ ├── server.js
│ └── package.js
- product为前端页面目录
- package.josn web项目配置文件
- webpack.config.js 打包配置文件
- server为服务器目录
- config为奖品信息的配置文件
抽奖用户信息,按指定的格式填写在product/src/data/user.xlsx
文件中,不能修改文件名
奖品的配置信息填写在server/config.js
文件中,不能修改文件名
// 奖品信息,第一项为预留项不可修改,其他项可根据需要修改
let prizes = [{
type: 0,
count: 1000,
title: '特别奖',
img: ''
}, {
type: 1,
count: 1,
title: '华为Mate 20X',
img: '../img/huawei.png'
}
...
];
/**
* 一次抽取的奖品个数
* 顺序为:[特别奖,一等奖,二等奖,三等奖,四等奖,五等奖]
*/
const EACH_COUNT = [1, 1, 1, 1, 1, 5];
// 公司名称,用于显示在抽奖名单的title部分
const COMPANY = 'MoShang';
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。