个人简介

你好 我叫 大蜘蛛 恩 然后下面有我的项目经验和技术栈介绍

私人存储库贡献图 (95% 外包项目贡献)

技术栈

编程语言

• JavaScript: ES6+, TypeScript
• Python: 3.x
• Arduino: C/C++

前端技术

• 基础: HTML, CSS, JavaScript
• 框架: Vue.js, React
• 元框架: Nuxt.js, Next.js
• 组件库: Element Plus, Ant Design, Vuetify, Material-UI, Bootstrap, Naïve UI

移动端开发

• 跨平台: UniApp
• 小程序: 微信小程序, 支付宝小程序

后端技术

• Node.js: Express.js, Sequelize
• Python: FastAPI, Flask, SQLAlchemy

桌面应用开发

• Python GUI: PySide6, PyQt6, PyQt5
• 跨平台: Electron

数据库

• 关系型: MySQL, SQLite
• NoSQL: MongoDB

开发工具

• 容器化: Docker
• 版本控制: Git
• CI/CD: GitHub Actions

持续学习中，不断探索新技术和最佳实践 🚀

项目经验

🛒 猫咪电商 - Amazon订单管理系统

order_amazon | GitHub

专业的跨境代购管理平台,为Amazon代购业务提供完整的订单管理解决方案。

• 技术栈:

  • 前端: Nuxt.js 4 + Vue 3 + TypeScript + Pinia + Nuxt UI
  • 后端: Nuxt Server API + Sequelize ORM
  • 数据库: SQLite
  • 核心库: VXE Table (数据表格) + Chart.js (数据可视化) + XLSX (Excel处理)

• 核心功能:

  • 📦 订单全生命周期管理
  • 📊 数据统计与可视化分析
  • 📤 Excel批量导入/导出
  • 👥 用户权限管理系统
  • 📧 邮件通知服务
  • ☁️ 腾讯云COS文件存储

• 技术亮点:

  • 🚀 基于Nuxt.js的SSR/SPA混合架构
  • 🔐 JWT + bcryptjs安全认证体系
  • 📊 强大的VXE Table数据表格处理
  • 📈 Chart.js实时数据可视化
  • 📁 支持Excel批量操作和数据处理
  • 🎨 Headless UI + Tailwind CSS现代化界面

🏗️ 3D打印机控制系统 - 建筑打印解决方案

order_caizong_match_gui_3d_printer | GitHub

专业的建筑级3D打印机控制软件,集成模型处理、切片预览、设备联机、实时监控等功能的完整打印解决方案。

• 技术栈:

  • 桌面框架: PySide6 (Qt6 for Python) + Python 3.11
  • 3D渲染: PyVista + PyVistaQt + PyOpenGL (VTK引擎)
  • 数据处理: NumPy + numpy-stl (3D模型处理)
  • 切片引擎: CuraEngine (集成)
  • 设备通信: Modbus (pymodbus) + SSH (paramiko)
  • 视觉处理: OpenCV (摄像头监控)
  • 打包工具: PyInstaller (独立可执行文件)
  • 主题美化: qdarktheme (暗黑/明亮主题切换)

• 核心功能:

  • 📦 STL模型导入 - 支持3D模型文件加载和预览
  • 🔪 智能切片系统 - CuraEngine集成,多参数配置
  • 🎨 3D实时预览 - 基于VTK的高性能3D渲染
  • 📄 GCode管理 - GCode导入、编辑、轨迹可视化
  • 🔌 设备联机控制 - Modbus通讯协议,远程设备控制
  • 📹 实时视频监控 - OpenCV多路摄像头接入
  • 🎯 运动控制系统 - XYZ轴点动、速度控制、归零操作
  • ⚙️ 硬件参数配置 - 打印机平台参数、运动参数实时调整
  • 📊 打印状态监测 - CNC状态、使能状态、故障检测
  • 🗂️ 配置管理系统 - JSON配置文件,参数持久化

• 技术亮点:

  • 🎨 模块化MVC架构 - 页面组件/控制器/模型分离
  • ⚡ 异步加载优化 - 大模型加载进度显示,避免界面卡顿
  • 🎯 GPU加速渲染 - OpenGL硬件加速3D视图
  • 🔧 完整的切片系统 - 支持层高、填充率、支撑等多参数
  • 📡 Modbus通信 - 工业级设备通信协议
  • 🎥 视频流处理 - 实时摄像头画面显示和录制
  • 🖥️ 跨平台支持 - Windows/Linux双平台兼容
  • 📦 一键打包部署 - PyInstaller打包成独立exe
  • 📚 完善文档系统 - 详细的开发文档和重构指南

📱 图纸点位记录系统 - 移动端工程管理应用

lonic-postion-save | GitHub

基于Ionic框架的跨平台移动应用,专为建筑工程图纸标注和点位记录设计的现场管理工具。

• 技术栈:

  • 移动框架: Vue 3 + Ionic Framework + Capacitor
  • 状态管理: Pinia (Vue状态管理)
  • 样式方案: Tailwind CSS + PostCSS
  • 后端API: Express.js + Node.js
  • 数据库: SQLite + Sequelize ORM
  • 认证系统: JWT + bcrypt (加密存储)
  • 文件处理: Multer (上传) + Sharp (图片处理)
  • 原生能力: Capacitor Plugins
    • Camera (相机拍照)
    • Barcode Scanner (二维码扫描)
    • Haptics (触觉反馈)
    • Keyboard (键盘控制)
    • Status Bar (状态栏)
  • 构建工具: Vite + TypeScript
  • 测试工具: Vitest + Cypress (E2E)

