首页

项目经历

前端、可视化、流媒体与业务系统相关项目

AI 智能应用平台(达利国际)

企业级 AI 应用平台,以前端架构与产品化交付为主、延伸至部分 API/服务侧设计与联调。提供 AI 对话、AI Workflow(DAG)、AI Agent 与 Step Flow 式任务执行及状态展示、多模态与会议智能体等能力,支持通过可视化方式快速构建 AI 应用,并沉淀平台化复用能力。

  • 负责 AI 平台整体前端架构设计与技术选型,基于 Vue3 + TypeScript + Vite 构建模块化前端架构,提升系统可扩展性、研发效率与后续模块复用能力。
  • 设计并实现 AI 对话系统前端架构,实现流式响应(Streaming)渲染机制,支持多轮上下文管理与高并发消息处理,优化核心交互体验与系统稳定性。
  • 构建 AI Workflow(DAG) 可视化流程编辑器,基于节点化架构实现 Prompt Node、LLM Node、Tool Node 等流程节点,支撑复杂流程编排、执行调试与能力平台化沉淀。
  • 负责 AI Agent 系统前端开发,设计类 Step Flow 的任务执行界面,实现任务拆解、执行状态追踪与多工具调用展示;并参与 Agent 任务编排与状态服务的接口设计与前后端联调,体现全栈延伸。
  • 集成多种 AI 模型能力,实现文生图、文生视频等多模态功能的统一调用与交互界面设计;构建 AI 知识库(RAG) 前端模块,实现知识检索、语义搜索与对话增强,提升回答可用性、可解释性与业务落地价值。
  • 参与 RAG 知识库与意图识别能力建设:RAG 侧通过检索增强与引用溯源将回答约束在知识库范围内;意图识别侧实现用户请求分类与路由(知识问答/工具调用等),结合「先检索再生成、回答基于引用」等机制缓解大模型幻觉,提升回答准确性与可信度。
  • 设计 AI 平台 API 交互层与 WebSocket 实时通信机制,实现 AI 响应流式输出与实时任务状态更新,增强复杂场景下的实时交互一致性。
  • 落地「会议智能体」模块(前后端联调):支持即时会议创建/结束、音频上传生成会议,实时转录(interim/final)、翻译与播报开关,并以消息流形式沉淀会议记录。
  • 实现会议内 AI 辅助卡片与会后产出:问题检索/状态跟踪(排队/搜索/完成)、会议总结与模板化产出;支持会议沙箱/VNC 预览与同步能力,提升会议协作效率。
  • 技术挑战:实现 AI Workflow 节点执行状态的实时同步与可视化,通过 WebSocket 实现流程执行日志实时更新,解决复杂异步任务下的状态管理问题,提升流程调试效率。
项目价值:将 AI 对话、Workflow、Agent、Step Flow 任务流与多模态能力整合为统一平台入口,体现 AI 产品思维与从前端到服务侧的全栈延伸能力,为后续业务场景扩展提供可持续底座。

Vue3、TypeScript、Vite、Ant Design Vue、Pinia、WebSocket、AI API、Streaming Rendering、Python/FastAPI(部分模块)

大健康业务平台(海普基因小程序 + 代理商 H5 + 海码后台)

一体化大健康业务系统:C 端海普基因小程序(主销售与服务平台)、代理商 H5(销售/员工/客户多角色协同)、海码后台(订单/报告/实验室与运营管理),从需求分析、技术方案到开发上线均由本人主导或独立完成,保障整套系统稳定迭代。

  • 全程负责三端前端架构与交付:小程序支撑产品购买、样本绑定与回寄、报告查询、预约咨询等核心销售与服务链路;代理商 H5 覆盖注册、商城、客户管理、学习考试、签约、样本绑定等,支撑多角色业务协同;海码后台支持财务与实验室数据、订单与产品管理,完成组件抽象与请求层统一封装。
  • 统一技术栈与工程规范:引入并落地 Vue3、Uni-app,统一封装请求层与微信开放能力,优化多端适配与数据请求策略;使用 Canvas 实现图片保存、分享与产品卡片生成,支持扫码跳转小程序下单;对接第三方实现在线签约,集成微信 API 支持多图上传与视频学习/考试。
项目价值:将 C 端、代理商与后台整合为统一业务平台,打通销售、学习、签约与客户管理关键链路,提升多角色协同效率与系统可扩展性、交付效率及后续维护性。

Uni-app、Vue3、Element Plus、Canvas、微信小程序/API、Axios、第三方签约

六扇门 BI 数据服务

企业级多维数据可视化分析系统,支持订单区域分析、仓库分析及指标仪表盘,热力图、流向图与下钻,全程参与需求、设计与前端开发。

  • 参与需求分析与业务流程设计,负责订单区域分析、仓库分析及指标仪表盘等模块的前端架构与开发,实现热力图、流向图展示与下钻能力。
  • 深入研究 AntV L7 地图组件,攻克复杂表单与数据展示难题;完成代码与性能优化,并对客户进行系统培训与技术支持。

React、Umi、Dva、Ant Design、L7、G2、Echarts

机器人远程监控系统

矿区机器人实时监控与操控平台,对接海康威视摄像头,多路视频预览、云台控制与告警联动,全程参与前端架构与视频模块交付。

  • 负责视频监控模块前端架构与实现:基于海康 WebSDK 完成摄像头登录、实时预览、多窗口切换与云台控制;结合 ISAPI 获取 RTSP 地址,支持 SDK 与 WebRTC 双路拉流,将视频延迟控制在 300ms 内。
  • 实现多路视频同播与弱网下的画面稳定;Vue 端实现嵌入式视频窗口、区域滚动与全屏播放,将监控模块接入矿区生产管理系统,与机器人控制及告警推送联动,告警响应时间缩短约 40%。

Vue、海康 WebSDK(WebVideoCtrl)、WebRTC、RTSP、ISAPI