type
status
date
slug
summary
tags
category
icon
password
URL

郑淏天
前端开发
联系我
📍 北京 · 丰台
📞 13230581682
✉️ haotianzheng03@outlook.com
教育背景
张家口学院
数字媒体技术(本科)
2018.09 - 2022.07
博客
GitHub
专业技能
开发能力
- 前端技术能力:扎实前端语言基础,精通 Vue.js、小程序、uni-app、 React 框架,熟练使用 ElementUI、Ant Design 等主流 UI 框架,深谙组件化开发思路;熟练使用 tailwindcss、Canvas、Echarts、Three.js 等技术,具备良好的响应式布局、性能优化与兼容适配经验。
- 后端技术能力:掌握 Node.js、Python 和 SQL,具备接口开发、调试与表结构设计能力,了解服务器配置与部署,具备良好的全栈视角。
项目管理与跨领域技能
- 全流程项目经验:
- 具备产品思维,独立完成需求分析、功能拆解、原型设计与 PRD 文档编写工作,主导多个项目从 0 到 1 的全流程开发。
- 项目涉及官网、后台系统、数据大屏、小程序、iOS、Android 等多端多类型,服务于教育、医疗、社交等多个行业。
- 具备良好的任务拆解能力与协作意识,曾在多个项目中担任主导角色,协调开发节奏与人员分工,具备较强的执行力与抗压能力。
- 开发工具与 AI 驱动:
- 熟练掌握主流的代码开发工具,熟悉 Photoshop、Illustrator、figma 等设计工具,具备 UI 设计经验。
- 长期探索 ChatGPT、Grok、v0、Dify、Cursor、Midjourney、ComfyUI 等 AI 能力在编码、生图、自动化文档等场景实际应用,具备 AI 驱动开发的敏感度与实战经验,擅长组合工具链提升开发效率。
- 持续学习与技术敏感度:
- 持续关注 GitHub 开源生态与前沿技术演进,积极试用与研究新兴技术与 AI 产品;
- 注重跨学科技能的融合实践,涉猎前端、全栈、AIGC、UI/UX 等多个技术领域,具备良好的技术敏感度与持续学习能力。
工作经历

