年会快到了,教你3分钟搞一个高大上的3D抽奖!
发布日期:2021-06-30 21:43:36
浏览次数:2
分类:技术文章
本文共 1026 字,大约阅读时间需要 3 分钟。
前言
网上大佬又双叒开源了一个抽奖项目,动动手指就可以看到效果,特分享安利一波 ~
I、先看效果
5倍速度播放:
II、3分钟搞定
1、安装Node.js
下载并安装即可。
Windows X64下载地址:
注意:在Windows上安装时务必选择全部组件,包括勾选Add to Path
。
2、程序下载
下载地址:
3、解压,并录入员工
-
在这个Excel表格:
lottery/product/src/data/user.xlsx
,录入你们公司的员工信息 -
在这个配置文件:
lottery/server/config.js
,录入奖品信息
4、启动抽奖程序
在当前目录打开cmd命令行,执行:
cd lottery/**安装插件**/cd servernpm install/**安装插件**/cd ../productnpm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sassnpm install/**打包**/npm startcd dist/**运行**/node ../../server/index.js 80
浏览器输入:http://127.0.0.1/
即可看到上面动图效果。
III、别人咋访问
很显然,上面的地址只有我们的本地电脑才能访问。
那么,如何让年会的电脑能通过浏览器访问呢??
这里就需要使用到内网穿透
!
什么是内网穿透这里就不赘述,感兴趣的小伙伴可以百度下
上期文章我们有说到uTools
这款工具,哎,刚好它就有内网穿透功能!!!
不清楚uTools是什么的小伙伴,可以看下之前的文章:
通过上面的地址,任意可以上网的电脑就都可以访问到你的抽奖站点啦 !!!
IV、附录
使用技术
Node
+Express
+Three.js
- 后台通过
Express
实现- 前端通过
Three.js
实现3D抽奖球
功能描述
- 可将抽奖结果进行保存实时下载到
excel
中- 已抽取人员不在参与抽取,抽中的人员不在现场可以重新抽取
- 刷新或者关掉服务器,会保存当前已抽取的数据,不会进行数据重置,只有点击界面上的重置按钮,才能重置抽奖数据
- 每次抽取的奖品数目可配置
- 抽取完所有奖品后还可以继续抽取特别奖(例如:现在抽取红包,追加的奖品等),此时默认一次抽取一个
源码地址
好了,今天的分享就到这儿了。
如果喜欢本文,请关注公众号:开猿笔记,里面会有持续更新噢!
转载地址:https://localhost01.blog.csdn.net/article/details/112758900 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
不错!
[***.144.177.141]2024年04月12日 06时31分29秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
30分钟学会pyecharts数据可视化
2019-05-01
从一个骗子身上学到的
2019-05-01
关于Python爬虫,这里有一条高效的学习路径
2019-05-01
Python学习指南,看这篇清晰多了!
2019-05-01
Oracle裁员,3点建议
2019-05-01
「忙」只是借口
2019-05-01
如果只有1小时学Python,看这篇就够了
2019-05-01
命名难,难于上青天
2019-05-01
记一件小事
2019-05-01
一个牛逼的数据库操作命令行工具:mycli
2019-05-01
掌握 Python 爬虫的所有技巧,都在这里!
2019-05-01
史上最烂项目:苦撑12年,600多万行代码...
2019-05-01
关于进程与线程,史上最浅显易懂的一个简单解释
2019-05-01
别人用B站看弹幕,我用B站搞爬虫
2019-05-01
把 14 亿中国人都拉到一个微信群,在技术上能实现吗?
2019-05-01
这些代码神注释,请收下我的膝盖
2019-05-01
斯坦福后空翻机器人设计、代码全开源,成本降至3000美元,人人皆可DIY
2019-05-01
618|Python购书攻略
2019-05-01
请停止学习框架
2019-05-01
考研比惨五大专业排行榜,第一名没人不服!
2019-05-01