首页下载资源前端基于 Express + Three.js的 3D 球体抽奖程序

ZIP基于 Express + Three.js的 3D 球体抽奖程序

nidayenagebi2.4MB需要积分:1

资源文件列表:

lottery-master.zip 大约有108个文件
  1. lottery-master/
  2. __MACOSX/._lottery-master 212B
  3. lottery-master/LICENSE 1.04KB
  4. __MACOSX/lottery-master/._LICENSE 212B
  5. lottery-master/Dockerfile 946B
  6. __MACOSX/lottery-master/._Dockerfile 212B
  7. lottery-master/dev.sh 146B
  8. __MACOSX/lottery-master/._dev.sh 212B
  9. lottery-master/server/
  10. __MACOSX/lottery-master/._server 212B
  11. lottery-master/product/
  12. __MACOSX/lottery-master/._product 212B
  13. lottery-master/README.MD 7.17KB
  14. __MACOSX/lottery-master/._README.MD 212B
  15. lottery-master/build.sh 125B
  16. __MACOSX/lottery-master/._build.sh 212B
  17. lottery-master/.gitignore 45B
  18. __MACOSX/lottery-master/._.gitignore 212B
  19. lottery-master/README-ZH_CN.MD 6.38KB
  20. __MACOSX/lottery-master/._README-ZH_CN.MD 212B
  21. lottery-master/tagpush.sh 96B
  22. __MACOSX/lottery-master/._tagpush.sh 212B
  23. lottery-master/docker-compose.yml 247B
  24. __MACOSX/lottery-master/._docker-compose.yml 212B
  25. lottery-master/server/test.js 729B
  26. __MACOSX/lottery-master/server/._test.js 212B
  27. lottery-master/server/server.js 6.09KB
  28. __MACOSX/lottery-master/server/._server.js 212B
  29. lottery-master/server/index.js 84B
  30. __MACOSX/lottery-master/server/._index.js 212B
  31. lottery-master/server/config.js 1.28KB
  32. __MACOSX/lottery-master/server/._config.js 212B
  33. lottery-master/server/help.js 2.6KB
  34. __MACOSX/lottery-master/server/._help.js 212B
  35. lottery-master/server/package-lock.json 85.76KB
  36. __MACOSX/lottery-master/server/._package-lock.json 212B
  37. lottery-master/server/package.json 688B
  38. __MACOSX/lottery-master/server/._package.json 212B
  39. lottery-master/server/.vscode/
  40. __MACOSX/lottery-master/server/._.vscode 212B
  41. lottery-master/server/data/
  42. __MACOSX/lottery-master/server/._data 212B
  43. lottery-master/product/webpack.config.js 1.56KB
  44. __MACOSX/lottery-master/product/._webpack.config.js 212B
  45. lottery-master/product/webpack.dev.js 399B
  46. __MACOSX/lottery-master/product/._webpack.dev.js 212B
  47. lottery-master/product/package-lock.json 354.77KB
  48. __MACOSX/lottery-master/product/._package-lock.json 212B
  49. lottery-master/product/package.json 1.01KB
  50. __MACOSX/lottery-master/product/._package.json 212B
  51. lottery-master/product/postcss.config.js 73B
  52. __MACOSX/lottery-master/product/._postcss.config.js 212B
  53. lottery-master/product/src/
  54. __MACOSX/lottery-master/product/._src 212B
  55. lottery-master/server/.vscode/launch.json 561B
  56. __MACOSX/lottery-master/server/.vscode/._launch.json 212B
  57. lottery-master/server/data/users.xlsx 13.56KB
  58. __MACOSX/lottery-master/server/data/._users.xlsx 212B
  59. lottery-master/product/src/index.html 1.36KB
  60. __MACOSX/lottery-master/product/src/._index.html 212B
  61. lottery-master/product/src/css/
  62. __MACOSX/lottery-master/product/src/._css 212B
  63. lottery-master/product/src/img/
  64. __MACOSX/lottery-master/product/src/._img 212B
  65. lottery-master/product/src/lib/
  66. __MACOSX/lottery-master/product/src/._lib 212B
  67. lottery-master/product/src/data/
  68. __MACOSX/lottery-master/product/src/._data 212B
  69. lottery-master/product/src/lottery/
  70. __MACOSX/lottery-master/product/src/._lottery 212B
  71. lottery-master/product/src/css/animate.min.css 16.55KB
  72. __MACOSX/lottery-master/product/src/css/._animate.min.css 212B
  73. lottery-master/product/src/img/edifier.jpg 23.12KB
  74. __MACOSX/lottery-master/product/src/img/._edifier.jpg 212B
  75. lottery-master/product/src/img/spark.jpg 36.82KB
  76. __MACOSX/lottery-master/product/src/img/._spark.jpg 212B
  77. lottery-master/product/src/img/huawei.png 49.4KB
  78. __MACOSX/lottery-master/product/src/img/._huawei.png 212B
  79. lottery-master/product/src/img/mbp.jpg 6.89KB
  80. __MACOSX/lottery-master/product/src/img/._mbp.jpg 212B
  81. lottery-master/product/src/img/secrit.jpg 11.8KB
  82. __MACOSX/lottery-master/product/src/img/._secrit.jpg 212B
  83. lottery-master/product/src/img/kindle.jpg 42.37KB
  84. __MACOSX/lottery-master/product/src/img/._kindle.jpg 212B
  85. lottery-master/product/src/img/ipad.jpg 43.53KB
  86. __MACOSX/lottery-master/product/src/img/._ipad.jpg 212B
  87. lottery-master/product/src/lib/three.min.js 539.21KB
  88. __MACOSX/lottery-master/product/src/lib/._three.min.js 212B
  89. lottery-master/product/src/lib/tween.min.js 4.85KB
  90. __MACOSX/lottery-master/product/src/lib/._tween.min.js 212B
  91. lottery-master/product/src/lib/ajax.js 1.05KB
  92. __MACOSX/lottery-master/product/src/lib/._ajax.js 212B
  93. lottery-master/product/src/lib/CSS3DRenderer.js 7.16KB
  94. __MACOSX/lottery-master/product/src/lib/._CSS3DRenderer.js 212B
  95. lottery-master/product/src/lib/TrackballControls.js 15.77KB
  96. __MACOSX/lottery-master/product/src/lib/._TrackballControls.js 212B
  97. lottery-master/product/src/data/music.mp3 1.96MB
  98. __MACOSX/lottery-master/product/src/data/._music.mp3 212B
  99. lottery-master/product/src/lottery/index.js 19.8KB
  100. __MACOSX/lottery-master/product/src/lottery/._index.js 212B
  101. lottery-master/product/src/lottery/index.css 8.99KB
  102. __MACOSX/lottery-master/product/src/lottery/._index.css 212B
  103. lottery-master/product/src/lottery/config.js 1.47KB
  104. __MACOSX/lottery-master/product/src/lottery/._config.js 212B
  105. lottery-master/product/src/lottery/prizeList.js 8.6KB
  106. __MACOSX/lottery-master/product/src/lottery/._prizeList.js 212B
  107. lottery-master/product/src/lottery/canvas.js 2.53KB
  108. __MACOSX/lottery-master/product/src/lottery/._canvas.js 212B

