高考志愿填报是人生的关键转折点。为了帮助考生更科学地从海量院校中挖掘最优选择，我开发了这套**“志愿决策系统” (Volunteer Finder)**。本文将从技术实现到实际应用，带你深度剖析这套系统的核心亮点。

🚀 核心技术架构

本系统采用现代 Web 开发的全栈方案，追求极速响应与极致视觉体验。

  • 前端框架: Next.js (App Router) + TypeScript
  • 样式引擎: 纯原生 CSS (Glassmorphism 玻璃拟态设计)
  • 数据库: SQLite (通过 better-sqlite3 实现高性能查询)
  • 图标系统: Lucide React
  • 部署方案: 本地 Mac Mini (生产环境) + Tailscale 内网穿透 + 腾讯云 VPS (Nginx 反向代理)

💡 技术亮点：不仅是查询，更是智能推荐

1. 精准的“分档”推荐算法

系统不仅仅展示数据，更通过位次换算模型将考生的原始分数转换为全省位次，并结合近三年的投档线波动，将院校划分为：

  • 冲档 (Reach): 历史位次略高于考生，值得一试。
  • 稳档 (Match): 位次相近，录取概率大。
  • 保底 (Safety): 位次优势明显，确保不滑档。

2. SQLite 极速驱动

相比传统的云端数据库，系统直接挂载了一个高度优化的 gaokao.db。通过 SQLite 的索引优化，即便在处理数十万条录取数据时，查询响应时间也控制在 20ms 以内。

3. 多维度筛选：自由定义你的未来

支持多省份意向筛选。你可以通过交互式的多选标签，同时对比北京、上海、江苏等多个地区的院校分布。

🌐 极致部署：如何让家里的 Mac Mini 变成高性能服务器

为了保证数据安全并利用本地的高性能 CPU，我采用了内网穿透 + 远程代理的部署方式：

  1. 本地运行: 在 Mac Mini 上运行 npm run build 生成生产版本，通过 npm run start 持续挂载。
  2. 建立链路: 使用 Tailscale 建立加密通道，将本地服务暴露给 VPS。
  3. 全球发布: VPS 上的 Nginx 接收 443 端口请求，通过私有链路透传回本地机器。

这种方案既省去了昂贵的云服务器配置成本，又获得了物理机的超高性能。

✨ 视觉美学：透明感与现代感的结合

UI 设计采用了流行的 Glassmorphism (玻璃拟态) 风格。半透明的磨砂背景配合动态渐变边框，让复杂的表格数据也能呈现出呼吸感。

🎯 立即体验

项目已在 GitHub 开源：maifeipin/volunteer-web

  1. 首页
    image-1777107654604

  2. 结果页
    image-1777107697538

  3. 学校和专业
    image-1777107750488