软件开发 · 项目作品集

穿过数据噪声，找到问题的坐标。

以制造质量分析为主线，PhotoMap 展示另一种应用开发实践。

查看质量分析项目了解 PhotoMap

制造质量分析助手实际界面，展示质量问题输入、数据源配置与不良率分析 — 自然语言圈定问题 · 统计先行 · 证据可追溯

PhotoMap 地图相册启动界面，星空背景下展示地球地图与进入地图按钮 — 地点标记 · 照片管理 · 空间检索

PhotoMap · 地点与回忆

照片，也可以按地点找回来。

从地图标记、图片检索，到回望最近去过的地方。

01 / 03

01 · 地图标记

把照片放回发生的地方。

在地图上找到一个标记，就能看到与这个地点关联的照片和备注。空间位置成为整理与回看的入口。

地点 · 照片组 · 备注

PhotoMap 地图界面，在一个地点标记旁显示关联照片和地点操作 — 地图标记关联地点照片

02 · 图片检索

用描述，重新找到一张照片。

桌面端支持按图片内容描述检索；结果会列出匹配照片与相关度，帮助从一组地点记录里找回目标画面。

桌面端 · 图片描述检索

03 · 生活概览

让散落的地点，重新连成日常。

最近地点、照片片段与足迹概览汇集在一起。回看不只是在翻相册，也是在重新走过自己的生活轨迹。

最近地点 · 照片片段 · 足迹继续了解项目实现

PhotoMap 生活概览页面，汇总最近地点、照片片段和足迹数量 — 生活概览与照片片段

地图上选择地点后可查看关联照片与备注；展示图中的具体地点和坐标已遮蔽。图片描述检索仅在桌面端提供。

质量分析 · 数据到线索

先看分析过程，再回到证据。

从处理轨迹、统计结果到知识引用，串起一条可复查的排查路径。

01 / 04

01 · 分析过程

让每一步都能回头核对。

网页分析台支持上传已有 CSV；当前截图中的数字来自内置模拟生产数据。界面记录条件筛选、统计、知识检索和结果解释，摘要先显示，模型解释随后补充。

处理轨迹 · 统计摘要 · 结果解释

质量分析台的处理轨迹与分析结果，显示统计摘要和结果解释 — 处理轨迹、统计摘要与结果解释

02 · 统计证据

把异常趋势和候选因素摆在一起。

趋势图呈现不良率变化，因素排序提供优先排查方向；样本量、相对总体差异和建议也保留在证据表中。

趋势 · 候选因素 · 样本量

质量分析结果中的不良率趋势图、候选因素对比和证据表 — 趋势图、候选因素对比与排查建议

03 · 知识引用

让排查线索有资料可对照。

检索结果列出匹配的案例和质量标准，帮助把统计发现放回已有的维护经验与作业要求中检查。

案例 · 标准 · 来源可查

质量分析的知识库引用，列出匹配案例和供应商来料标准 — 与分析线索相关的案例和标准

04 · 独立工具

主流程之外，也有专用质量工具。

Pareto、Cpk 和 SPC 以独立工具提供。截图展示工艺能力指标，用于观察不同质量特性是否满足规格要求。

Pareto · Cpk · SPC 继续了解项目实现

质量分析工具箱中的 temperature、pressure 和 torque 工艺能力指数 Cpk 卡片 — 独立工具页中的 Cpk 指标

网页演示使用模拟生产记录，也支持上传已有 CSV 进行分析；候选因素仅用于安排排查优先级，不代表已证实的因果关系。Pareto、Cpk 与 SPC 为独立分析工具。

个人简介 · 项目实践 · 摄影记录从这里认识我

关于我

你好，我是 Satula。

我关注应用开发与数据分析，并通过 PhotoMap 与制造质量分析助手，展示从功能设计、技术选型到工程实现的实践。

本科院校

合肥大学 · 大众学院

数据科学与大数据技术

大众安徽校企合作 · 双元制培养

本科

了解我的项目

奖项与荣誉

已整理 2 项

学院荣誉与校级竞赛成果

2023–2024
MOST CURIOUS MIND AWARD
大众学院
2025–2026
第十一届挑战杯大学生创业设计竞赛合肥大学
校赛三等奖

项目中的技术范围

技术栈

聚焦制造质量分析的统计与 Agent 流程，
并展示 PhotoMap 的地图、存储与跨端实现。

前端与桌面

JavaScript
TypeScript
React
React DOM
React Hooks
Zustand
Vite
Electron
Mapbox GL JS
HTML
CSS
Canvas
File API
LocalStorage
pinyin-pro

服务与存储

Java
Spring Boot
Spring MVC
Spring Security
Spring Data JPA
H2
PostgreSQL
JWT
Maven
Node.js
SQLite
better-sqlite3
Sharp
EXIF
Electron IPC
REST API
Cloudflare Workers
Cloudflare D1
Cloudflare Pages

数据与 AI

Python
LangGraph
Streamlit
Pandas
Matplotlib
DuckDB
scikit-learn
Isolation Forest
Ollama
RAG
BM25
CrossEncoder（可选）
LangSmith（可选）
Transformers.js
Chinese CLIP
sqlite-vec

工程与测试

