职业概述

具备 Vue 生态、uni-app、NestJS 及 AI 应用开发经验,能够承担中后台系统、复杂表单、可视化平台、跨端 App/小程序和智能应用的完整研发交付。熟悉从需求拆解、模块设计、接口联调到测试发布的工程化流程,能够在前端之外参与服务端、数据存储、鉴权和智能体能力建设。

重点实践过低代码与可视化编辑器、3D 监控、地图大屏、AI 对话记账、RAG 检索和 MCP 服务等复杂场景。擅长把业务规则沉淀为模块化架构、配置模型、通用组件和可复用工作流,关注系统可维护性、交付效率及多端上线质量。

核心竞争力

  • 精通 Vue 生态(Vue2/3、TypeScript、Pinia、Vite、Vue Router 等),具备中后台系统、复杂表单、通用组件抽象与前端工程化开发能力,了解 Vue3 源码。
  • 具备 uni-app 多端开发、App 打包上架及移动端兼容处理经验;熟悉 ECharts、Mars2D、Three.js、WebSocket 等可视化与实时交互场景。
  • 有低代码与可视化编排实现经验,参与动态表单、Workflow、ER 编辑器与图表编辑器开发,能够进行配置模型、编辑器交互与渲染逻辑抽象。
  • 掌握 NestJS 模块化开发方式,能够完成 Controller、Service、Module、DTO 分层设计,使用 class-validator 进行参数校验,并通过 Swagger 输出接口文档。
  • 掌握 MySQL + TypeORM 实体映射、Repository 封装与 Migration 迁移实践,熟悉 Redis 的基础连接、配置和缓存使用场景。
  • 掌握 Passport + JWT 登录鉴权、Access Token / Refresh Token 刷新令牌与角色权限控制,能够完成前后端鉴权链路和接口联调;具备 RESTful API、统一异常处理、Swagger 文档与接口联调能力。
  • 具备 AgentScope + OpenAI 兼容接口的 Agent 服务开发经验,可完成提示词编排、模型调用、结果校验与异常处理;能够基于 HTTP POST + SSE 实现流式对话及确认/取消等任务事件交互。
  • 掌握 Embedding、文本切分、Milvus 集合和索引管理、向量相似度检索及基于检索上下文的 RAG 问答链路。
  • 掌握基于 MCP SDK 的 NestJS MCP Server,理解 Streamable HTTP、JSON-RPC、会话管理和工具注册机制。
  • 掌握 Git、Docker、Drone CI/CD,具备自动化构建、部署、版本发布和问题排查实践。
  • 将 Codex、OpenCode、Trae 等 AI 编程工具融入真实业务研发流程,覆盖需求拆解、代码编写、测试调试、重构及文档沉淀,提升研发效率与项目交付质量。

工作经历

成都康儿丝网络科技有限公司 2024.09 - 至今

前端开发工程师

1. 负责多个核心业务系统的研发与交付,覆盖中后台、低代码编辑器、数据可视化大屏、App 和小程序。

2. 主导 NestJS 全栈基础能力建设及 AI Agent 服务研发:基于 MySQL、TypeORM、JWT、Passport 和 RBAC 搭建模块化后端架构;基于 AgentScope 与 SSE 实现流式智能体对话服务;完成文档切分、Milvus 向量检索及 LangChain + Chroma 驱动的 RAG 问答流程;基于 NestJS 与 MCP SDK 实现 Streamable HTTP 服务、工具注册及 AI 客户端工具发现与调用链路。

3. 推进研发效能与交付流程建设,结合 Codex、OpenCode、Trae 及 Skills,将需求分析、编码、测试、调试和重构等环节沉淀为可复用工作流;优化 CI/CD 自动化发布流程及多端应用提审、上架流程。

成都数字家园科技有限公司 2023.07 - 2023.12

前端开发实习生

1. 参与可视化大屏与中后台管理系统研发,负责业务页面、接口联调和图表交互的落地。

2. 基于 Vue3 + ECharts 实现数据展示与动态交互,沉淀可复用图表配置和组件能力。

3. 二次封装 Element Plus 通用组件,建设动态表单、通用表格等基础能力。

项目经历

