王CTLife
前端开发工程师
上海普华科技 · 5年经验
日薪：
￥600/8h
地点：
天津 全区
时间：
下班后周六周日
信用行为
0
接单数
0
评价数
0
收藏数
技术能力
1. 熟悉HTML5、CSS3，熟练运⽤ Less/Sass 预处理器；深谙 HTML 语义化规范，可独⽴完成响应式⻚⾯开
发，具备丰富的浏览器兼容性适配经验，夯实前端⻚⾯搭建基础。
2. 熟练掌握 Vue 全家桶技术，熟悉Vue2 与 Vue3 项⽬实战开发，深⼊了解双向绑定、⽣命周期等核⼼底层原
理，学习能⼒强，可快速适配转型 React 框架进⾏项⽬开发。
3. 熟练使⽤ jQuery 完成各类项⽬开发，⾼效实现 DOM 节点操作、原⽣事件绑定、⻚⾯动画渲染及通⽤表单校
验，可快速开发结构复杂的传统业务⻚⾯。
4. 熟悉微信⼩程序原⽣开发与 uni-app 跨端开发流程，熟悉项⽬整体架构搭建、分包优化、跨端兼容处理，能够
独⽴搭建⾼性能、易维护的多端适配应⽤。
5. 熟练使⽤ Element UI、Ant Design、iView 等主流 UI 组件库，结合实际业务需求完成组件改造、样式定制与
通⽤业务组件⼆次封装。
6. 熟练运⽤ ECharts 完成⼤数据可视化开发，可根据业务场景定制开发折线图、柱状图、饼图、热⼒图、散点
图等各类图表，实现数据直观展⽰与交互优化。
7. 熟练运⽤基于 Three.js 实现 Web 端三维可视化功能，适配 GLTF/GLB 模型导⼊，开发物体拾取、动画播
放、视⻆切换等交互逻辑，优化 3D 场景渲染性能。
8. 熟练搭建前端开发环境，熟悉 NVM 版本管理Node.js版本切换以及安装、NPM 包管理⼯具配置与⽇常使⽤，
熟悉项⽬依赖管理与环境调试。
9. 擅⻓借助 Cursor、Trae 等 AI 开发⼯具提效，可利⽤ AI 快速⽣成业务代码、定位并修复前端 Bug、梳理复
杂业务逻辑、优化代码结构与性能，辅助⽣成注释、接⼝⽂档；也可借助⼯具排查、修复后端漏洞与异常问
题。
10. 具备全栈基础能⼒：掌握 Java SpringBoot 基础开发，熟悉 Node.js Express、Koa 后端框架；熟练编写
SQL 复杂查询，可实现多表联查、统计分组、条件筛选等数据库操作，能独⽴开发后端接⼝、完成前后端联
调落地业务。
11. 熟练掌握 Git 版本控制⼯具，熟练使⽤ Git Bash 命令⾏与 Sourcetree 可视化⼯具，精通团队分⽀创建、代码
拉取、合并提交、冲突解决等标准化代码管理流程。
发，具备丰富的浏览器兼容性适配经验，夯实前端⻚⾯搭建基础。
2. 熟练掌握 Vue 全家桶技术，熟悉Vue2 与 Vue3 项⽬实战开发，深⼊了解双向绑定、⽣命周期等核⼼底层原
理，学习能⼒强，可快速适配转型 React 框架进⾏项⽬开发。
3. 熟练使⽤ jQuery 完成各类项⽬开发，⾼效实现 DOM 节点操作、原⽣事件绑定、⻚⾯动画渲染及通⽤表单校
验，可快速开发结构复杂的传统业务⻚⾯。
4. 熟悉微信⼩程序原⽣开发与 uni-app 跨端开发流程，熟悉项⽬整体架构搭建、分包优化、跨端兼容处理，能够
独⽴搭建⾼性能、易维护的多端适配应⽤。
5. 熟练使⽤ Element UI、Ant Design、iView 等主流 UI 组件库，结合实际业务需求完成组件改造、样式定制与
通⽤业务组件⼆次封装。
6. 熟练运⽤ ECharts 完成⼤数据可视化开发，可根据业务场景定制开发折线图、柱状图、饼图、热⼒图、散点
图等各类图表，实现数据直观展⽰与交互优化。
7. 熟练运⽤基于 Three.js 实现 Web 端三维可视化功能，适配 GLTF/GLB 模型导⼊，开发物体拾取、动画播
放、视⻆切换等交互逻辑，优化 3D 场景渲染性能。
8. 熟练搭建前端开发环境，熟悉 NVM 版本管理Node.js版本切换以及安装、NPM 包管理⼯具配置与⽇常使⽤，
熟悉项⽬依赖管理与环境调试。
9. 擅⻓借助 Cursor、Trae 等 AI 开发⼯具提效，可利⽤ AI 快速⽣成业务代码、定位并修复前端 Bug、梳理复
杂业务逻辑、优化代码结构与性能，辅助⽣成注释、接⼝⽂档；也可借助⼯具排查、修复后端漏洞与异常问
题。
10. 具备全栈基础能⼒：掌握 Java SpringBoot 基础开发，熟悉 Node.js Express、Koa 后端框架；熟练编写
SQL 复杂查询，可实现多表联查、统计分组、条件筛选等数据库操作，能独⽴开发后端接⼝、完成前后端联
调落地业务。
11. 熟练掌握 Git 版本控制⼯具，熟练使⽤ Git Bash 命令⾏与 Sourcetree 可视化⼯具，精通团队分⽀创建、代码
拉取、合并提交、冲突解决等标准化代码管理流程。
项目经验
2026-01 〜 2026-03 健⾝房管理系统 全栈开发⼯程师
项⽬描述：
前后端分离的健⾝房业务管理系统，包含管理员端与会员端双⻔户。管理员可进⾏会员、员⼯、器材、课程及报
名信息管理；会员可查看个⼈信息、报名选课、管理已报课程，并使⽤ AI 健⾝助⼿获取训练与饮⻝建议。后端提
供 RESTful API 与 Session 鉴权，前端为 Vue 3 单⻚应⽤，通过 Axios 与后端联调，⽀持本地完整运⾏。
技术栈：
前端： Vue 3、TypeScript、Vite、Vue Router、Element Plus、Axios
后端： Spring Boot 3、Java 17、MyBatis、MySQL 8、RESTful API、DeepSeek API
核⼼⼯作：
按前后端分离架构设计，后端采⽤ Controller / Service / Mapper 分层，前端采⽤路由 + ⻚⾯组件 + API 封装
实现管理员与会员双⻆⾊登录、登出及 Session 拦截鉴权，前端路由守卫配合后端校验会话状态
开发会员、员⼯、器材、课程、报名等 6 ⼤业务模块的增删改查与业务逻辑（会员卡查询、选课、退课等）
统⼀封装 Axios 请求模块，配置跨域携带 Cookie，实现前后端 Session 登录态保持
基于 Element Plus 搭建管理端数据看板、表格表单⻚及会员端聊天、选课等 20+ ⻚⾯
集成 DeepSeek ⼤模型，将会员已报课程信息注⼊ Prompt，实现个性化健⾝咨询
AI 应⽤开发：
集成 DeepSeek API，封装 ChatService 完成健⾝咨询对话
设计 双层 Prompt 策略：System Prompt 定义助⼿⻆⾊与回答规范；User Prompt 动态注⼊会员已报课程信
息
实现 业务上下⽂增强：从 Session 获取会员⾝份，查询数据库课程记录，拼⼊「系统补充信息」，使 AI 结合
个⼈课表给出训练建议
采⽤ Controller 拼 Prompt + Service 调模型 分层，业务数据与 AI 调⽤解耦
项⽬成果：
完成 6 ⼤业务模块、30+ REST 接⼝、20+ 前端⻚⾯的开发与联调
实现双⻆⾊权限控制，未登录⾃动跳转对应登录⻚，保证访问安全
管理员登录后⾃动统计会员、员⼯、器材数量，⾸⻚数据实时展⽰
打通 AI 聊天全流程，会员可基于个⼈课程安排获取可执⾏的健⾝建议
2026-03 〜 2026-06 旅游推荐ai助⼿ 全栈开发⼯程师
项⽬描述：
前后端分离的 AI 旅游规划 H5 应⽤。⽤户输⼊⽬的地、预算和天数，系统调⽤⼤模型⽣成结构化⾏程（每⽇景
点、交通、预算明细等）；同时提供 AI 对话，⽀持流式输出，可实时咨询旅游问题。项⽬包含⾸⻚规划、⾏程详
情、AI 聊天、个⼈中⼼等模块，⾯向移动端场景设计。
技术栈：
前端： Vue 3、Vite、Vue Router、Pinia、Vant、Axios、Fetch API（SSE 流式）
后端： Node.js、Express、LangChain.js、dotenv、CORS、硅基流动 / DeepSeek ⼤模型、Server-Sent Events
流式响应、RESTful API
核⼼⼯作：
搭建前后端分离架构，后端提供健康检查、智能推荐、AI 对话等 REST 接⼝，前端 Vite 代理 /api 完成联调
基于 LangChain 封装 Service业务逻辑⽂件，设计 Prompt 模板，引导⼤模型输出含每⽇⾏程、预算分配、温
馨提⽰的结构化 JSON
实现 AI 对话 SSE 流式响应：后端封装 createStreamResponse 推送数据块实现流式推送模式，前端
fetchStream 解析后端SSE流式数据并逐字渲染
⽀持通过环境变量切换硅基流动 / DeepSeek 模型提供商，统⼀ API Key 与 Base URL 配置
开发移动端 H5 ⻚⾯：⾸⻚表单校验与城市选择、⾏程详情折叠展⽰、预算表格、聊天⽓泡组件
封装 Axios 请求⼯具与响应拦截器，使⽤ Pinia 管理聊天状态，实现⾏程参数 LocalStorage 持久化
完善参数校验、JSON 解析容错与全局错误处理，保障接⼝稳定性。
AI 应⽤开发：
基于 LangChain.js 封装 TravelService，使⽤ ChatOpenAI 统⼀对接 OpenAI 兼容接⼝（硅基流动 /
DeepSeek）
设计 Prompt 模板：System Prompt 定义「专业旅游规划师」⻆⾊，约束输出含每⽇⾏程、预算明细、温馨提
⽰的 结构化 JSON
实现 JSON 输出解析：对⼤模型返回内容做 markdown 代码块提取与 JSON.parse 容错，供前端直接渲染
聊天场景启⽤ LangChain Stream API，配合后端 SSE + 前端 fetchStream，实现流式打字机效果
通过 MODEL_PROVIDER 环境变量实现 多模型热切换，⽆需改代码即可更换 AI 提供商
项⽬成果：
完成「输⼊参数 → AI ⽣成规划 → 结构化展⽰ → 继续 AI 咨询」的完整业务闭环
实现 AI 对话流式输出，⽤户可实时看到回复，提升交互体验
⾏程详情⻚⽀持按天展⽰上午/下午/晚上安排，并展⽰预算明细、温馨提⽰与注意事项
前后端联调通过，⽀持本地⼀键启动，可切换不同⼤模型提供商。
项⽬描述：
前后端分离的健⾝房业务管理系统，包含管理员端与会员端双⻔户。管理员可进⾏会员、员⼯、器材、课程及报
名信息管理；会员可查看个⼈信息、报名选课、管理已报课程，并使⽤ AI 健⾝助⼿获取训练与饮⻝建议。后端提
供 RESTful API 与 Session 鉴权，前端为 Vue 3 单⻚应⽤，通过 Axios 与后端联调，⽀持本地完整运⾏。
技术栈：
前端： Vue 3、TypeScript、Vite、Vue Router、Element Plus、Axios
后端： Spring Boot 3、Java 17、MyBatis、MySQL 8、RESTful API、DeepSeek API
核⼼⼯作：
按前后端分离架构设计，后端采⽤ Controller / Service / Mapper 分层，前端采⽤路由 + ⻚⾯组件 + API 封装
实现管理员与会员双⻆⾊登录、登出及 Session 拦截鉴权，前端路由守卫配合后端校验会话状态
开发会员、员⼯、器材、课程、报名等 6 ⼤业务模块的增删改查与业务逻辑（会员卡查询、选课、退课等）
统⼀封装 Axios 请求模块，配置跨域携带 Cookie，实现前后端 Session 登录态保持
基于 Element Plus 搭建管理端数据看板、表格表单⻚及会员端聊天、选课等 20+ ⻚⾯
集成 DeepSeek ⼤模型，将会员已报课程信息注⼊ Prompt，实现个性化健⾝咨询
AI 应⽤开发：
集成 DeepSeek API，封装 ChatService 完成健⾝咨询对话
设计 双层 Prompt 策略：System Prompt 定义助⼿⻆⾊与回答规范；User Prompt 动态注⼊会员已报课程信
息
实现 业务上下⽂增强：从 Session 获取会员⾝份，查询数据库课程记录，拼⼊「系统补充信息」，使 AI 结合
个⼈课表给出训练建议
采⽤ Controller 拼 Prompt + Service 调模型 分层，业务数据与 AI 调⽤解耦
项⽬成果：
完成 6 ⼤业务模块、30+ REST 接⼝、20+ 前端⻚⾯的开发与联调
实现双⻆⾊权限控制，未登录⾃动跳转对应登录⻚，保证访问安全
管理员登录后⾃动统计会员、员⼯、器材数量，⾸⻚数据实时展⽰
打通 AI 聊天全流程，会员可基于个⼈课程安排获取可执⾏的健⾝建议
2026-03 〜 2026-06 旅游推荐ai助⼿ 全栈开发⼯程师
项⽬描述：
前后端分离的 AI 旅游规划 H5 应⽤。⽤户输⼊⽬的地、预算和天数，系统调⽤⼤模型⽣成结构化⾏程（每⽇景
点、交通、预算明细等）；同时提供 AI 对话，⽀持流式输出，可实时咨询旅游问题。项⽬包含⾸⻚规划、⾏程详
情、AI 聊天、个⼈中⼼等模块，⾯向移动端场景设计。
技术栈：
前端： Vue 3、Vite、Vue Router、Pinia、Vant、Axios、Fetch API（SSE 流式）
后端： Node.js、Express、LangChain.js、dotenv、CORS、硅基流动 / DeepSeek ⼤模型、Server-Sent Events
流式响应、RESTful API
核⼼⼯作：
搭建前后端分离架构，后端提供健康检查、智能推荐、AI 对话等 REST 接⼝，前端 Vite 代理 /api 完成联调
基于 LangChain 封装 Service业务逻辑⽂件，设计 Prompt 模板，引导⼤模型输出含每⽇⾏程、预算分配、温
馨提⽰的结构化 JSON
实现 AI 对话 SSE 流式响应：后端封装 createStreamResponse 推送数据块实现流式推送模式，前端
fetchStream 解析后端SSE流式数据并逐字渲染
⽀持通过环境变量切换硅基流动 / DeepSeek 模型提供商，统⼀ API Key 与 Base URL 配置
开发移动端 H5 ⻚⾯：⾸⻚表单校验与城市选择、⾏程详情折叠展⽰、预算表格、聊天⽓泡组件
封装 Axios 请求⼯具与响应拦截器，使⽤ Pinia 管理聊天状态，实现⾏程参数 LocalStorage 持久化
完善参数校验、JSON 解析容错与全局错误处理，保障接⼝稳定性。
AI 应⽤开发：
基于 LangChain.js 封装 TravelService，使⽤ ChatOpenAI 统⼀对接 OpenAI 兼容接⼝（硅基流动 /
DeepSeek）
设计 Prompt 模板：System Prompt 定义「专业旅游规划师」⻆⾊，约束输出含每⽇⾏程、预算明细、温馨提
⽰的 结构化 JSON
实现 JSON 输出解析：对⼤模型返回内容做 markdown 代码块提取与 JSON.parse 容错，供前端直接渲染
聊天场景启⽤ LangChain Stream API，配合后端 SSE + 前端 fetchStream，实现流式打字机效果
通过 MODEL_PROVIDER 环境变量实现 多模型热切换，⽆需改代码即可更换 AI 提供商
项⽬成果：
完成「输⼊参数 → AI ⽣成规划 → 结构化展⽰ → 继续 AI 咨询」的完整业务闭环
实现 AI 对话流式输出，⽤户可实时看到回复，提升交互体验
⾏程详情⻚⽀持按天展⽰上午/下午/晚上安排，并展⽰预算明细、温馨提⽰与注意事项
前后端联调通过，⽀持本地⼀键启动，可切换不同⼤模型提供商。
ID:425641
复制
王CTLife
前端开发工程师 · 5年经验 · 上海普华科技
0
累计接单
0
用户评价
0
被收藏
信用行为
0
接单数
0
评价数
0
收藏数
技术能力
1. 熟悉HTML5、CSS3，熟练运⽤ Less/Sass 预处理器；深谙 HTML 语义化规范，可独⽴完成响应式⻚⾯开
发，具备丰富的浏览器兼容性适配经验，夯实前端⻚⾯搭建基础。
2. 熟练掌握 Vue 全家桶技术，熟悉Vue2 与 Vue3 项⽬实战开发，深⼊了解双向绑定、⽣命周期等核⼼底层原
理，学习能⼒强，可快速适配转型 React 框架进⾏项⽬开发。
3. 熟练使⽤ jQuery 完成各类项⽬开发，⾼效实现 DOM 节点操作、原⽣事件绑定、⻚⾯动画渲染及通⽤表单校
验，可快速开发结构复杂的传统业务⻚⾯。
4. 熟悉微信⼩程序原⽣开发与 uni-app 跨端开发流程，熟悉项⽬整体架构搭建、分包优化、跨端兼容处理，能够
独⽴搭建⾼性能、易维护的多端适配应⽤。
5. 熟练使⽤ Element UI、Ant Design、iView 等主流 UI 组件库，结合实际业务需求完成组件改造、样式定制与
通⽤业务组件⼆次封装。
6. 熟练运⽤ ECharts 完成⼤数据可视化开发，可根据业务场景定制开发折线图、柱状图、饼图、热⼒图、散点
图等各类图表，实现数据直观展⽰与交互优化。
7. 熟练运⽤基于 Three.js 实现 Web 端三维可视化功能，适配 GLTF/GLB 模型导⼊，开发物体拾取、动画播
放、视⻆切换等交互逻辑，优化 3D 场景渲染性能。
8. 熟练搭建前端开发环境，熟悉 NVM 版本管理Node.js版本切换以及安装、NPM 包管理⼯具配置与⽇常使⽤，
熟悉项⽬依赖管理与环境调试。
9. 擅⻓借助 Cursor、Trae 等 AI 开发⼯具提效，可利⽤ AI 快速⽣成业务代码、定位并修复前端 Bug、梳理复
杂业务逻辑、优化代码结构与性能，辅助⽣成注释、接⼝⽂档；也可借助⼯具排查、修复后端漏洞与异常问
题。
10. 具备全栈基础能⼒：掌握 Java SpringBoot 基础开发，熟悉 Node.js Express、Koa 后端框架；熟练编写
SQL 复杂查询，可实现多表联查、统计分组、条件筛选等数据库操作，能独⽴开发后端接⼝、完成前后端联
调落地业务。
11. 熟练掌握 Git 版本控制⼯具，熟练使⽤ Git Bash 命令⾏与 Sourcetree 可视化⼯具，精通团队分⽀创建、代码
拉取、合并提交、冲突解决等标准化代码管理流程。
发，具备丰富的浏览器兼容性适配经验，夯实前端⻚⾯搭建基础。
2. 熟练掌握 Vue 全家桶技术，熟悉Vue2 与 Vue3 项⽬实战开发，深⼊了解双向绑定、⽣命周期等核⼼底层原
理，学习能⼒强，可快速适配转型 React 框架进⾏项⽬开发。
3. 熟练使⽤ jQuery 完成各类项⽬开发，⾼效实现 DOM 节点操作、原⽣事件绑定、⻚⾯动画渲染及通⽤表单校
验，可快速开发结构复杂的传统业务⻚⾯。
4. 熟悉微信⼩程序原⽣开发与 uni-app 跨端开发流程，熟悉项⽬整体架构搭建、分包优化、跨端兼容处理，能够
独⽴搭建⾼性能、易维护的多端适配应⽤。
5. 熟练使⽤ Element UI、Ant Design、iView 等主流 UI 组件库，结合实际业务需求完成组件改造、样式定制与
通⽤业务组件⼆次封装。
6. 熟练运⽤ ECharts 完成⼤数据可视化开发，可根据业务场景定制开发折线图、柱状图、饼图、热⼒图、散点
图等各类图表，实现数据直观展⽰与交互优化。
7. 熟练运⽤基于 Three.js 实现 Web 端三维可视化功能，适配 GLTF/GLB 模型导⼊，开发物体拾取、动画播
放、视⻆切换等交互逻辑，优化 3D 场景渲染性能。
8. 熟练搭建前端开发环境，熟悉 NVM 版本管理Node.js版本切换以及安装、NPM 包管理⼯具配置与⽇常使⽤，
熟悉项⽬依赖管理与环境调试。
9. 擅⻓借助 Cursor、Trae 等 AI 开发⼯具提效，可利⽤ AI 快速⽣成业务代码、定位并修复前端 Bug、梳理复
杂业务逻辑、优化代码结构与性能，辅助⽣成注释、接⼝⽂档；也可借助⼯具排查、修复后端漏洞与异常问
题。
10. 具备全栈基础能⼒：掌握 Java SpringBoot 基础开发，熟悉 Node.js Express、Koa 后端框架；熟练编写
SQL 复杂查询，可实现多表联查、统计分组、条件筛选等数据库操作，能独⽴开发后端接⼝、完成前后端联
调落地业务。
11. 熟练掌握 Git 版本控制⼯具，熟练使⽤ Git Bash 命令⾏与 Sourcetree 可视化⼯具，精通团队分⽀创建、代码
拉取、合并提交、冲突解决等标准化代码管理流程。
项目经验
2026-01 〜 2026-03 健⾝房管理系统 全栈开发⼯程师
项⽬描述：
前后端分离的健⾝房业务管理系统，包含管理员端与会员端双⻔户。管理员可进⾏会员、员⼯、器材、课程及报
名信息管理；会员可查看个⼈信息、报名选课、管理已报课程，并使⽤ AI 健⾝助⼿获取训练与饮⻝建议。后端提
供 RESTful API 与 Session 鉴权，前端为 Vue 3 单⻚应⽤，通过 Axios 与后端联调，⽀持本地完整运⾏。
技术栈：
前端： Vue 3、TypeScript、Vite、Vue Router、Element Plus、Axios
后端： Spring Boot 3、Java 17、MyBatis、MySQL 8、RESTful API、DeepSeek API
核⼼⼯作：
按前后端分离架构设计，后端采⽤ Controller / Service / Mapper 分层，前端采⽤路由 + ⻚⾯组件 + API 封装
实现管理员与会员双⻆⾊登录、登出及 Session 拦截鉴权，前端路由守卫配合后端校验会话状态
开发会员、员⼯、器材、课程、报名等 6 ⼤业务模块的增删改查与业务逻辑（会员卡查询、选课、退课等）
统⼀封装 Axios 请求模块，配置跨域携带 Cookie，实现前后端 Session 登录态保持
基于 Element Plus 搭建管理端数据看板、表格表单⻚及会员端聊天、选课等 20+ ⻚⾯
集成 DeepSeek ⼤模型，将会员已报课程信息注⼊ Prompt，实现个性化健⾝咨询
AI 应⽤开发：
集成 DeepSeek API，封装 ChatService 完成健⾝咨询对话
设计 双层 Prompt 策略：System Prompt 定义助⼿⻆⾊与回答规范；User Prompt 动态注⼊会员已报课程信
息
实现 业务上下⽂增强：从 Session 获取会员⾝份，查询数据库课程记录，拼⼊「系统补充信息」，使 AI 结合
个⼈课表给出训练建议
采⽤ Controller 拼 Prompt + Service 调模型 分层，业务数据与 AI 调⽤解耦
项⽬成果：
完成 6 ⼤业务模块、30+ REST 接⼝、20+ 前端⻚⾯的开发与联调
实现双⻆⾊权限控制，未登录⾃动跳转对应登录⻚，保证访问安全
管理员登录后⾃动统计会员、员⼯、器材数量，⾸⻚数据实时展⽰
打通 AI 聊天全流程，会员可基于个⼈课程安排获取可执⾏的健⾝建议
2026-03 〜 2026-06 旅游推荐ai助⼿ 全栈开发⼯程师
项⽬描述：
前后端分离的 AI 旅游规划 H5 应⽤。⽤户输⼊⽬的地、预算和天数，系统调⽤⼤模型⽣成结构化⾏程（每⽇景
点、交通、预算明细等）；同时提供 AI 对话，⽀持流式输出，可实时咨询旅游问题。项⽬包含⾸⻚规划、⾏程详
情、AI 聊天、个⼈中⼼等模块，⾯向移动端场景设计。
技术栈：
前端： Vue 3、Vite、Vue Router、Pinia、Vant、Axios、Fetch API（SSE 流式）
后端： Node.js、Express、LangChain.js、dotenv、CORS、硅基流动 / DeepSeek ⼤模型、Server-Sent Events
流式响应、RESTful API
核⼼⼯作：
搭建前后端分离架构，后端提供健康检查、智能推荐、AI 对话等 REST 接⼝，前端 Vite 代理 /api 完成联调
基于 LangChain 封装 Service业务逻辑⽂件，设计 Prompt 模板，引导⼤模型输出含每⽇⾏程、预算分配、温
馨提⽰的结构化 JSON
实现 AI 对话 SSE 流式响应：后端封装 createStreamResponse 推送数据块实现流式推送模式，前端
fetchStream 解析后端SSE流式数据并逐字渲染
⽀持通过环境变量切换硅基流动 / DeepSeek 模型提供商，统⼀ API Key 与 Base URL 配置
开发移动端 H5 ⻚⾯：⾸⻚表单校验与城市选择、⾏程详情折叠展⽰、预算表格、聊天⽓泡组件
封装 Axios 请求⼯具与响应拦截器，使⽤ Pinia 管理聊天状态，实现⾏程参数 LocalStorage 持久化
完善参数校验、JSON 解析容错与全局错误处理，保障接⼝稳定性。
AI 应⽤开发：
基于 LangChain.js 封装 TravelService，使⽤ ChatOpenAI 统⼀对接 OpenAI 兼容接⼝（硅基流动 /
DeepSeek）
设计 Prompt 模板：System Prompt 定义「专业旅游规划师」⻆⾊，约束输出含每⽇⾏程、预算明细、温馨提
⽰的 结构化 JSON
实现 JSON 输出解析：对⼤模型返回内容做 markdown 代码块提取与 JSON.parse 容错，供前端直接渲染
聊天场景启⽤ LangChain Stream API，配合后端 SSE + 前端 fetchStream，实现流式打字机效果
通过 MODEL_PROVIDER 环境变量实现 多模型热切换，⽆需改代码即可更换 AI 提供商
项⽬成果：
完成「输⼊参数 → AI ⽣成规划 → 结构化展⽰ → 继续 AI 咨询」的完整业务闭环
实现 AI 对话流式输出，⽤户可实时看到回复，提升交互体验
⾏程详情⻚⽀持按天展⽰上午/下午/晚上安排，并展⽰预算明细、温馨提⽰与注意事项
前后端联调通过，⽀持本地⼀键启动，可切换不同⼤模型提供商。
项⽬描述：
前后端分离的健⾝房业务管理系统，包含管理员端与会员端双⻔户。管理员可进⾏会员、员⼯、器材、课程及报
名信息管理；会员可查看个⼈信息、报名选课、管理已报课程，并使⽤ AI 健⾝助⼿获取训练与饮⻝建议。后端提
供 RESTful API 与 Session 鉴权，前端为 Vue 3 单⻚应⽤，通过 Axios 与后端联调，⽀持本地完整运⾏。
技术栈：
前端： Vue 3、TypeScript、Vite、Vue Router、Element Plus、Axios
后端： Spring Boot 3、Java 17、MyBatis、MySQL 8、RESTful API、DeepSeek API
核⼼⼯作：
按前后端分离架构设计，后端采⽤ Controller / Service / Mapper 分层，前端采⽤路由 + ⻚⾯组件 + API 封装
实现管理员与会员双⻆⾊登录、登出及 Session 拦截鉴权，前端路由守卫配合后端校验会话状态
开发会员、员⼯、器材、课程、报名等 6 ⼤业务模块的增删改查与业务逻辑（会员卡查询、选课、退课等）
统⼀封装 Axios 请求模块，配置跨域携带 Cookie，实现前后端 Session 登录态保持
基于 Element Plus 搭建管理端数据看板、表格表单⻚及会员端聊天、选课等 20+ ⻚⾯
集成 DeepSeek ⼤模型，将会员已报课程信息注⼊ Prompt，实现个性化健⾝咨询
AI 应⽤开发：
集成 DeepSeek API，封装 ChatService 完成健⾝咨询对话
设计 双层 Prompt 策略：System Prompt 定义助⼿⻆⾊与回答规范；User Prompt 动态注⼊会员已报课程信
息
实现 业务上下⽂增强：从 Session 获取会员⾝份，查询数据库课程记录，拼⼊「系统补充信息」，使 AI 结合
个⼈课表给出训练建议
采⽤ Controller 拼 Prompt + Service 调模型 分层，业务数据与 AI 调⽤解耦
项⽬成果：
完成 6 ⼤业务模块、30+ REST 接⼝、20+ 前端⻚⾯的开发与联调
实现双⻆⾊权限控制，未登录⾃动跳转对应登录⻚，保证访问安全
管理员登录后⾃动统计会员、员⼯、器材数量，⾸⻚数据实时展⽰
打通 AI 聊天全流程，会员可基于个⼈课程安排获取可执⾏的健⾝建议
2026-03 〜 2026-06 旅游推荐ai助⼿ 全栈开发⼯程师
项⽬描述：
前后端分离的 AI 旅游规划 H5 应⽤。⽤户输⼊⽬的地、预算和天数，系统调⽤⼤模型⽣成结构化⾏程（每⽇景
点、交通、预算明细等）；同时提供 AI 对话，⽀持流式输出，可实时咨询旅游问题。项⽬包含⾸⻚规划、⾏程详
情、AI 聊天、个⼈中⼼等模块，⾯向移动端场景设计。
技术栈：
前端： Vue 3、Vite、Vue Router、Pinia、Vant、Axios、Fetch API（SSE 流式）
后端： Node.js、Express、LangChain.js、dotenv、CORS、硅基流动 / DeepSeek ⼤模型、Server-Sent Events
流式响应、RESTful API
核⼼⼯作：
搭建前后端分离架构，后端提供健康检查、智能推荐、AI 对话等 REST 接⼝，前端 Vite 代理 /api 完成联调
基于 LangChain 封装 Service业务逻辑⽂件，设计 Prompt 模板，引导⼤模型输出含每⽇⾏程、预算分配、温
馨提⽰的结构化 JSON
实现 AI 对话 SSE 流式响应：后端封装 createStreamResponse 推送数据块实现流式推送模式，前端
fetchStream 解析后端SSE流式数据并逐字渲染
⽀持通过环境变量切换硅基流动 / DeepSeek 模型提供商，统⼀ API Key 与 Base URL 配置
开发移动端 H5 ⻚⾯：⾸⻚表单校验与城市选择、⾏程详情折叠展⽰、预算表格、聊天⽓泡组件
封装 Axios 请求⼯具与响应拦截器，使⽤ Pinia 管理聊天状态，实现⾏程参数 LocalStorage 持久化
完善参数校验、JSON 解析容错与全局错误处理，保障接⼝稳定性。
AI 应⽤开发：
基于 LangChain.js 封装 TravelService，使⽤ ChatOpenAI 统⼀对接 OpenAI 兼容接⼝（硅基流动 /
DeepSeek）
设计 Prompt 模板：System Prompt 定义「专业旅游规划师」⻆⾊，约束输出含每⽇⾏程、预算明细、温馨提
⽰的 结构化 JSON
实现 JSON 输出解析：对⼤模型返回内容做 markdown 代码块提取与 JSON.parse 容错，供前端直接渲染
聊天场景启⽤ LangChain Stream API，配合后端 SSE + 前端 fetchStream，实现流式打字机效果
通过 MODEL_PROVIDER 环境变量实现 多模型热切换，⽆需改代码即可更换 AI 提供商
项⽬成果：
完成「输⼊参数 → AI ⽣成规划 → 结构化展⽰ → 继续 AI 咨询」的完整业务闭环
实现 AI 对话流式输出，⽤户可实时看到回复，提升交互体验
⾏程详情⻚⽀持按天展⽰上午/下午/晚上安排，并展⽰预算明细、温馨提⽰与注意事项
前后端联调通过，⽀持本地⼀键启动，可切换不同⼤模型提供商。
立即沟通
相似人才推荐：