资源介绍:

年会抽奖程序，基于 Express + Three.js的 3D 球体抽奖程序，奖品，文字，图片，抽奖规则均可配置，抽奖人员信息Excel一键导入，抽奖结果Excel导出，给你的抽奖活动带来全新酷炫体验 可将抽奖结果进行保存实时下载到 excel 中 已抽取人员不在参与抽取，抽中的人员不在现场可以重新抽取 刷新或者关掉服务器，会保存当前已抽取的数据，不会进行数据重置，只有点击界面上的重置按钮，才能重置抽奖数据 每次抽取的奖品数目可配置 抽取完所有奖品后还可以继续抽取特别奖(例如：现在抽取红包，追加的奖品等)，此时默认一次抽取一个 安装 cd lottery # 服务端插件安装 cd server npm install # 前端插件安装 cd ../product npm install # 打包 npm run build # 运行 npm run serve # 开发调试 npm run dev
# Lottery program Annual dinner lottery program, 3D sphere raffle, support for configuration of prize information, import participants information by `Excel`, and export lottery results by `Excel` If programm is helpful for you😎😎😎, it will be greatful to comment us with⭐**star**⭐ 😘😘😘😍🥰🎉🎈🎃 [点击跳转至中文使用文档](https://github.com/moshang-xc/lottery/blob/master/README-ZH_CN.MD) > Try it now: [https://moshang-xc.github.io/lottery/](https://moshang-xc.github.io/lottery/) ## Technology Stack Technology stack: Node + Express + Three.js Server: Express + Node Web Page: Three.js, References to the official 3D example of `Three.js` ## Function Description: 1. The result can ben save and downloaded to excel synchronously🎉 2. The winner will not participate in the drawing, and the drawing person can be drawn again if he/she not on site🎁 3. Refresh or trun off the server will save the winner data and will not resrt the lottery data, only by click the reset button on the page can the lottery data be reset🧧 4. The number of prizes is able to configure🎈 5. After all the prizes have been drawn, you can continue to draw special prizes(For example:Red pockets, additional prizes, etc). By default, one is extracted at once🧨 ## Preview > Try it now: [https://moshang-xc.github.io/lottery/](https://moshang-xc.github.io/lottery/) ![lottery.gif](https://raw.githubusercontent.com/moshang-xc/blog/master/share/lottery.gif) ![index.jpg](https://raw.githubusercontent.com/moshang-xc/blog/master/share/index.jpg) ![start.jpg](https://raw.githubusercontent.com/moshang-xc/blog/master/share/start.jpg) ![end.jpg](https://raw.githubusercontent.com/moshang-xc/blog/master/share/end.jpg) ## Install ``` git clone https://github.com/moshang-xc/lottery.git cd lottery # Server plugin installation cd server npm install # Front-end plugin installation cd ../product npm install # Package npm run build # Running npm run serve # Developing & debugging npm run dev ``` ## Directory Structure ``` Lottery ├── product │ ├── src │ │ ├── lottery │ │ │ └── index.js │ │ ├── lib │ │ ├── img │ │ ├── css │ │ └── data │ ├── package.json │ └── webpack.config.js ├── server │ ├── config.js │ ├── server.js │ └── package.js ``` > 1. product is Front-end page directory > 4. server is Server directory > 5. config is Profile for prize information ## Configuration Information ### Lottery personnel list information configuration The lottery list information is in the **`server/data/user.xlsx`** file, information could only fill in base on the format, file name and title are not able to revise ### Prize information configuration Prize information is filled in the **server/config.js** file, and the file name cannot be modified. **The configuration of the prizes is described as follows:** | Parameter | Value Type | Description | | --------- | ---------- | ------------------------------------------------------------ | | type | Number | Type of prize, unique identifier, 0 is the placeholder for the default special prize, other prizes cannot be used | | count | Number | Prizes amount | | text | String | Prizes name | | title | String | Prizes description | | img | String | Image URL of the prize, image is under**img** catalog | ```js // Prize information, the first item is reserved and cannot be modified. Other items can be modified as required // Prize in let prizes = [{ type: 0, count: 1000, title: "", text: "Special Price" }, { type: 1, count: 2, text: "Special Price" title: "Mystery jackpot" img: "../img/secrit.jpg" }, { type: 2, count: 5, text: "First prize" title: "Mac Pro", img: "../img/mbp.jpg" } ... ]; ``` ### The configuration of the number of prizes drawn each time **EACH_COUNT**It is used to configure the number of lottery draws each time, which corresponds to the prizes one by one. For example, the number of lottery draws corresponding to the above prize configuration is as follows： ```js const EACH_COUNT = [1, 1, 5]; ``` Configuration above means the order of the number of prizes to be drawn at one time is：one special prize per time, one grand prize per time and 5 first prize per time. ### Enterprise Identity Configuration This identification is used to display on the lottery card. ```js const COMPANY = "MoShang"; ``` ## Docker Deployment plan ### Summary This project is support to deploy by Docker. Docker is a platform with lightweight containerization, allows you to quickly deploy, test and run the applications. This text will introduce how to deploy the project by Docker. ### System Requirement Before you use the Docker to deploy the project, you need to ensure you have download below software: - Docker (Please refer Docker official file to get the installation instructions) - Docker Compose ### Installation 1. Download and unzip the source code for the project 2. Access the project directory after unzipped the file 3. Execute the following command to build the Docker mirror image: ``` ./build.sh [TAG] ``` It will use Dockerfile to set up the Docker mirror image named `lottery:[TAG]`. If no tag is specified, the 'latest' tag is used by default 4. Execute the following command to run the local container: ``` ./dev.sh [TAG] ``` This will start the container and deploy the application in the Docker container. You can test loacally to ensure all running fulently. Please be pay attention that all applicaiton in the container will monitor port 8888 and port 443. 5. Execute the following command to tag the Docker mirror image and push it to the remote Docker repository ``` ./tagpush.sh [TAG] ``` It will tag the Docker mirror image and push it to the remote Docker repository, please build up your repo at https://hub.docker.com/ if you want to us Docker official hub. 6. Ensure it has a file named `docker-compose.yml` and add below information: ``` version: '3.8' volumes: lottery_log: services: lottery: container_name: lottery expose: - 8888 ports: - "28458:8888" - "443:443" volumes: - "lottery_log:/var/log" image: "panda1024/lottery:[TAG]" restart: always ``` Kindly take note that `[TAG]` should be replaced with the name of the mirror image you pushed to the Docker repository 7. Run the following command in the project directory on the server to deploy the application using Docker Compose: ``` docker-compose up -d ``` This will start a Docker Compose stack and deploy the project into it. Note that port 8888 and port 443 of the container are mapped to port 8888 and port 443 on the server. If you wish to use a different port, please change the `docker-compose.yml` file accordingly. ## License MIT
100+评论
captcha

    相关资源

    1. 【自动阅读】自动挂机浏览广告新闻赚钱APP+赚积分系统+带支付宝提现+3级团队.zip

      2401_87114500#行业研究ZIP41.13MB6月前
      资源摘要:【自动阅读】自动挂机浏览广告新闻赚钱APP+赚积分系统+带支付宝提现+3级团队.zip

    2. 01.AltiumDesignerLib.zip

      2301_79698977#行业研究ZIP9.57MB6月前
      资源摘要:01.AltiumDesignerLib.zip

    3. 1_visual studio2010配置opengl.zip

      luvrannn#行业研究ZIP389.33KB6月前
      资源摘要:1_visual studio2010配置opengl.zip

    4. vue 安卓端微信 H5 实现在线 PDF 预览

      weixin_41620304#前端ZIP5.39MB6月前
      资源摘要:安卓端微信 H5 在线预览 PDF，项目及源码。pdf.js 源码已修改。

    5. 2024年数学建模国赛LaTeX模板

      GMW768#考试认证ZIP916.49KB6月前
      资源摘要:cumcmthesis 是为全国大学生数学建模竞赛编写的LaTeX模板, 旨在让大家专注于论文的内容写作, 而不用花费过多精力在格式的定制和调整上. 本手册是相应的参考, 其 中提供了一些环境和命令可以让模板的使用更为方便. 同时需要注意, 使用者需要有一 定的LaTeX的使用经验, 至少要会使用常用宏包的一些功能, 比如参考文献，数学公式，图片使用，列表环境等等. 今年的格式变化主要就是一个地方，如下：参赛论文电子版内容必须与纸质版内容及格式（包括附录）完全一致；必须是一个单独的文件，文件格式为PDF或者Word格式之一（建议使用PDF格式）；文件大小不超过20MB。注意参赛论文电子版文件不要压缩，承诺书和编号专用页不要放在电子版论文中，即电子版论文的第一页必须为摘要专用页。

    6. 遇到ISP耍流氓，我就非暴力不合作 编译好的程序！

      wjjhyf#后端ZIP179.98KB6月前
      资源摘要:占用带宽的小区，不写硬盘，只存内存，随存随消！ISP用我们的光猫、用我们的电力、用我们的算力来封锁我们！我们就用这个小程序来消耗它的带宽！可以随时调节带宽占用程序，不影响个人上网体验、玩游戏。如果调整到一个数字，发现网断了！马上查看路由器，如果能正常响应，哪是光猫超负载了。如果是路由器不响应，哪是路由器超负载了。光猫超负载解决方案：将光猫由路由器模式改成桥接模式。个人改不了，因为isp不会给你光猫的超级用户口令，你可以电话客服，让他们给你改！如果不给你改，只有投诉了，渠道很多。坚持投诉，基本能给你改！路由器超负载解决方案：路由器改成AP模式，然后用电脑拨号，怎么刷网络都刷不死！只会给你限速，不会断网！路由器改成AP模式【这是常用光猫拨号，个人路由器常用设置方式，这样设置效率较高，但绝大数还是把个人路由器设置成路由模式，双层路由，效率低下】，大概率会光猫超负荷，此时只要改光猫为桥接方式，电脑拨号，百刷不死，愉快的旅程开始！

    7. JavaScript压缩库jszip

      nx_xn#前端ZIP22.08MB6月前
      资源摘要:JavaScript压缩库jszip，最后一版v3.10.1

    8. 2020-2026年中国人工智能行业发展趋势研判及战略投资深度研究报告

      2401_86970329#行业研究ZIP3.1MB6月前
      资源摘要:2020-2026年中国人工智能行业发展趋势研判及战略投资深度研究报告
    站长QQ:九六九五七三七