软件开发 · 项目作品集

用代码,解决具体问题。

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

01

制造质量分析助手

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

PhotoMap

PhotoMap 地图相册启动界面,星空背景下展示地球地图与进入地图按钮
地点标记 · 照片管理 · 空间检索
个人简介 · 项目实践 · 摄影记录从这里认识我

关于我

你好,我是 Satula。

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

本科院校

合肥大学

本科
了解我的项目

奖项与荣誉

待补充

竞赛获奖与学业荣誉

  • 奖项信息待补充

项目中的技术范围

技术栈

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

64 项技术与工具

前端与桌面

  • 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检索知识库并为分析结论保留来源
  1. 01
    描述问题

    输入时间范围、产线或车型

  2. 02
    解析条件

    由本地 Ollama 提取条件,不使用规则回退

  3. 03
    统计先行

    筛选记录并计算指标,完成后立即展示

  4. 04
    检索与解释

    查找知识证据,再补充模型解释

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

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

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

应用开发 · 桌面 / 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 服务
  1. 01
    定位地点

    搜索位置或新增地图标记

  2. 02
    归集照片

    同一地点可关联多张图片

  3. 03
    整理详情

    补备注、旋转裁切与批量管理

  4. 04
    检索回看

    地图、列表、搜索或热力图

Electron 桌面端
本地照片文件与 SQLite;可用 Chinese CLIP 按图片描述检索,也可连接 Java 服务同步元数据。
浏览器 Web 端
File API 与 IndexedDB 管理本地照片和数据;登录后可同步地点、照片 ID 与备注等元数据,照片原文件不会上传。支持地名与备注检索,暂不提供图片描述检索。
PhotoMap · 地图相册实际操作
2K 原画 · 完整演示

把照片、地点与回忆连起来。

跟随实际操作,看看地图相册如何记录与浏览照片。
打开原视频

项目交流与联系

欢迎交流项目,
或联系面试。

关于功能设计、技术实现或岗位机会,
可以通过以下方式联系我。

再看看作品

Satula Studio · 摄影

摄影作品

自然、城市与日常。
按主题浏览,点击查看大图。

浏览影像
按主题整理影像与拍摄记录。Satula · 原创摄影

项目与实现介绍在作品页继续浏览。

项目详情与开发记录