个人项目展示

DeepSeek文档助手

2025.01 - 至今 | 个人项目

项目概述

基于DeepSeek AI模型的智能文档分析助手,支持自动解析Word文档内容,提供实时分析反馈。 采用Vue3+SSE架构,实现流式数据推送,提升用户体验。

核心功能

  • • 支持多格式文档上传(Word、PDF、TXT)
  • • 实时AI分析进度展示,支持think过程可视化
  • • Blob流处理,前端直接预览文档内容
  • • SSE长连接,确保分析结果实时推送
  • • 支持多用户并发分析,任务队列管理

技术亮点

  • • 前端使用Vue3 Composition API,代码结构清晰
  • • 实现SSE连接池管理,处理断线重连机制
  • • 使用Web Worker处理大文件解析,避免主线程阻塞
  • • 集成Monaco Editor,支持代码高亮和语法检查
Vue3SSEDeepSeek AIWeb WorkerMonaco Editor

3D数据可视化平台

2024.08 - 2024.12 | 个人项目

项目概述

基于Three.js构建的3D数据可视化平台,支持多种数据源接入,提供丰富的3D图表组件。 专注于大数据场景下的立体化数据展示,提升数据分析的直观性和交互性。

核心功能

  • • 3D柱状图、饼图、散点图等多种图表类型
  • • 支持实时数据更新,WebSocket数据推送
  • • 自定义材质和光照效果,提升视觉体验
  • • 支持VR/AR模式,沉浸式数据探索
  • • 数据钻取功能,多层级数据展示

技术特色

  • • Three.js + WebGL着色器编程,性能优化
  • • 使用Web Workers进行数据预处理
  • • 实现LOD(细节层次)技术,处理大规模数据
  • • 集成D3.js进行数据转换和布局计算
Three.jsWebGLD3.jsWebSocketVR/AR

智能表单生成器

2024.03 - 2024.07 | 个人项目

项目概述

可视化拖拽式表单设计器,支持复杂表单逻辑配置,自动生成表单代码。 内置丰富的表单组件库,支持自定义组件扩展,提升表单开发效率。

核心功能

  • • 拖拽式表单设计,所见即所得
  • • 支持条件显示、联动校验等复杂逻辑
  • • 一键生成Vue/React表单代码
  • • 内置20+常用表单组件
  • • 支持表单模板保存和分享

技术实现

  • • Vue3 + TypeScript,类型安全保障
  • • 使用Sortable.js实现拖拽排序
  • • JSON Schema驱动的表单渲染引擎
  • • 集成Monaco Editor进行代码编辑
Vue3TypeScriptJSON SchemaSortable.jsMonaco Editor

微服务监控平台

2023.10 - 2024.02 | 个人项目

项目概述

基于Spring Boot + Vue3的微服务监控平台,提供服务健康检查、性能监控、日志分析等功能。 支持多种监控指标展示,帮助开发团队快速定位和解决系统问题。

核心功能

  • • 服务拓扑图,可视化服务依赖关系
  • • 实时性能监控,CPU、内存、网络指标
  • • 分布式链路追踪,请求调用链分析
  • • 智能告警系统,多渠道通知
  • • 日志聚合分析,支持全文检索

技术架构

  • • 前端Vue3 + Pinia状态管理
  • • 后端Spring Boot + Spring Cloud
  • • 使用ELK Stack进行日志处理
  • • Redis缓存 + MySQL数据存储
Vue3Spring Boot微服务ELK StackRedis

其他项目

UniApp商城小程序

基于UniApp开发的跨平台电商小程序

UniAppVue3

AI聊天机器人

集成多种AI模型的智能对话系统

Node.jsOpenAI

个人博客系统

基于Nuxt3的静态博客生成器

Nuxt3Markdown

主要技术栈

前端技术

Vue3 / Nuxt3React / Next.jsTypeScriptThree.js

后端技术

Java / SpringNode.jsPython / Flask微服务架构

数据存储

MySQLMongoDBRedisElasticsearch

工具平台

DockerGit / GitLabJenkinsNginx