https://hhsqdw.github.io/categories/%E6%95%88%E7%8E%87%E5%B7%A5%E5%85%B7/Recent content in 效率工具 on Leo's BlogHugozh-CNMon, 24 Feb 2025 00:00:00 +0000https://hhsqdw.github.io/project/dailycheck/Mon, 24 Feb 2025 00:00:00 +0000https://hhsqdw.github.io/project/dailycheck/<h2 id="项目概述">项目概述 <a href="#%e9%a1%b9%e7%9b%ae%e6%a6%82%e8%bf%b0"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h2> <p>DailyCheck 是一个现代化的任务打卡 Web 应用，通过简洁直观的界面帮助用户管理每日任务和每周任务。系统采用前后端分离架构，后端基于 Spring Boot 3.2 + Spring Data JPA + PostgreSQL，前端采用 Vue 3 (Composition API) + TypeScript + Vite + Element Plus，实现了任务管理、打卡记录、状态自动刷新、统计分析等核心功能，并创新性地集成了鼓励语录系统。</p> <hr> <h2 id="核心亮点">核心亮点 <a href="#%e6%a0%b8%e5%bf%83%e4%ba%ae%e7%82%b9"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h2> <h3 id="自动状态刷新">自动状态刷新 <a href="#%e8%87%aa%e5%8a%a8%e7%8a%b6%e6%80%81%e5%88%b7%e6%96%b0"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h3> <ul> <li><strong>每日任务</strong>：每天 00:00 自动检查，重置为未完成状态</li> <li><strong>每周任务</strong>：每周一 00:00 自动重置</li> <li><strong>智能判断</strong>：基于最后操作日期判断是否需要刷新</li> <li><strong>定时任务</strong>：后端 @Scheduled 定时器自动执行</li> </ul> <h3 id="未完成提醒系统">未完成提醒系统 <a href="#%e6%9c%aa%e5%ae%8c%e6%88%90%e6%8f%90%e9%86%92%e7%b3%bb%e7%bb%9f"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h3> <ul> <li><strong>过期检测</strong>：启动时自动检测昨日/上周未完成任务</li> <li><strong>鼓励语录</strong>：随机生成一句鼓励性话语激励用户</li> <li><strong>友好提醒</strong>：使用 Element Plus 通知组件展示</li> </ul> <h3 id="完整任务管理">完整任务管理 <a href="#%e5%ae%8c%e6%95%b4%e4%bb%bb%e5%8a%a1%e7%ae%a1%e7%90%86"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h3> <ul> <li><strong>任务类型</strong>：支持每日任务和每周任务两种类型</li> <li><strong>CRUD 操作</strong>：创建、读取、更新、删除任务</li> <li><strong>打卡记录</strong>：记录每次打卡的日期和备注</li> <li><strong>软删除</strong>：删除任务仅标记为不活跃，保留历史数据</li> </ul> <h3 id="数据统计分析">数据统计分析 <a href="#%e6%95%b0%e6%8d%ae%e7%bb%9f%e8%ae%a1%e5%88%86%e6%9e%90"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h3> <ul> <li><strong>完成率统计</strong>：计算上周打卡成功率</li> <li><strong>连续打卡</strong>：统计每个任务的连续打卡天数</li> <li><strong>可视化图表</strong>：使用 ECharts 展示统计数据</li> <li><strong>概览仪表盘</strong>：今日/本周任务完成情况一目了然</li> </ul> <hr> <h2 id="技术栈">技术栈 <a href="#%e6%8a%80%e6%9c%af%e6%a0%88"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h2> <h3 id="前端技术">前端技术 <a href="#%e5%89%8d%e7%ab%af%e6%8a%80%e6%9c%af"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h3> <table> <thead> <tr> <th>技术</th> <th>版本</th> <th>用途</th> </tr> </thead> <tbody> <tr> <td><strong>Vue</strong></td> <td>3.4</td> <td>UI 框架 (Composition API)</td> </tr> <tr> <td><strong>TypeScript</strong></td> <td>5.3</td> <td>类型安全</td> </tr> <tr> <td><strong>Vite</strong></td> <td>5.0</td> <td>构建工具</td> </tr> <tr> <td><strong>Element Plus</strong></td> <td>2.4</td> <td>UI 组件库</td> </tr> <tr> <td><strong>Pinia</strong></td> <td>2.1</td> <td>状态管理</td> </tr> <tr> <td><strong>Vue Router</strong></td> <td>4.2</td> <td>路由管理</td> </tr> <tr> <td><strong>Axios</strong></td> <td>1.6</td> <td>HTTP 客户端</td> </tr> <tr> <td><strong>ECharts</strong></td> <td>5.6</td> <td>数据可视化</td> </tr> <tr> <td><strong>Day.js</strong></td> <td>1.11</td> <td>日期处理</td> </tr> </tbody> </table> <h3 id="后端技术">后端技术 <a href="#%e5%90%8e%e7%ab%af%e6%8a%80%e6%9c%af"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h3> <table> <thead> <tr> <th>技术</th> <th>版本</th> <th>用途</th> </tr> </thead> <tbody> <tr> <td><strong>Spring Boot</strong></td> <td>3.2.2</td> <td>应用框架</td> </tr> <tr> <td><strong>Spring Data JPA</strong></td> <td>-</td> <td>ORM 框架</td> </tr> <tr> <td><strong>Spring Security</strong></td> <td>-</td> <td>安全框架</td> </tr> <tr> <td><strong>PostgreSQL</strong></td> <td>16+</td> <td>数据库</td> </tr> <tr> <td><strong>JWT</strong></td> <td>0.11.5</td> <td>认证令牌</td> </tr> <tr> <td><strong>Java</strong></td> <td>17</td> <td>开发语言</td> </tr> <tr> <td><strong>Lombok</strong></td> <td>1.18.30</td> <td>减少样板代码</td> </tr> <tr> <td><strong>Maven</strong></td> <td>-</td> <td>构建工具</td> </tr> </tbody> </table> <hr> <h2 id="核心功能详解">核心功能详解 <a href="#%e6%a0%b8%e5%bf%83%e5%8a%9f%e8%83%bd%e8%af%a6%e8%a7%a3"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h2> <h3 id="1-任务状态刷新机制">1. 任务状态刷新机制 <a href="#1-%e4%bb%bb%e5%8a%a1%e7%8a%b6%e6%80%81%e5%88%b7%e6%96%b0%e6%9c%ba%e5%88%b6"><svg class="anchor-symbol" aria-hidden="true" height="26" width="26" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="currentColor"></path> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z"></path> </svg></a> </h3> <p>系统通过两种方式触发状态刷新：</p>