• 核心功能:

  • 📸 相机拍照上传 - Capacitor Camera原生相机调用
  • 📐 图纸标注系统 - 在图纸上绘制点位标记
  • 📍 点位记录管理 - 创建、编辑、删除点位信息
  • 🔍 二维码扫描 - 快速识别设备或位置编码
  • 📤 文件上传下载 - 图片、文档批量管理
  • 👤 用户认证系统 - JWT登录、权限管理
  • 💾 本地数据同步 - 离线数据缓存,在线自动同步
  • 📊 数据统计查询 - 点位数据分类统计和导出
  • 🎯 触觉反馈 - 操作反馈,提升交互体验

• 技术亮点:

  • 📱 跨平台部署 - 一套代码同时支持Android/iOS
  • ⚡ 原生性能 - Capacitor调用原生API,接近原生体验
  • 🎨 现代UI设计 - Ionic组件库 + Tailwind自定义样式
  • 💾 SQLite轻量数据库 - 本地数据持久化
  • 🔐 安全认证 - bcrypt密码加密 + JWT token验证
  • 🖼️ 图片优化 - Sharp图片压缩和格式转换
  • 🧪 完整测试 - 单元测试(Vitest) + E2E测试(Cypress)
  • 🔄 热更新支持 - 可配置远程服务器URL实现热更新
  • 📐 响应式布局 - 适配各种屏幕尺寸的移动设备
  • 📺 大屏适配 - 专为数据监控大屏优化的视觉设计

🤖 Order ChatAI - 智能聊天系统

order_chatAI | GitHub

功能丰富的多模态AI聊天系统,集成OpenAI API,支持文本、图片等多模态输入的企业级智能对话平台。

• 技术栈:

  • 前端: Vue 3 + TypeScript + Vite + Vue Router + Pinia
  • UI框架: Primer CSS + GitHub Markdown CSS + Highlight.js
  • 后端: FastAPI + Python 3.11 + Uvicorn (ASGI)
  • 数据库: MySQL 8.0 + SQLAlchemy (ORM) + aiomysql (异步)
  • AI集成: OpenAI API (多模态支持)
  • 部署: Docker + Docker Compose + Nginx

• 核心功能:

  • 🤖 多模态AI对话 - 支持文本+图片混合输入
  • 📁 文件管理系统 - 支持图片、PDF、Word、Excel等多格式
  • 💬 聊天会话管理 - 创建、保存、删除会话,完整历史记录
  • 🔐 用户认证系统 - JWT认证 + 路由守卫
  • ⚡ 流式响应输出 - 实时AI回复,提升用户体验
  • 📝 Markdown渲染 - 支持代码高亮和GitHub风格
  • 🌐 RESTful API - 完整的API文档 (Swagger)
  • 🐳 容器化部署 - 一键Docker部署方案

• 技术亮点:

  • 🚀 异步架构 - 基于FastAPI的高性能异步处理
  • 🎯 多模态AI - 图片内容分析和文本理解
  • ⚡ 流式传输 - Server-Sent Events (SSE) 实时响应
  • 🔒 安全认证 - JWT token + 密码加密存储
  • 📦 完整ORM - SQLAlchemy异步操作 + Pydantic数据验证
  • 🎨 现代前端 - Vue 3 Composition API + TypeScript类型安全
  • 📚 文档完善 - 自动生成的API交互文档
  • 🐋 生产就绪 - Docker多容器编排,支持一键部署

📊 Order DataView - 数据可视化监控平台

order-dataview | GitHub

实时数据监控与可视化大屏平台,集成地图展示、视频监控、设备状态监测等功能的综合监控系统。

• 技术栈:

  • 前端框架: Vue 3 + JavaScript + Vite
  • UI组件库: Naive UI + @vicons (图标库)
  • 数据可视化: ECharts 5.5 (图表库)
  • 地图集成: 高德地图 API (fetch-jsonp)
  • HTTP客户端: Axios
  • 路由管理: Vue Router 4
  • 构建工具: Vite 5 + 自动导入插件

• 核心功能:

  • 📊 数据可视化大屏 - ECharts多维度图表展示
  • 🗺️ 地图监控系统 - 高德地图设备位置实时标注
  • 📹 视频监控面板 - 多路视频流实时查看
  • 📈 振动监测看板 - 设备运行状态实时监控
  • 🎯 设备状态管理 - 实时设备数据采集与展示
  • 🔄 数据实时更新 - 自动轮询和数据刷新机制
  • 🎨 响应式布局 - 适配不同分辨率大屏显示

• 技术亮点:

  • 📊 ECharts深度集成 - 丰富的图表类型和交互效果
  • 🗺️ 地图可视化 - 高德地图API设备定位和轨迹展示
  • ⚡ 自动导入优化 - unplugin-auto-import减少重复导入
  • 🎨 Naive UI组件 - 现代化企业级UI组件库
  • 🔌 代理配置 - Vite proxy解决跨域问题
  • 🎯 组件化架构 - 模块化设计,易于维护和扩展
  • 📺 大屏适配 - 专为数据监控大屏优化的视觉设计