Vitest
Playwright
Testing Library
unittest
pytest
ESLint
Prettier
Husky
lint-staged
electron-builder
JSDoc
electron-log
electron-store
GitHub Actions

制造质量分析助手：Python 统计分析、异常检测与 LangGraph 工作流；PhotoMap 线上版使用 Mapbox GL JS，结合 Cloudflare Workers / D1 提供 Web 同步服务。质量项目中的 CrossEncoder 与 LangSmith 为可选能力。

深入阅读

项目细节

从问题定义、分析流程到具体实现。

2 个项目

数据与 AI · 制造质量分析 MVP · 原名 Interm

制造质量分析助手自然语言驱动的质量分析

在网页分析台上传一份或多份 CSV，用自然语言描述日期范围、产线或车型。本地 Ollama 解析并回显筛选条件，随后由系统筛选记录、计算不良率与候选因素；多数据源可分别分析并对比结果。

模型负责理解问题与解释证据，统计由确定性工具完成。日期筛选支持“上旬 / 中旬 / 下旬”等常见表达；LangGraph 串联问题解析、Python 统计、知识检索与报告生成。统计结果先展示，模型解释随后补充；若解释超时，已完成的统计仍可查看。报告保留筛选条件、样本量、执行记录、引用来源和人工确认状态。网页演示使用模拟生产数据，候选因素用于安排排查优先级，不代表已证实的因果关系。

项目看点

01
统计先行
筛选条件确认后先展示确定性统计，模型解释随后补充。
02
过程可查
保留筛选条件、执行轨迹与知识来源。
03
人工判断
候选因素是排查线索，结论仍需结合现场确认。

项目形态: 制造质量分析 MVP
主要输出: 统计指标 · 候选因素 · 知识证据

技术栈与分工

流程编排: Python · LangGraphOllama 解析条件，LangGraph 组织分析步骤
统计分析: Pandas · DuckDB处理记录、计算指标与候选排序
分析界面: Streamlit提供数据源配置与分析交互
知识检索: RAG检索知识库并为分析结论保留来源

从问题到报告

01
描述问题
输入时间范围、产线或车型
02
解析条件
由本地 Ollama 提取条件，不使用规则回退
03
统计先行
筛选记录并计算指标，完成后立即展示
04
检索与解释
查找知识证据，再补充模型解释

分析范围与数据说明

工具范围: Pareto、Cpk 与 SPC 作为独立分析模块；自然语言主流程聚焦不良率计算与候选因素排序。
演示口径: 网站页面使用模拟生产记录，报告中的数字用于展示分析过程，不代表真实产线结果。

GitHub 源码

质量分析助手 · 操作演示操作演示

质量分析助手 · 完整操作录屏

从自然语言问题到统计结果、候选因素与可追溯报告。

演示数据为模拟生产记录；候选因素用于排查参考，不代表已证实的因果关系。

应用开发 · 桌面 / Web

PhotoMap地图照片管理应用

PhotoMap 已上线可直接体验的 Web 版：在地图上创建地点，把浏览器中的照片与备注归到对应标记，再通过地图、列表、搜索和热力图回看。

同一套地点工作流，按平台管理原图。Web 版使用 IndexedDB 保存本地照片和数据；登录后通过 Cloudflare Workers 与 D1 同步地点、照片 ID 和备注等元数据，不上传照片原文件。桌面版使用本地照片文件与 SQLite，并额外支持 Chinese CLIP 图片描述检索。两端共享核心流程，存储与图片检索能力按平台区分。

项目看点

01
地点聚合
坐标、照片和备注围绕同一标记关联。
02
影像整理
从预览、旋转裁切到批量管理。
03
双端适配
共享地图工作流，按平台接入文件与存储。

应用形态: React Web + Electron 桌面端
记录对象: 地点标记 · 照片组 · 文字备注

技术栈与分工

界面与地图: React · Vite · Mapbox GL JS承载地图、地点和照片交互
桌面端: Electron · SQLite · Sharp连接本地文件、数据存储与图像处理
浏览器端: WebAdapter · File API · IndexedDB适配浏览器文件访问与本地数据
图片检索: Chinese CLIP · Transformers.js · sqlite-vec桌面端的图片描述向量检索模块
同步服务: Cloudflare Workers · D1 · Java · Spring Boot · JWTWeb 生产环境提供同源 API 与数据持久化；桌面或本地运行可连接 Java 服务

从地点到回看

01
定位地点
搜索位置或新增地图标记
02
归集照片
同一地点可关联多张图片
03
整理详情
补备注、旋转裁切与批量管理
04
检索回看
地图、列表、搜索或热力图

桌面端与 Web 端

Electron 桌面端: 本地照片文件与 SQLite；可用 Chinese CLIP 按图片描述检索，也可连接 Java 服务同步元数据。
浏览器 Web 端: File API 与 IndexedDB 管理本地照片和数据；登录后可同步地点、照片 ID 与备注等元数据，照片原文件不会上传。支持地名与备注检索，暂不提供图片描述检索。

在线体验 Web 版 GitHub 源码

PhotoMap Web 版支持地点标记、浏览器本地照片与备注管理、搜索及热力图回看；登录后同步地点与照片备注等元数据，照片原文件不会上传。桌面版另支持 Chinese CLIP 图片描述检索。

PhotoMap · 地图相册实际操作