当前位置: 首页 > 后端技术 > Node.js

Express+Three.js抽奖程序

时间:2023-04-03 12:19:51 Node.js

抽奖程序年会抽奖程序,3D球体抽奖,支持奖品信息配置,抽奖信息Excel导入,抽奖结果Excel导出github地址:https://github.com/moshang-xc/lottery技术:Node+Express+后台Three.js的of使用Express实现前端抽奖接口。3D抽奖球是通过Three.js实现的,引用Three.js官方3D示例。功能说明:可将开奖结果实时保存并下载到excel中。不在现场的可以重新绘制刷新或关闭服务器,当前绘制的数据将被保存,数据不会被重置。只有点击界面上的重置按钮,才能重置开奖数据。每次抽取的奖品数量可以调整。所有奖品配置完成后,您可以继续抽取特殊奖品(例如:立即抽取红包、额外奖品等)。此时,默认一次绘制一个预览。安装gitclonehttps://github.com/moshang-xc/lottery.gitcdlottery#服务端插件安装cdservernpminstall#前端插件安装cd../productnpminstall#打包npmrunbuild#运行npmrunserve#开发调试npmrundev目录结构Lottery├──product│├──src││├──lottery│││└──index.js││├──lib││├──img││├──css││└──data│├──package.json│└──webpack.config.js├──服务器│├──config.js│├──server.js│└──包。jsproduct为前端页面目录package.josnweb项目配置文件webpack.config.js包配置文件server为服务器目录config为奖品信息配置文件配置信息抽奖用户信息,填写server/data/user.xlsx文件按照指定格式,文件名不可修改奖品配置信息填写在server/config.js文件中,文件名不可修改/奖品信息,第一项保留,不可修改,其他项目可根据需要修改letprizes=[{type:0,count:1000,title:'SpecialPrize',img:''},{type:1,count:1,title:'HuaweiMate20X',img:'../img/huawei.png'}...];/***一次抽奖数量*顺序为:[特等奖,一等奖,二等奖,三等奖,四等奖,五等奖各一个]*/constEACH_COUNT=[1,1,1,1,1,5];//公司名称,用于在抽奖列表中显示titlepartconstCOMPANY='陌上';