项目经验
中版教育云平台
项目时间:2023/10 - 至今
项目概述:Web 平台 + 后台系统 + 小程序 + App 的多端教育平台,涵盖语文、书法、有声书内容,融合 AI 与 AR 能力打造的教学平台。
主要技术:Vue3、Vite、ElementUI、uni-app、小程序、Canvas、Ant Design X、Python、AR、Coze API、Cursor、Dify、n8n等。
职责概述
- 多角色负责:作为前端 & 产品经理,负责需求分析、功能规划、产品开发、最终交付全流程,主导 Web、App、小程序共计 4 次大版本重构升级工作。
- AI 开发工作体系建设:推动 AI 能力在团队内部落地赋能,把大模型能力应用于需求分析、原型输出、产品设计、代码编写、代码审核、产品交付全流程,显著提升开发效率与交付质量。
- AI 教学创新融合:基于大模型能力设计并实现多项 AI 教学功能,构建知识点动态扩展、实时问答与智能反馈的完整教学交互链路,推动模型能力向实际教学场景的产品化转化。
- 开发规范建设:搭建并维护开发文档体系,主导组件化开发与组件库建设,制定代码规范和接口标准,提升协作效率与代码复用率。
- 测试与环境资质:编写测试用例并进行单元测试,产出标准化测试清单;重建开发环境及证书体系,统筹对接商务资质,保障产品上线。
移动端
2.0 维护版本
- 结构化梳理与单元测试:通过 DeepWiki 自动生成初始项目文档,通过文档辅助梳理项目结构与模块依赖,编写完整测试用例,输出问题清单,推动后续 bug 修复工作开展。
- AI 辅助工具链路:主导高耦合旧代码的模块化重构,借助 Cursor 辅助分析历史代码逻辑,快速定位与解决关键 BUG,显著提升代码规范与可维护性。
- 开发环境与业务流程重建:重配开发证书与环境,解决因权限、平台配置导致的问题。补齐分发平台商务材料,推动产品重新上线。
3.0 重构改版
- 项目重构与需求协同:梳理产品需求,输出结构化文档;主导项目整体重构工作开展,与设计协调沟通,采用模块化开发策略,并高保真还原设计稿,结合技术方案优化交互冲突。
- 跨端开发与 AI 辅助维护:
- 主导项目整体重构,采用模块化开发策略,提升产品稳定性与高可维护性。
- 构建插件化的代码转换链路,实现小程序与 uni-app 之间的双向转译,打通App、小程序间的代码复用,节省约 1.5 倍开发工时,提升交付效率与代码一致性。
- 通过智能体解析小程序修改并转换为 uni-app 语法,实现跨端修改同步更新,有效降低了更新维护成本。
Web 端
2.0 重构改版
- 多角色协同主导:承担开发、产品、设计多角色分工,以产品视角拆解业务需求,输出原型与需求文档;主导视觉设计,提升交互并引入动效;基于技术可行性不断优化产品逻辑,并高精度设计还原。
- 多 AI 协同赋能项目重构:
- 通过 Grok Thinking 进行架构可行性分析与技术选型优化;
- 使用 v0 快速生成原型,借助 ComfyUI 批量生成统一风格的 icon 素材;
- 通过 Cursor Agent 实现跨模块组件替换与代码统一化处理,极大提高了重构效率与准确性。
- 通过 CodeRabbit 进行 AI 代码审查流程,实时生成审查建议并建立预警机制,提升代码质量。
- 大型代码库的 AI 维护机制:借助 Gemini 深度思考梳理 DeepWiki 文档,实现知识沉淀与可视化,输出规范化 Rules 供 Cursor 参考,提升 AI 对于大型项目开发的规范性、维护性与解耦度。
3.0 反馈优化
- 结构优化与视觉聚焦:基于教学场景反馈,主导 3.0 优化,通过压缩页面层级、改进页面布局,提升信息展示密度与操作便捷性。
- 推动接口服务重构与标准化建设:梳理前端接口需求并撰写对接文档,引导后端完成接口逻辑重构;全过程跟进联调与问题排查,推动接口文档标准化建设,显著提升前后端协作效率。
- 多租户版本维护策略:基于 Git 分支策略维护多个定制化平台版本,通过 cherry-pick 快速同步修改,显著降低重复开发成本与维护难度,提升多租户场景下的交付效率。
突出功能点
AR 拍照识字与评价
- 编写 Python 脚本对教材进行批量采集上传。
- 利用 canvas 实现拍照区域裁剪,转换 base64 图片并调用 OCR 接口识别页码,返回汉字信息。
- 调用文心 API 文本识别、JS去重、判定书写正确率,生成自动反馈与评价建议。
AI 对话
- 利用 Cursor 快速搭建 AI 对话功能,接入 doubao + DeepSeekV3,并且跨 Web、App 和小程序。
- 支持语音输入与 AI 语音应答,实现语音转文字 → AI 回答 → ChatTTS 合成音频闭环;
- 利用 Prompts 搭建定制化智能体,使其专注于语文问答,并为用户提供精准建议与问题引导。
- 引入 Dify 工作流调用接口,获取数据库数据配合大模型能力输出回答,提升内容权威性与响应深度。
AI 搜索
- 构建面向语文的 AI 搜索工作流,打通自然语言提问与数据索引之间的壁垒。
- 语音识别出用户问题,结合关键词抽取智能体,将语音转化为关键词,
- 调用扩展型智能体对关键词做发散性扩展,提供更多的举例,引导用户选择。
- 调用搜索接口,获取相关数据并页面展示。
AI 划词问答
- 注册全局组件监听用户划词操作,提取划词内容调用语文智能体,实时返回解答知识点。
- 同步触发扩展智能体,基于原始语义生成延伸性问题,引导学生进一步提问。
- 通过划词即问机制,将教学系统的固定知识点转换为动态知识入口,提高了数据的知识延展性和产品的交互体验,构建具备实时响应能力的 AI 教学助理。
在线听写
- Python 脚本自动化读取目录与生字,利用ChatTTS合成朗读生字音频,并建立数据库索引。
- 实现多轮朗读 + 倒计时机制,构建仿真实听写场景。
- 联动 OCR 文字识别、数据库索引 、AI 智能体,实现准确率计算。
- 支持与纸质教材二维码跳转绑定,实现数字内容与物理教材联动体验,打造沉浸式学习路径。
HTML 转换自动化工具链:
- 利用 Python 将 Word 文档内容提取至 CSV,轮询请求 Dify 工作流接口,并行调用预设 Prompt 的大模型生成 HTML 内容,存储在 JSON 文件中;
- 通过 Python 脚本读取 JSON 批量生成 HTML 页面至指定目录,形成内容提取 → 解析 → 生成的自动化流程。累计处理超 6 万条数据,大幅提升内容生产效率与标准化水平。
中版语文教学小程序系列(湖美好字帖等 7 款)
项目时间:2024/01 - 至今
项目概述:基于数字资源为出版客户定制开发语文教学小程序,配套纸质教材发行,集成拍照识字、AI 对话等功能,助力传统出版产品向数字化升级。
技术栈:小程序、uni-app、VantWeapp、Python、AR、OCR、Coze API、ChatTTS、Cursor、Dify 工作流、ffmpeg、v0
职责概述
产品规划与管理
- 差异化需求落地:主导竞品调研与需求对接,制定不同小程序差异化定位,输出原型设计、需求文档,定义接口结构。
- AI 开发体系复用:延用已落地的 AI 开发体系,实现智能化开发与高效交付。
- 运营协同与发布管理:负责 App 与小程序的上架流程与商务对接,确保产品按期合规上线交付。
高效开发与技术落地:
- 组件化快速开发:基于中版教育组件体系,实现多套小程序的开发复用与功能移植,结合项目需求定制优化,整体开发周期缩短约 40%。
- AI 教学功能集成落地:将拍照识字、语音对话、智能听写等 AI 教学模块的跨项目复用集成,提升特色功能的落地推广能力。
- 批量资源处理工具链:使用 Python 脚本与 ffmpeg 实现大批量视频的自动处理,为客户通过定制化资源泛式。
- 跨平台能力延伸:借助即有经验与 AI 工作流完成 iOS 版本适配与发布,提升项目产品线的整体触达能力。
运营优化与产品迭代:
- 用户反馈收集与分析:持续跟踪产品上线后的运营表现,通过用户调研和甲方反馈识别改进机会,制定针对性优化方案。
- 功能迭代与创新探索:深入挖掘语文教学领域潜在需求,推动教学产品的功能扩展与创新,探索更多商业化场景,提升产品优势。
关键成果
- 多产品并行交付:通过统一组件体系和模块化架构设计,主导开发并成功上线 7 套语文教学类小程序,实现核心功能在多项目间的高效复用与定制扩展,保障多条产品线稳定交付。
- AI 开发体系经验复用:延用中版教育云平台的 AI 开发经验,复用智能化开发流程,实现代码处理自动化、文档结构标准化与资源生成高效化,整体开发效率提升约 40%。
- 推动客户智能化转型:通过小程序开发与 AI 教学模块落地,将纸质教材与扫码听写、拍照识字等功能深度绑定,推动传统出版类教学产品向数字化、智能化转型,显著提升用户互动体验与产品附加值。
中版 ERP 应用软件
项目时间:2023/11 - 至今
项目概述:面向出版行业的大型 ERP 系统,涵盖编辑、编务、出版、财务、发行、库存、OA 等多个核心业务模块,涉及多角色权限协同与高度定制化的业务流程,具备较高的行业专业性与系统复杂度。
技术栈:Vue3、Vite5.2、Pinia、Element Plus、AntvX6、Canvas、ECharts、Qwen2.5(私有化大模型)
职责概述
系统开发与架构优化
- 模块化开发:负责编辑、编务、财务等关键业务模块的全流程开发,建设标准组件库与协作代码规范,提高协同开发效率与代码复用性。
- 多角色权限设计:联合后端搭建多层级、多角色的权限控制体系,实现按角色/组织/业务节点的多维权限控制逻辑,确保系统安全性、可扩展性与业务隔离性。
- 交互流程设计:主导预设了产品设计语言,与产品共创核心交互方案,多次优化项目的页面结构与操作路径,确保美观易用相统一。
- 可视化体系建设:基于 AntvX6 搭建流程图引擎,支持业务流程的可视化配置与节点管理,提升流程管理效率与灵活性;同时结合 ECharts + Canvas 实现多层级数据聚合与图表联动,满足不同角色对业务指标、流程状态的实时洞察与决策支持需求。
需求梳理与产品协作
- 旧系统反向拆解:通过数据库结构分析、业务操作观察、交互行为还原,反向拆解旧系统业务逻辑,辅助产品经理输出完备的需求文档。
- 高质量文档交付:与多方沟通明确功能需求与技术可行性,输出 API 需求、流程图、功能说明书等规范文档,提升产品与技术团队的协同效率。
智能化赋能
- 系统级 AI 助手构建:基于私有化部署的大模型 Qwen2.5,结合出版商本地知识库,实现系统说明、功能指引与操作咨询等基础问答能力,构建“使用说明书”级智能助手;同时集成 Dify 工作流,联接请求接口服务,实现对业务数据与系统状态的实时查询与分析,打造集知识理解与数据追踪于一体的系统级智能交互能力,显著降低用户学习成本与运维支持压力。
- AI 审批流程协同辅助:面向出版行业选题审批场景,构建由多模型协同组成的 LLM 审查机制,基于预设 Prompts 分别从材料完整性、合规性与潜在风险等维度进行并行分析,最终聚合多方结果生成针对性审批建议与预警提示。该机制显著提升了审批准确性与响应效率,协助业务角色做出更高质量的审批决策。
关键成果
- 核心模块交付与需求反推协作:主导编辑、编务、财务等核心业务模块的全流程开发交付,涵盖需求拆解、流程建模与功能实现;同时协助产品经理对旧系统进行反向拆解,提炼结构化需求文档,推动多方协作与业务澄清,构建面向出版行业的标准化 ERP 模块体系,提升系统一致性与扩展能力。
- 智能化系统能力建设:构建私有化部署的大模型助手与 AI 审批协同机制,融合本地知识库与 Dify 工作流,实现系统说明、数据查询与智能审核建议等能力,大幅提升用户支持能力与审批决策质量。
- 可扩展架构与权限体系:设计并落地组件化架构与模块化开发体系,支撑系统在多业务模块下的高效扩展;同时搭建业务流程图引擎与图表联动机制,构建从流程配置到数据洞察的可视化能力闭环;配套设计多维度权限模型,实现多角色、多组织场景下的灵活权限配置与数据隔离,保障系统扩展性、安全性与业务适配能力。
- 行业数字化价值落地:通过构建可配置流程引擎和智能审批能力,打造出版业数字化转型的一体化 ERP 系统,,为出版行业提供全流程、高效能的管理平台。
量化投资小程序
项目时间:2024/09 - 至今
项目概述:全栈开发的基金量化分析小程序,支持用户核算持股收益,融合 LLM 大模型实现行情解读与数据分析,帮助用户构建清晰的投资认知与量化视角。同时集成健康、实用工具等模块作为辅助功能。
技术栈:小程序、Node.js、Python 、MySQL、Cursor、Windsurf、Dify 工作流、v0、Grok、Gemini、LiblibAI、LoRA 等
产品背景与目的
- 满足个人投资中对资金分配、交易记录与持仓管理的需求,融合 LLM 大模型提供智能化的基金数据解析与决策支持。
- 作为全栈开发的探索项目,借助 AI 工具降低开发门槛,提升后端服务设计、数据库架构与 Linux 运维能力。
职责概述
- 产品系统性规划:将需求构思整理为标准化 PRD 文档,借助 Grok Think 分析技术可行性,为开发提供清晰依据。
- 统一设计语言建设:基于 shadcn/ui 自建组件库,设计极简、高对比度视觉体系;结合 v0 生成页面原型,快速验证设计并加速前端开发;使用 LoRA 模型生成插图与图标素材,提升整体视觉一致性与设计响应效率。
- 数据库表设计:规划主从表及字段关联,利用 ChatGPT 优化字段设计,生成标准 SQL 并沉淀至 AI 知识库用以贯通上下文,提升数据库设计的一致性与查询效率。
- 后端接口设计与开发:基于前后端统一语言优势,选用 Node.js + Express.js 构建接口服务框架;借助 Cursor + MySQL MCP 插件打通数据库与代码编辑环境,使 AI 结合数据表结构生成接口逻辑、构造查询语句,降低开发门槛并加快服务搭建速度。
- 前端开发与交互实现:使用 Windsurf 高保真还原设计稿,批量生成页面初稿并按需选取 DOM 结构微调交互细节;通过读取后端接口代码自动生成请求结构与数据绑定逻辑,整体采用“AI 驱动 + 人工优化”的开发模式,显著提升页面构建效率与前端结构一致性。
- 环境配置与自动部署:完成云服务器、数据库与 API 网关的运行环境配置,构建 Node.js 服务部署流程,并结合 Git 实现自动化部署机制,保障系统的稳定上线与持续迭代能力。
基金量化产品架构
实时行情抓取与量化指标计算
基于 efinance 构建多日 / 分时 K 线数据、资金流向与指数行情的定时抓取能力,并通过 Python 实现 RSI、MACD、均线、波动率等主流技术指标计算,进一步计算基金与大盘指数的相关性、支撑阻力点等关键指标,为后续 LLM 分析提供结构化数据支撑。
持仓系统构建与逻辑校验
反推同花顺持仓与收益计算模型,自建数据库实现持仓管理、买卖记录、收益核算等核心功能的增删改查与批量处理;通过 Grok Think 分析不同核算逻辑的可行性,解决交易周期复杂、成本价回溯、精度误差等问题,最终实现与行业标准一致的收益计算体系,为个性化量化分析提供可信的数据基础。
Dify + LLM 量化分析助手
基于 Dify 搭建量化分析工作流,多维度融合调用 Gemini + Grok 对 ETF 技术指标、大盘趋势、资金流向与支撑阻力位进行深度解析;结合用户持仓数据生成个性化分析报告与交易建议,并集成至小程序端,实现从实时数据 → 持仓情况 → 智能分析 → 用户决策的产品闭环。
健康摄入产品架构
食品数据采集与数据库构建
利用 ChatGPT 辅助完成数据库字段规划和标准 SQL 生成,构建了合理的食品表数据结构。基于 Python + Selenium 搭建自动化爬虫系统,通过 AI 优化策略和容错机制,成功采集并注入超 10 万条食品数据。开发维护接口,实现食品信息的增删改查操作。同时开源两套通用爬虫脚本,提高了工具复用性和社区共享价值。
健康指标计算与数据体系搭建
构建用户身体信息与营养摄入的数据模型,支持 BMI、BMR、TDEE 等核心健康指标的自动计算,实现每日摄入食品与营养构成的标准化记录,并建立食物-营养-摄入-体重的动态关联机制。
摄入追踪与智能反馈体系构建
实现饮食记录、健康数据录入与体重变化可视化交互模块,引入 LLM 模型对用户营养摄入进行分析与建议生成,构建从数据采集 → 行为建模 → 智能反馈的健康管理闭环。
健康衍生产品-原研手册小程序
敏锐捕捉原研药查询的政策需求,利用 GitHub 数据源清洗并导入数据库,搭建后台服务并开发原研药信息查询小程序,成功实现热点引流与精准获客。
关键成果
- 前后端 AI 协作式开发闭环:借助 Cursor + MCP 插件打通数据库结构与接口逻辑生成,通过 v0 快速生成页面原型,并基于 Windsurf 构建统一组件库实现高保真的页面开发;随后基于接口定义自动生成请求结构与数据绑定逻辑,显著提升开发效率与前后端协作闭环能力。
- 开发支持高一致性计算的持仓核算系统:反向建模主流平台(同花顺)收益计算逻辑,结合 Grok Think 优化成本回溯算法与精度控制机制,实现全流程买卖记录与收益计算,保障数据可用性与一致性。
- 构建 AI 驱动的量化投研体系:以 Dify + Gemini 为核心搭建多阶段分析流程,实现基金技术指标、大盘走势与资金流的自动化解读;融合用户持仓生成个性化报告并在小程序端交付,打通“实时数据 → 智能分析 → 投资建议”闭环。
- 落地多维健康数据建模系统:设计用户身体信息与营养摄入双数据模型,支撑 BMI、BMR、TDEE 等指标自动计算与摄入追踪;引入 LLM 实现营养结构分析与个性化健康建议生成,构建健康管理闭环。
- 构建多业务场景的结构化数据体系:围绕营养摄入、投资持仓、药品信息等垂直场景,设计高内聚可扩展数据库模型,完成多个多表关联与跨业务模块查询能力,为业务迭代与 AI 接入奠定数据基础。
校园急救云平台
项目时间:2022/06 - 2023/09
项目概述:一站式校园急救教育云平台,覆盖从教学、学习、考试、数据分析到设备管理的完整闭环,包含 8 个子项目,支持 Web 端、小程序与 IoT 实体设备的多端协同运行。平台服务对象包括学生、教师与管理人员,聚焦急救教育的数字化教学场景。
主要技术:Vue3、Vite、ElementUI、Ant Design Vue、Echarts、小程序、VantUI、Canvas、PDF.js、WangEditor、autofit.js
职责概述
- 全流程项目主导:主导 8 个子系统 从 0 搭建至上线,全面负责开发流程管理与关键技术决策,保障平台稳定、高效落地,支撑业务持续增长。
- 架构与组件体系建设:主导前端架构模块化拆分与职责隔离,构建统一的基础设施与组件体系,采用配置驱动与组件复用策略,沉淀通用表单、权限控制、图表等核心组件,显著提升开发效率与系统一致性。
- 技术升级与性能优化:推动项目升级为 Vue3 + Vite 技术栈,引入 Composition API 与动态组件机制,优化代码组织结构与逻辑复用;针对低性能设备与弱网场景,实施图片、路由懒加载与图表轻量渲染策略,提升平台整体性能与响应速度。
- 质量保障与交付协作:负责撰写测试用例、接口联调文档,完成功能验收与性能测试,将重大缺陷率控制在 1% 以下,保障平台稳定上线运行。
子系统架构
学生学习端
- 在线考试系统:独立设计题库结构与前端答题流程,实现多题型支持(单选/多选/填空),并接入自动批改与结果分析模块。
- 自主学习与笔记功能:结合 Canvas 绘图、视频加密及 Office Online,构建具有课件讲解、笔记记录能力的学习平台。
- 图表可视化展示:针对移动端性能优化,使用原生 CSS 实现轻量化成绩可视化图表(柱状图、点状图),提升加载性能与交互流畅度。
教师授课端
在 Web 端实现了 PPT 播放效果的在线授课系统,采用 Canvas 绘制、PDF.js 解析等技术手段构建课件播放系统,结合 DRM 加密、调试防控、F12 禁用等机制,实现教学资料的版权加密保护,在保障内容安全的同时提供接近 PowerPoint 的演示体验。
急救小程序
兼容学生学习端功能,数据与 Web 同步;增加 3D 模型交互式急救学习功能,用户可点击对应器官部位查看急救知识点,提升学习趣味性与沉浸感。
急救管理后台
支持多角色权限配置、账号管理、题库组题、活动流程配置等核心业务功能,提供可配置的通用组件库,提升后台系统扩展能力。
急救管理后台
采用模块化配置架构,支持多角色权限体系、账号管理、题库组题与活动流程配置等核心能力;系统具备高扩展性与高维护性,便于后期功能快速迭代与业务定制。
数据大屏与报表系统
- 使用 Echarts + autofit.js 设计响应式数据展示大屏,适配多种终端与分辨率,提供实时数据分析与可视化反馈能力。
- 提供多维度数据筛选与趋势分析视图,结合图表与 Table 数据联动展示,助力决策支持。
设备管理小程序:
参与设计设备激活方案,通过扫码激活设备、蓝牙连接空开,支持定位、远程控制等 IoT 管理场景,提升设备运维效率。
渠道培训系统:
拓展合作方培训场景,复用在线学习模块,为第三方人员提供标准化培训流程支撑。
中医科学院门户培训平台
项目时间:2023/06 - 2023/09
项目概述:面向国际用户的多语言培训门户平台,支持内容展示、在线报名、课程学习与考试认证,具备多端适配与全球支付能力,服务于中医国际推广培训场景。平台采用 Vue3 技术栈,集成多语言与多币种支付通道,支撑多国用户的线上学习体验。
技术栈:Vue3 + Vite + ElementUI、i18n、微信支付、Paypal、Canvas、Print.js
职责与成果
- 需求对接与架构设计:深入理解用户需求,负责系统架构设计及前端开发工作,独立完成页面设计、开发与上线交付。
- 移动 / Web 端响应式开发:设计并实现高度响应式页面,适配多尺寸终端设备,显著提升系统兼容性与视觉一致性。
- 国际化能力建设:使用 i18n 与 Element Plus 国际化方案,实现平台四种语言(中、英、法、西)之间的动态切换,支持多语言数据管理与动态文本绑定,满足国际化培训推广需求。
- 全球支付集成:集成微信支付与 Paypal 双通道支付能力,兼容移动端与桌面端支付流程,提升订单支付体验与转化效率,扩展平台全球市场覆盖率。
- 管理系统建设:支持门户网站内容的动态发布与管理,实现页面内容、培训项目、课程模块等配置化,便于客户在后台自主维护产品内容与培训信息,降低运维成本。
- 数字化考试与证书系统建设:
- 使用 Canvas + Print.js 构建在线试卷渲染与答题打印模块,支持动态内容生成与高精度打印输出;
- 开发在线课程证书自动生成与导出功能,实现 PDF/图像格式导出的一致性,提升平台专业感与用户粘性;
- 优化试卷生成渲染性能,确保页面渲染与生成文件保持 100% 一致,提升整体使用体验。
北外壹佳项目
项目时间:2022/09 - 2023/09
项目概述:涵盖 UNICLUB 教育小程序与题库管理后台系统两大核心模块,致力于提升教学管理效率、支持在线教务运营,并满足对未成年用户的合规保护与数据安全要求。
技术栈:React、TypeScript、Ant Design Pro、小程序、vuedraggable
职责概述
项目协调与需求管理
- 与产品、设计及后端团队保持高频沟通,参与需求评审与技术评估,推动项目工期拆分与职责划分。
- 快速响应反馈与变更,优化开发与联调流程,确保项目按期上线交付。
外研壹佳UNICLUB
- 负责小程序核心模块开发,包括课程学习、用户注册与管理、活动报名等功能。
- 合规性设计:针对未满 14 周岁的用户,基于国家数据安全法规设计合规流程,包括信息授权、身份校验、内容隔离等机制,确保平台合法合规运行。
题库管理后台
- 使用 React + Ant Design Pro 构建后台管理系统,实现题目编辑、分类管理、试卷组卷等完整教学内容配置流程。
- 试卷组题:集成 富文本题目编辑器,支持题干插图、公式输入等复杂格式,实现题目组合与拖拽功能,基于 vuedraggable 构建模块化组卷界面,满足教培场景下的教学内容录入。
- 跨框架项目融合:利用浏览器 localStorage 通信机制,解决 React 主系统与 Vue 子模块之间的数据同步问题,实现跨框架间的无缝数据传递;接入 jsPDF 组件,实现答题卡模板的自动生成、预览与下载,支持线下场景教学需求。
北服图书馆数字化平台
项目时间:2022/04 - 2022/07
项目概述:基于 ThinkPHP5 开发的门户展示网站及管理后台,支持图书信息、毕业设计作品等内容的展示与管理,帮助图书馆实现数字化内容管理与高效信息发布。系统基于 ThinkPHP5 + Layui 开发,部署于 Tomcat 服务环境。
技术栈:ThinkPHP5、Layui、MySQL、Tomcat
职责与成果
- 系统开发与协作维护:参与基于 PHP + Layui 的前后端协同开发,负责多个功能模块的迭代与维护,熟练掌握数据库增删改查与表结构设计,提升了全栈协作与业务理解能力。
- 性能瓶颈优化:针对首页数据加载慢的问题,分析慢查询日志与接口响应路径,设计并实现中间表机制,优化原始查询逻辑,将页面加载时间从 8.5s 降至 1.9s,提升约 70%,显著改善用户体验并降低服务器负载。
- 交互体验与组件优化:熟练运用 Layui 组件库,优化前端表格、分页、搜索等交互逻辑,提升整体界面友好度与交互效率。
关键成果
- 掌握基于 ThinkPHP5 框架的后端开发流程,强化数据处理与接口联调能力;
- 运用数据库中间表与分层查询策略,有效解决查询性能瓶颈,具备基础性能调优能力;
- 增强了对前后端联动机制的理解,为后续在更复杂项目中的全栈协作打下基础;
- 项目落地提升图书馆数字化运营能力,为校内用户提供更高效的信息检索与访问体验。
嘉善政务管理系统
项目时间:2021/06 - 2022/04
项目概述:为嘉善本地政务系统提供统一后台管理平台,支持政务审批、内容管理、数据可视化展示等核心功能,并配套开发面向公众的小程序端,提升整体数字化政务服务水平。
技术栈:Vue2、Element UI、ECharts、Antv G6、uni-app
职责与成果
- 需求分析与原型设计:与甲方深度沟通业务场景,梳理核心流程,独立完成产品设计与原型图输出,确保开发目标与业务需求高度一致。
- 多端开发与系统优化提升:主导 Web、App、小程序三端开发,解决多端兼容性与组件适配问题;同时进行项目结构重构与通用组件封装,显著提升系统可维护性与开发效率;并基于 ECharts 与 AntV G6 实现数据图表与流程图组件,增强平台的数据可视化能力与业务洞察价值。
- 数据交互与性能优化:负责前后端接口联调与数据逻辑处理,优化数据加载性能,提升页面响应速度与交互流畅度。
项目亮点
- 精通 Vue2 技术栈与组件体系,灵活定制 Element UI 与第三方图表库,优化用户交互体验;
- 熟练掌握 uni-app 跨端开发流程,解决平台兼容性问题,提升系统覆盖能力;
- 强调代码工程化与组件解耦设计,有效提升开发效率与后续迭代扩展能力;
- 具备较强的政务系统业务理解能力,能够高效对接甲方需求并快速落地交付。
北工大数据融合与可视化平台
项目时间:2021/09 - 2022/05
项目概述:基于 Vue3 构建的高效数据融合与可视化系统,覆盖数据导入、流程建模、分析处理与多维大屏展示等关键流程。通过可配置化流程引擎,实现数据自动化处理;并提供可定制的可视化大屏编辑功能。
技术栈:Vue3、Vant、ECharts、Antv G6、easy-flow
职责与成果
- 核心功能全流程开发:深度参与架构设计与前端开发工作,解决流程建模与组件通信等关键难点,确保项目高质量交付。
- 流程建模模块实现:基于 easy-flow 深度定制开发流程编辑器,支持节点的创建、拖拽、连线、组合与配置,构建“可视化 + 配置驱动”的数据处理流程引擎,显著提升系统的数据自动化处理能力。
- 可视化大屏自定义构建: 设计并实现大屏搭建模块,支持图表组件的拖拽布局、缩放排布、样式配置与交互绑定,打造灵活的可视化搭建体验,提升用户数据呈现自由度与交互性。
在中,承担前端核心开发及系统设计职责,全面参与从需求分析、原型设计到前端架构、组件封装、性能优化的完整流程。具备扎实的技术实现能力与良好的产品思维,在多端融合、数据可视化、性能调优及工程化方面积累了丰富经验。
- 平台构建与协同调优:
- 深度参与多个政府、高校数字化平台项目的前期需求梳理与原型设计,具备将业务目标快速转化为技术方案的能力。
- 主导跨端项目开发,推动通用组件库、可视化图表、工作流引擎开发,推动前端架构多元化、配置化方向演进。
- 性能调优与后端协同优化能力:
- 具备体系化的前后端协作意识,推动接口设计规范化与联调流程标准化,提升开发效率与系统可维护性;
- 在全栈协作场景中具备良好的跨职能沟通能力,可高效协调产品、后端与测试团队,保障需求快速落地。
- 前后端协同机制,提升开发效率与可维护性。能够胜任全栈沟通场景与接口联调流程。
- 独立完成性能瓶颈定位与系统调优,具备良好的 SQL 数据库基础,能够协同后端进行高效查询优化,具备跨语言技术协作与调试能力。
具备体系化的前后端协作能力,推动接口设计规范化与联调流程标准化,提升开发效率与系统可维护性;
具备独立完成系统性能瓶颈定位与优化的能力,熟悉数据库结构设计与查询调优,能够通过中间表设计、数据结构重构等手段实现高性能响应;同时适应 PHP + Vue 等多语言混合技术栈,具备跨语言调试与系统协同能力。
- 多端适配与跨技术协同:解决多端样式与组件兼容性问题;协同后端团队完成基于 PHP + Layui 的系统优化与接口对接,具备较强的技术适应能力与多语言环境协作经验,
- 性能优化与后端协同调优:独立完成首页性能瓶颈分析与数据库查询优化,通过设计中间表、简化数据结构,将页面加载速度优化超 70%,具备一定的后端数据优化与系统协同能力。
- 产品思维与业务理解力:,善于在需求不明确或迭代频繁的环境中保持技术交付质量,为产品落地提供稳定支撑。