智能记账平台
项目时间
2025.05 - 至今
项目描述
面向个人及群组协同记账场景的 App 应用,覆盖个人/群组账本、统计报表、打卡及 AI 对话记账等核心流程。
责任描述
1. 设计并实现 AI 对话记账链路及受控编排机制,前端通过 SSE 消费文本增量、处理中、账单草稿、待确认操作、异常和完成等事件,形成“自然语言输入 - 结构化账单 - 用户确认 - 业务写入”的完整闭环。限制模型仅生成账单意图和待确认数据,用户确认后才调用下游业务接口,避免模型直接触发不可逆操作。
2. 主导 NestJS Agent 服务模块化建设,基于 AgentScope 和 OpenAI Compatible API 实现群组账单解析及结构化结果校验,并统一处理模型配置异常、模型不可用和非法账单结果。
3. 封装用户、分类、账本成员和账单业务接口,支持 Authorization 透传、服务间签名认证、请求超时、requestId 链路关联及下游错误码转换,统一跨服务鉴权、请求追踪与异常处理。
4. 基于 Embedding API 与 Milvus 构建账单历史记忆及 RAG 检索能力,完成历史账单向量生成、集合与 Schema 初始化、HNSW 索引及 COSINE 相似度检索,并按用户和账本维度隔离数据,为 AI 记账提供个性化历史上下文增强。
5. 使用 TypeORM + MySQL 实现动态记账规则模块,支持规则增删改查、关键词归一化、优先级匹配和分类合法性校验,通过“规则优先、模型兜底”提升高频记账场景下的分类稳定性。
6. 基于沙箱机制实现 CSV 账单安全解析与导入,完成文件及数据合法性校验,生成可审核账单草稿,并通过 TTL 过期清理和废弃机制控制临时数据生命周期。
7. 基于原生 Android WebView 集成并加载 H5 项目,搭建 CI/CD 自动化构建与发版流程,实现 H5 地址配置、Android 应用打包及版本发布自动化,减少人工操作并提升发版效率。
技术栈
Vue3 TypeScript uni-app Pinia uView Plus Element Plus NestJS AgentScope OpenAI Compatible API SSE RAG Embedding Milvus TypeORM MySQL
智能运营话术服务
项目时间
2026.05 - 2026.07
项目描述
面向运营话术配置、智能应答和通话上下文场景的系统。提供话术模板、默认回复、通话上下文及 AI 对话 API;通过 Embedding 与 ChromaDB 召回候选话术,再由 LLM 进行语义选择,生成固定回复或基于上下文的动态回复。
责任描述
1. 基于 NestJS 按 Auth、Template、DefaultReply、CallContext、LLM 等业务域拆分模块,采用 Controller、Service、Repository 分层组织代码。
2. 使用 TypeORM 对接 MySQL,完成用户、刷新令牌、话术模板、默认回复和通话上下文等核心数据持久化,并通过 Migration 管理数据库结构演进。
3. 设计 /chat 核心编排链路:读取默认回复兜底、生成 Query Embedding、召回候选模板、调用 LLM 进行结构化选择,并根据模板类型拼装固定或上下文动态回复。
4. 基于 LangChain、OpenAI 兼容模型和 ChromaDB,实现模板向量 Embedding、增量 Upsert、删除同步、索引重建、相似度阈值过滤及候选模板召回。
技术栈
Vue3 uni-app NestJS TypeScript TypeORM MySQL JWT Passport RBAC LangChain ChromaDB OpenAI-compatible API Swagger
FateVerse(开源项目)
项目时间
2023.05 - 2026.05
项目定位
面向企业场景的快速开发基础平台,覆盖权限管理、自定义查询、流程编排、动态表单、数据可视化和代码生成等能力,采用配置驱动与组件化设计,支持业务功能快速搭建和平台能力复用。
核心职责
1. 负责平台前端基础设施及核心模块建设,基于 Vue 3、Vite、Pinia 和 Element Plus 实现权限控制、动态路由、请求拦截、全局状态管理及通知中心等能力,支撑多业务模块统一接入和持续演进。
2. 深度参与自定义查询 ER Topology 编辑器的升级与重构,基于 AntV G6 实现节点拖拽、关系建模、字段配置、撤销/重做及保存预览发布等复杂交互,提升多表查询模型的可视化配置能力。
3. 参与搭建 Workflow 流程设计器、动态表单设计器与 ECharts 编辑器,采用配置驱动方式抽象表单组件、流程节点、权限联动与渲染逻辑,提升系统从功能开发向平台能力输出的复用度。
4. 二次封装 Element Plus,沉淀 Table、Form 等通用组件,并建设 Tinymce 富文本、CodeMirror 编辑器、文件上传、图标、表格导出等基础能力,统一交互规范并减少重复开发。
5. 负责用户、通知公告等核心业务模块开发与接口联调,落地部门树筛选、角色绑定、富文本公告、站内信列表与 WebSocket 实时通知等场景。
技术栈
Vue3 Vite Pinia Vue Router Element Plus Axios ECharts AntV G6 Tinymce Vue-Codemirror VueDraggable
开源链接
Demo:http://fateverse.odliken.cn/
Gitee 前端:https://gitee.com/fateverse/fateverse-vue
Gitee 后端:https://gitee.com/fateverse/fateverse
ER Topology 可视化编辑器
项目时间
2023.09 - 2024.05
项目描述
面向复杂多表查询与关系建模场景,基于 Vue 3 与 AntV G6 构建可视化 ER Topology 编辑器,将表关系、字段配置和查询规则统一沉淀为可编辑、可校验、可持久化的拓扑模型,支持查询模型从设计、调整到发布的完整流程。
责任描述
1. 负责 ER Topology 编辑器核心功能建设,完成节点面板、编辑画布、属性面板、字段配置、保存、预览及发布等功能开发,推动复杂查询配置由传统表单录入升级为图形化建模。
2. 基于 AntV G6 定制节点、边及编辑行为,实现节点拖拽、锚点连线、节点折叠/展开、字段滚动、框选多选、缩放适配、MiniMap 导航和自动布局等交互能力。
3. 将表关联规则与拓扑编辑流程结合,实现关系合法性校验、重复节点拦截及连线约束,减少非法关系和错误配置进入后续查询链路。
4. 抽象字段级元数据配置模型,支持查询条件、控件类型、展示类型、字典映射、日期格式及图片参数等配置,提升编辑器对复杂查询场景的表达能力。
5. 基于拓扑快照实现历史状态管理,支持新增、拖拽、连线、删除、复制粘贴等操作的撤销/重做,并通过标准化 JSON 完成拓扑数据持久化与回显编辑。
技术栈
Vue3 AntV G6
隧道云监控可视化平台
项目时间
2023.12 - 2024.05
项目描述
面向地下隧道监控、运维和设备管理场景,基于 Vue3、Three.js、Pinia、Element Plus、ECharts 构建集三维场景展示、实时监测、告警分析和业务配置于一体的可视化平台。
责任描述
1. 主导前端工程架构设计与核心模块开发,负责隧道、站点、设备、用户和模拟预览等业务模块开发;
2. 负责业务型 Three.js 三维场景建设,基于 GLTF/OBJ 模型实现隧道模型加载、设备模型挂载、相机控制、场景预览及设备点位交互,支持预览态与编辑态下的设备查看、添加、删除和配置持久化;
3. 设计 Vue 业务层与 Three.js 渲染层之间的交互机制,通过设备配置驱动模型渲染、点位与模型对象映射、CSS2D/HTML 标签叠加及事件回调,实现三维设备状态、信息面板和设备编辑操作的联动;
4. 基于图片热区建模与坐标映射实现隧道总览图交互,支持从站点总览定位并跳转至目标隧道,打通二维管理界面、三维场景和监控大屏之间的数据联动;
5. 负责监控大屏开发,基于 ECharts 实现风机、风压、风速、有害气体、用电量等监测指标的实时展示、趋势分析、告警列表及数据弹窗下钻;
6. 封装统一数据通信与鉴权方案,构建基于 Axios、Token 鉴权、路由守卫的前端访问链路,并结合 WebSocket 实现实时消息推送与监控场景动态更新。
技术栈
Vue3 Vite Vue Router Pinia Three.js Element Plus Axios Echarts WebSocket
地理经济可视化监控平台
项目时间
2025.02 - 2025.06
项目描述
面向区域网格化治理与经济运行分析场景,建设集财源流动、市场主体、重点项目、企业诉求等数据于一体的可视化监控平台,支持大屏总览、地图监控、多层级钻取及业务数据联动。
责任描述
1. 负责首页总览、地图监控、街道/委办局/企业等多层级页面开发,结合 ECharts 实现收入分析、企业统计、项目进度等数据可视化。
2. 基于 Mars2D 实现 GeoJSON 行政区划渲染、地图分级展示、街道钻取及点位联动,支持重点企业、园区楼宇、机关房产等多类业务点位的展示与详情查询。
3. 使用 Pinia、事件总线及弹窗状态管理,实现地图点位、图表、表格与详情弹窗之间的跨组件联动。
4. 沉淀通用弹窗、图表、表格、SVG 图标及全屏容器等基础组件,提升多业务页面的复用效率和开发一致性。
5. 参与 Vite 工程化建设,完成路径别名、SVG 雪碧图、Mock 数据切换、Axios 请求封装及大屏自适应缩放方案。
开发环境
WebStorm GIT
技术栈
Vue3 TypeScript Vite Pinia Ant Design Vue Axios Mars2D ECharts TDesign
川魅酒旗舰店
项目时间
2025.05-2026.04
项目描述
面向品牌直营、渠道分销及推荐官推广场景,构建覆盖 App、微信小程序、平台管理端和商家管理端的多端电商系统,涵盖商品、订单、支付、积分、分销、收益结算等核心业务流程。
责任描述
1. 负责 App、微信小程序等多端核心业务开发与联调,参与商品浏览、分类筛选、购物车、订单创建、支付、售后及物流查询等业务功能建设。
2. 参与推荐官及分销体系开发,实现推荐关系绑定、推广订单归属、佣金收益查询、积分发放及收益记录等业务流程。
3. 对接阿里云人脸识别服务,在支付流程中增加身份核验能力,处理授权、认证结果回调、异常提示及失败重试等场景,提升交易安全性。
4. 参与完成 App 多版本构建、提审及发布,成功上线华为、App Store、小米、应用宝等应用市场。
技术亮点
项目接入阿里云人脸识别服务,在支付流程中增加身份核验能力;同时处理多端一致性、分销规则落地、接口状态流转、移动端交互细节和应用市场发布链路。
技术栈
Vue3 uni-app uView plus JavaScript 微信小程序 阿里云人脸识别
天枢系统
项目时间
2024.09 - 至今
项目描述
面向业务运营和供应链管理的中后台系统,包含基础平台、开发运营系统和业务系统,覆盖商品、订单、库存、结算、报表等模块。
责任描述
独立负责系统前端建设,从项目初始化、模块拆分到业务页面落地都由我推进;按业务域划分模块,抽离通用逻辑,封装多类可复用组件,降低后续重复开发成本。
技术亮点
这个项目体现的不是“做过后台”,而是具备中后台架构思维,能处理模块边界、组件抽象、复杂表单和业务流程的组织方式,让系统可以持续迭代而不是越做越乱。
技术栈
Vue3 TypeScript Vite Pinia Element Plus Ant Design Vue
科研项目管理平台
项目时间
2024.01 - 2024.08
项目描述
本项目旨在实现科研项目全生命周期的数字化管理。平台覆盖科研项目需求征集、项目立项、项目验收、项目资金管理、文档归档等环节;以项目生命周期为主流程,每个环节使用 Flowable 工作流引擎构建子流程驱动项目流程,确保各环节高效流转。平台集成自定义 BPMN 流程编辑器,支持项目审批流程的灵活设计与优化。
责任描述
1. 负责需求征集、项目立项/验收/归档、专项资金、费用管理等多个页面的开发及接口对接;
2. 负责开发 Workflow 编辑器和动态表单编辑器,支持节点动态调整与审批人分配,优化流程,缩短审批时间;
3. 封装 Tinymce 富文本编辑器、文件预览和表格导出等组件,减少重复代码开发,提高开发效率;
4. 二次封装 Element Plus 组件,降低代码冗余程度,提高维护效率。
开发环境
WebStorm Nodejs Mastergo Swagger 文档 GIT
技术栈
Vue3 Element Plus Vite Pinia Axios Vue Router Tinymce
研究生工位管理系统
项目时间
2024.10 - 2025.01
项目描述
面向高校研究生院的数字化管理平台,围绕工位分配、审批、统计、反馈和权限管理构建完整业务流程。
责任描述
负责工位管理、用户管理、审批流转、数据统计与反馈处理等核心模块建设,围绕“工位资源分配 - 审批 - 使用 - 维护”主链路梳理前端业务结构;落地基于 RBAC 的角色权限隔离、 楼宇/楼层/工位多层级数据展示与多条件筛选操作流,并支撑批量添加、清空、延期、清退等高频管理动作,提升系统在复杂校园场景下的可维护性、操作效率与业务闭环能力。
技术栈
Vue3 Vite Pinia Element Plus
速配商铺(小程序)
项目时间
2023.10 - 2023.12
项目描述
速配商铺是一款致力于连接店铺转让双方的小程序。通过小程序,店铺经营者可以方便快捷地发布店铺转让信息,包括店铺位置、面积、租金、转让原因、转让条件等;还提供了速配地图,为用户推荐附近店铺转让信息。用户可以根据需求进行筛选和浏览各类店铺转让等信息,轻松找到附近符合需求的店铺转让或出租等信息;还可以通过小程序直接与店铺经营者进行联系,了解更多店铺信息。
责任描述
1. 负责实现微信授权登录;
2. 带领团队完成项目开发并负责保障其质量优化工作;
3. 负责完成速配地图定位及自动地理定位任务,为用户推荐附近店铺信息;
4. 负责小程序的上线发布流程。
开发环境
HBuilderX 微信开发者工具 微信公众平台 蓝湖 Apipost7 GIT
技术栈
Vue2 uView UI uni-app SCSS
食瞳(小程序)
项目时间
2022.12 - 2023.02
项目描述
食瞳小程序主要为工厂代招商时,对 B 端用户展示工厂代工产品;其中主要有行业新闻、企业需求、需求&创意发布和个人中心等模块。B 端用户可以在小程序中发布自身的创意或者需求,也可以查看对应行业的情况和需求。
责任描述
1. 负责实现微信注册登录;
2. 负责首页产品展示模块、行业&需求模块与个人中心的页面开发与接口对接;
3. 负责小程序的上线发布流程。
开发环境
HBuilderX 微信开发者工具 微信公众平台 蓝湖 Apipost7 GIT
技术栈
Vue2 uView UI uni-app SCSS
高校学院官网开发
项目时间
2022.08 - 2022.11
项目描述
该项目是一个全面展示学校形象的响应式官网,主要有"学院概况"、"党群工作"、"师资队伍"、"教育教学"、"科学研究"、"学生工作"等栏目。其中"通知公告"、"党群动态"等栏目,可以让学生家长更好地了解学校。该官网除了展示学校信息和实现网站的中英文国际化之外,还有资料下载入口,满足用户的学习需求。同时该官网也配有 admin 后台管理网站,可以赋予不同用户的文章发布权限。
责任描述
1. 负责该官网的页面开发与接口对接,为了提高效率,全局采用 Element UI 组件库中的 Layout 进行布局;
2. 使用 DIV + CSS、JavaScript 实现导航栏的布局和动态交互展示效果;
3. 使用 Axios 调用后台接口请求数据,从而进行页面渲染;
4. 使用 Vue Router 进行路由跳转,实现单页面应用程序;
5. 使用 vue-i18n 插件实现网站的中英文国际化。
开发环境
WebStorm Nodejs 蓝湖 Swagger 文档 GIT
技术栈
Vue2 Element UI Vue CLI Axios Vue Router Vue I18n SCSS

在校经历

2020.09 - 2024.06
四川工商学院
计算机科学与技术 / 本科

在校期间系统自学前端技术,并将学习内容沉淀到个人博客。毕业后持续围绕 Vue3 工程化、可视化、跨端开发、模块抽象、复杂组件封装深入实践,形成了自驱学习与持续输出能力。