年会抽奖不用愁！这款开源 3D 抽奖工具，颜值与实用双在线！
<p>大家好，我是 <code>Java陈序员</code>。</p><p>临近年底，又到了喜闻乐见的年会活动。但对于策划部门来说，每年都会为年会抽奖环节用什么工具发愁？用 Excel 随机抽奖太枯燥，花钱买商业软件又不划算。</p>
<p>今天，给大家安利一款免费开源的 3D 抽奖神器，炫酷球体抽奖效果直接拉满活动氛围，自定义配置更是精准适配各类年会、团建场景！</p>
<blockquote>
<p>关注微信公众号：【Java陈序员】，获取<strong>开源项目分享、AI副业分享、超200本经典计算机电子书籍等。</strong></p>
</blockquote>
<h2 id="项目介绍">项目介绍</h2>
<p><code>log-lottery</code> —— 一个可配置可定制化的抽奖应用，炫酷 3D 球体，可用于年会抽奖等活动，支持奖品、人员、界面、图片音乐配置。</p>
<p><strong>功能特色</strong>：</p>
<ul>
<li><strong>炫酷 3D 球体效果</strong>：采用 Threejs 实现的 3D 球体抽奖动画，视觉效果突出，适合年会等活动氛围</li>
<li><strong>灵活抽奖机制</strong>：支持设置单次抽取人数、是否全员参与（已中奖者可再次参与），满足不同场景需求</li>
<li><strong>人员管理</strong>：支持 Excel 模板导入导出人员名单，可记录部门、身份等信息，支持批量操作</li>
<li><strong>奖品配置</strong>：自定义奖品名称、数量、图片展示，可调整奖项顺序，支持标记已抽取状态</li>
<li><strong>界面定制</strong>：可配置标题、列数、卡片颜色/大小、文字颜色/大小、高亮颜色等样式，支持自定义首页高亮图案，提供默认图案重置功能，支持 17 列默认布局</li>
<li><strong>音乐管理</strong>：支持上传背景音乐并形成播放列表，左键点击播放/暂停，右键切换下一首</li>
<li><strong>本地持久化</strong>：使用 IndexDB 在浏览器本地存储所有配置数据，无需服务器支持</li>
</ul>
<p><strong>技术栈</strong>：Vue3、Threejs、IndexDB、Pinia、DaisyUI</p>
<h2 id="快速上手">快速上手</h2>
<p><code>log-lottery</code> 支持使用 Docker 部署，可使用 Docker 快速部署。</p>
<p>1、克隆或下载项目源码</p>
<pre><code class="language-bash">git clone https://github.com/LOG1997/log-lottery.git
</code></pre>
<p>2、构建镜像</p>
<pre><code class="language-bash">docker build -t log-lottery .
</code></pre>
<p>3、运行容器</p>
<pre><code class="language-bash">docker run -d -p 5188:80 log-lottery
</code></pre>
<p>4、浏览器访问</p>
<pre><code class="language-bash">http://{IP/域名}:5188
</code></pre>
<h2 id="功能体验">功能体验</h2>
<ul>
<li><strong>首页</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/log-lottery/img-20251206214147.png"></p>
<ul>
<li><strong>抽奖</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/log-lottery/img-20251206214208.png"></p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/log-lottery/img-20251206214221.png"></p>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/log-lottery/img-20251206214251.png"></p>
<ul>
<li><strong>人员列表</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/log-lottery/img-20251206214331.png"></p>
<ul>
<li><strong>中奖人员</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/log-lottery/img-20251206214445.png"></p>
<ul>
<li><strong>奖品配置</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/log-lottery/img-20251206214508.png"></p>
<ul>
<li><strong>界面配置</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/log-lottery/img-20251206214545.png"></p>
<ul>
<li><strong>图片管理</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/log-lottery/img-20251206214828.png"></p>
<ul>
<li><strong>音乐管理</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/log-lottery/img-20251206214854.png"></p>
<ul>
<li><strong>操作说明</strong></li>
</ul>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/log-lottery/img-20251206214931.png"></p>
<h2 id="本地开发">本地开发</h2>
<p>1、克隆或下载项目源码</p>
<pre><code class="language-bash">git clone https://github.com/LOG1997/log-lottery.git
</code></pre>
<p>2、进入项目根目录安装依赖</p>
<pre><code class="language-bash">cd log-lottery
pnpm install
</code></pre>
<p>3、运行启动</p>
<pre><code class="language-bash">pnpm run dev
</code></pre>
<p>4、浏览器访问</p>
<pre><code class="language-bash">http://localhost:6719/
</code></pre>
<p>5、打包部署</p>
<pre><code class="language-bash">pnpm run build
</code></pre>
<p>无论是年会抽奖、团建互动，还是门店促销抽奖，<code>log-lottery</code> 都能轻松适配。赶紧收藏起来，在今年的年会活动中使用起来吧！</p>
<pre><code class="language-bash">项目地址：https://github.com/LOG1997/log-lottery
</code></pre>
<h2 id="最后">最后</h2>
<p>推荐的开源项目已经收录到 <code>GitHub</code> 项目，欢迎 <code>Star</code>：</p>
<pre><code>https://github.com/chenyl8848/great-open-source-project
</code></pre>
<p>或者访问网站，进行在线浏览：</p>
<pre><code>https://chencoding.top:8090/#/
</code></pre>
<p><img src="https://create-center.oss-cn-shenzhen.aliyuncs.com/github/img-20250608222400.png"></p>
<p><strong>我创建了一个开源项目交流群，方便大家在群里交流、讨论开源项目</strong>。</p>
<p><strong>但是任何人在群里打任何广告，都会被 T 掉</strong>。</p>
<p><strong>如果你对这个交流群感兴趣或者在使用开源项目中遇到问题，可以通过如下方式进群</strong>：</p>
<p><strong>关注微信公众号：【Java陈序员】，回复【开源项目交流群】进群，或者通过公众号下方的菜单添加个人微信，并备注【开源项目交流群】，通过后拉你进群</strong>。</p>
<blockquote>
<p>大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！</p>
</blockquote>
<hr><br><br>
来源：https://www.cnblogs.com/codechen8848/p/19380840
頁:
[1]