项目概述：Lubulu
一款设计简洁优雅的健康决策辅助工具，专门用于帮助使用者在面对各种诱惑时能够做出更加明智和理性的选择。
采用99等分转盘的随机抽取机制，使得整个决策过程不仅充满趣味性，还赋予了一种独特的仪式感。
旨在协助用户做出理性决策，逐步培养并巩固健康的生活习惯和行为模式。
完全基于前端技术实现，提供历史记录追踪、数据统计分析以及一键分享等实用功能。
- 项目源代码地址：
https://github.com/xvhuan/Lubulu - 在线演示体验：
https://l.qaq.al/
详细部署步骤
## 下载源码： git clone https://github.com/xvhuan/Lubulu.git ## 如果无法下载，可以使用下述加速命令下载 ## git clone https://kkgithub.com/vnglst/Lubulu.git ## 然后配置nginx sudo cat >>/etc/nginx/conf.d/lubulu.conf <<EOF server { listen 8810; server_name _; root <这里替换源代码所在路径>/Lubulu; index index.html; } EOF ## 重启nginx sudo /usr/sbin/nginx -s reload
核心功能亮点
智能转盘抽取机制
-
99分区轮盘设计
：包含1个"执行"区域（红色标识）与98个"放弃"区域（绿色标识）
-
真随机算法保障
：基于Web Crypto API实现，确保每次抽取结果的完全随机和公正性
-
精美视觉动画
：配备5秒钟旋转动画效果，完整展现12圈转动过程
-
多维度音效反馈
：提供旋转过程中的背景音效及结果揭晓时的提示音效
-
灵活选择机制
：当抽中"执行"选项时，用户可根据实际情况决定是否真正执行
日历记录系统
-
完整历史追踪
：通过彩色圆点直观标记每日的决策结果和选择记录
-
清晰视觉显示
：红色圆点代表执行选择，绿色圆点代表放弃选择，灰色横杠表示未进行抽取
-
便捷月份导航
：支持用户查看和浏览历史月份的所有决策记录
-
当日突出标识
：对当前日期进行特殊标记和高亮显示
数据统计功能
-
实时数据更新
：动态显示执行次数、放弃次数以及总抽取次数
-
健康比率计算
：清晰展示健康选择在总决策中所占的比例情况
-
可视化数据呈现
：通过直观的数字显示方式呈现统计分析结果
高级配置选项
-
保底机制设置
：允许用户设定连续放弃天数，达到设定值后必然触发执行选项
-
数据管理功能
：支持历史记录的导入和导出操作
-
严格输入验证
：实施严格的参数校验机制，确保所有数据的安全性和完整性
社交分享特性
-
便捷截图功能
：一键生成包含完整应用界面的分享图片
-
结果完整保留
：截图内容包含当前最新的抽取结果信息
-
高质量输出格式
：采用PNG格式输出，保证图片的清晰度和质量
设计理念解析
视觉设计要素
-
主色调选择
：采用#673AB7深紫色系，象征理性思考与自我克制
-
辅助色彩搭配
：使用#EDE7F6淡紫色作为背景色，#FFFFFF纯白色作为前景色
-
结果色彩定义
：红色代表诱惑选项，绿色象征健康选择
-
现代设计风格
：结合扁平化设计、新拟态效果以及玻璃拟态视觉元素
用户体验优化
-
响应式布局设计
：完美适配桌面端（1440×1024分辨率）和移动端（390×844分辨率）
-
直观操作界面
：采用简单点击操作方式，配合流畅的动画过渡效果
-
即时反馈机制
：每个用户操作都会获得相应的视觉反馈和听觉反馈