基于 Spring Boot + Vue 3 + Android 的跨平台任务管理应用,支持 Web 端、Android 端统一数据访问
一款面向个人使用的轻量 ToDo 管理应用,云同步、跨设备访问
"随时可用、简单直接"的个人待办管理工具,聚焦任务的基本生命周期管理,而非复杂协作或高级计划。
任务数据统一存储在云端 MySQL 数据库,通过后端 API 提供统一服务,支持多端、多设备访问同一套数据。
通过完整的「Android + Spring Boot + Vue3 + MySQL」技术栈实现,是可上线运行的真实全栈项目案例。
手机端(Android Material Design)与电脑端(Vue3 Web)均可操作任务,数据实时同步、一致性好。
三端分离、统一 API、云端部署
Web 端 + 后端 + Android 端,全链路覆盖
Vue 3 + Vite + Axios · 现代化 SPA 应用
TaskList(列表管理)、TaskCard(任务卡片)、TaskForm(表单弹窗)、UsageGuide(使用指南),职责清晰、复用性强
后端自动检测(backendChecker.js),支持多地址轮询,连接失败降级离线模式,用户体验平滑
筛选(全部/待办/已完成)、排序(时间/标题/状态)、一键清空、Loading/空状态/错误状态覆盖
Spring Boot 2.6 + Spring Data JPA · RESTful API
Controller → Service → Repository 标准三层,职责分离、易维护、易扩展
Spring Data JPA + Hibernate,实体与 MySQL task 表自动映射,ddl-auto: update
Spring Security 最小化配置:CORS 开放、CSRF 关闭、全部接口 permitAll
Java + Material Design + Retrofit · 原生体验
MainActivity + RecyclerView + Dialog,简洁清晰,适合个人工具类应用
Google Material 风格界面、FloatingActionButton、Toolbar 菜单、卡片式布局
内置 DatePickerDialog + TimePickerDialog,时间选择体验原生流畅
覆盖任务全生命周期的增删改查与状态管理
填写标题、时间(日期+时间双选择器)、地点三个字段,提交后立即刷新列表
弹出预填原数据的对话框,支持修改任意字段,保留完成状态
单条删除需确认,一键清空并行删除全部任务,操作不可逆
CheckBox 切换完成/未完成,已完成任务自动移至列表末尾,视觉弱化
未完成任务置顶优先展示,Web 端额外支持按时间、标题、状态排序
所有增删改操作均通过 API 实时同步至 MySQL,操作后自动刷新列表
Base URL:http://服务器地址:8080/api/tasks
| 方法 | 路径 | 说明 | 请求体 | 响应 |
|---|---|---|---|---|
| GET | /api/tasks | 获取全部任务列表 | — | Task[] |
| GET | /api/tasks/{id} | 获取单条任务 | — | Task | 404 |
| POST | /api/tasks | 新建任务 | { content, time, loc } | Task |
| PUT | /api/tasks/{id} | 更新任务 | { content, time, loc, done } | Task | 404 |
| DELETE | /api/tasks/{id} | 删除任务 | — | { "message": "删除成功" } |
MySQL task 表结构 — 简洁高效的单表设计
覆盖前端、后端、移动端、数据库全链路
从产品设计到全栈实现的完整闭环