P
Pipi@pipi596888
首页关于项目笔记简历联系
联系我
P
Pipi

@pipi596888

前端工程师 · Vue / React 双栈 · 多端交付 · AI 工程化

导航

  • 首页
  • 关于
  • 项目
  • 笔记
  • 简历
  • 联系

链接

  • GitHub
  • Cookie AI
  • Email

合作咨询

发送邮件

Vue / React · 多端 · 可视化 · AI 工程化

© 2026 Pipi. All rights reserved.

web

设备升级平台

面向桌面浏览器的企业级 Web 管理端,串联样本、设备、固件升级与运维权限全流程。

返回项目列表

项目概览

项目简介

基于 Vite 8 + React 19 + Ant Design 5 构建的行业后台管理系统,围绕样本、设备、升级、运维业务链路交付。平台提供统一布局、JWT 与会话双模式登录、动态菜单,以及路由 / 菜单 / 按钮三层权限控制;封装 PageProTable 统一表格分页与响应归一化,并实现 SHA-256 校验的分片上传、顶栏下载任务进度与 WebSocket 消息通知。业务侧覆盖样本数据与采集文件管理、售后工单流转、设备台账、固件升级包分发,以及用户角色、消息通知与操作日志等模块,已完成主要页面联调并可支撑完整管理流程。

核心流程

用户最常使用的主界面与关键决策路径。

系统细节

展示交互模型、数据状态或后台能力的局部细节。

问题背景

设备升级平台 需要把业务需求转化为稳定、可理解、可持续迭代的前端体验,而不是只完成单个页面。

我的角色

我在项目中承担前端核心开发角色,重点负责界面结构、组件边界、交付质量,以及支撑体验的工程决策。

解决方案

项目以 React 19、Vite、Ant Design 为主要技术基础,通过可复用 UI 模式、清晰的状态边界和围绕核心流程组织的页面结构来推进落地。

最终结果

设备升级平台 最终形成了更清晰、更易维护的产品界面,具备可复用实现模式,也为后续迭代留下了结构空间。

技术亮点

路由、菜单、按钮三层权限与后端动态菜单合并
PageProTable 统一表格 + 分片上传与下载任务进度
样本、工单、设备台账、升级包等模块完整联调交付

复盘总结

这个项目最有价值的部分不只是完成页面,而是把流程讲清楚、抽象选准确,并在复杂度上升时保持界面可理解。

项目信息

年份2025
角色前端核心开发
分类web

技术栈

React 19ViteAnt DesignZustandProTable

约束条件

  • 让非技术用户也能快速理解核心流程
  • 在交付速度和长期可维护性之间取得平衡
  • 保证主要使用场景中的交互质量和状态一致性