← 返回经历树 水烛 · 程千和 · 经历详情
工程开发 · 生产部署

志在"疆"来 · XJ-Vcom

西部计划志愿者互助平台 · 产品设计与全栈开发(2026)
时间 2026.2 – 2026.7角色 需求 / 产品设计 / 全栈状态 MVP 开发中 · 不开源

简介

面向赴新疆支教的西部计划志愿者的互助平台,可以理解为「生活百科 + 志愿朋友圈」:打开手机即可看到服务地的手绘地图,小卖部、食堂、诊所的位置一目了然;还能浏览民俗科普、政策解读和往届志愿者的经验帖。

本人提出项目并撰写原始需求规格(V0.1.1,2026 年 2 月),负责产品设计;2026 年 7 月起与 AI 编程 Agent 协作,按软件工程流程完成重构与实现。

背景

志愿者初到支教地,普遍面临环境不熟、语言不通、民俗不懂三个问题。需求文档梳理的典型场景包括:

  • 刚到支教地,想知道去哪里买生活用品 → 箱庭地图
  • 当地居民送来小礼物,不知道如何回应 → 民俗科普
  • 已经适应环境,想为下一届写一份支教指南 → 朋友圈 / 民俗上传
  • 社区工作人员想给新志愿者一份生活手册 → 民俗 / 朋友圈上传
  • 想向有经验的老志愿者请教 → 他人主页联系方式 + 朋友圈留言

产品设计

痛点 功能 支撑 底座 角色与权限 环境不熟 住处 · 购物 · 就医 语言不通 与当地居民沟通 民俗不懂 礼节 · 节庆 · 禁忌 箱庭地图 服务地手绘底图 + 设施标注 小卖部 · 食堂 · 诊所 · 菜市场 设施详情 · 贴士留言 民俗科普 按区位浏览 · 搜索 如柯尔克孜族刺绣、节庆习俗 上传 · 点赞 · 评论 政策解读 西部计划志愿者待遇 补贴申请与保障政策 搜索 · 概览 · 详情 志愿朋友圈 往届志愿者经验帖 · 支教指南 点赞 · 评论 经他人主页联系老志愿者 内容审核 · 举报处理 · 敏感词过滤 · 互动通知 · 地理信息(城镇 / 学校)管理 新志愿者 浏览全部 · 点赞 · 评论 暂不可发布内容与添加设施 注册满 3 天自动转正 老志愿者 · 当地居民 发布民俗与朋友圈 在地图上添加设施标注 运营管理员 PC 管理端:审核 · 用户 · 统计 独立账号表与签名密钥 贡献 用户端 uni-app 一套代码 → H5 + 小程序 后端 Spring Boot 3 · 7 个业务模块 数据 MySQL · Redis · 对象存储 边界:不做即时通讯与导航;地图为「纯图 + 像素坐标」标注,不依赖地图 SDK
产品设计总览 · 按仓库需求规格说明书(SRS)以水烛风格绘制

箱庭地图

地图是本产品的核心设计决策。偏远服务地往往没有精细的商业地图,因此不接入地图 SDK,而是采用「纯图 + 像素坐标」模型:每个服务地由管理员上传一张手绘图或平面图作为底图,用户直接在图上按像素坐标标注设施;定位只用来判断用户所在的服务地并切换对应底图。

管理员上传底图 手绘图 / 校园平面图 归属到某个服务地 图片安全处理 文件头校验 · 清除 EXIF 隐私信息 统一转 PNG · 压缩至 1024px · 生成缩略图 志愿者打开 H5 定位只用来判断 「我在哪个服务地」 匹配服务地 · 切换场景 城镇 / 学校坐标匹配 分「校园就近」「城镇指南」两种尺度 地图场景 小卖部 食堂 诊所 设施以底图像素坐标 (x, y) 标注 点击图钉 → 设施详情与照片 → 贴士留言 · 转正用户可添加设施 · 任何人可举报 → 进入审核台 纯图模型不依赖地图 SDK:偏远服务地缺少精细地图时,一张手绘图即可上线
箱庭地图机制 · 按需求规格与地图实现笔记以水烛风格绘制

技术实现

用户端uni-app + Vue 3 + TypeScript + Pinia,一套代码编译为 H5 与微信小程序
管理端独立的 PC 网页端:审核台、举报处理、敏感词与审核策略、用户与地理信息管理、数据统计
后端Spring Boot 3.2 + Java 21 + MyBatis-Plus,按领域拆分为认证、内容、地图、审核、通知、后台、地理 7 个模块
数据MySQL 8(21 张表)· Redis(限频、Token 黑名单)· 对象存储;Docker Compose 单机部署
安全与合规JWT 双密钥隔离用户端与管理端;登录失败限频;上传图片校验文件头并清除 EXIF;需求阶段对照个人信息保护法与未成年人保护相关要求设计数据边界

开发流程

按「需求分析 → 架构 / 接口 / 数据库 / 模块详细设计 → 编码 → 白盒测试 → 设计与代码差异审查 → 种子数据」推进,每个阶段都有评审记录与开发日志。白盒测试共三轮,修复 40 余项安全漏洞与功能缺陷;差异审查修正 101 处设计与代码不一致;种子数据包含 20 份志愿者人设与 5 张服务地地图。

技能

需求分析产品设计Spring Bootuni-app数据库设计软件工程流程社会创新

后续

研学笔记本时期形成的产品设计能力在此落地,相关工程经验延续到智慧学工 SWO。

蒲草青青,织就百物 · © 2026 程千和 · 京ICP备2026006842号-2