全栈开发工程师

年龄：24

邮箱：936648031@qq.com

博客：https://solar.sunrainzc.cn/about/

Github: https://github.com/Solar-Rain-Git

🎓 教育背景

贵阳人文科技学院 数据科学与大数据技术 ● 本科 2020.09-2024.07

主修课程：数据科学导论、Web前端、MySQL数据库、Linux、数据结构、C 语言、python、Java、R语言、Hadoop、数据分析与可视化、大数据分析与云计算等

自学课程：平面设计、PhotoShop、Illustrator、Premiere、视频剪辑

💻 专业技能

• 熟练：Vue2、Vue3、Uniapp、Echarts、Taro、UView、ElementUI、ES6、JQuery、TS、Ant Design
• 擅长：Threejs、React、Node、Git、SpringBoot、Mysql、Linux
• 一般：Java、Python、Docker、Electron

📁 实习经历

亚信科技 全栈开发 2023.07-2024.02

• 参与项目：ESOP项目（Enterprise Service Operation Platform，中国移动政企客户业务综合运营平台）
• 前端技术：Vue2、ElementUI、Angular、Ionic、JQuery、KendoUI
• 后端技术：SSM、Mysql、Freemarker、Dubbo、Zookeeper、Redis、Quartz
• 工作内容：
  1. ESOP-HTML（PC前端），使用JQuery和KendoUI构建，主要负责修复存在的bug和修缮CSS和JS交互细节；
  2. ESOP-H5（PC前端），使用Vue2和ElementUI构建，该模块使用频率高，主要负责构建新的功能界面添加新的功能点和测试bug，例如《政企业务集中稽核配置》；
  3. ESOP-MOBILE（手机APP端），使用Angular和IONIC构建，在这个前端模块，负责遵循TS规则开发《营销案推荐选项》方案；
  4. ESOP-APP（Java后端），新增、调试和修缮对接前端的restful Api，配置开发数据库；
  5. 编写编码完成后通过git指令或webstorm可视化git面板上传到私仓给导师检阅合并到对应分支代码，接着发布到测试环境，准确无误发布到开发环境。
• 成长收获：
  1. 学习到了使用 TDD 开发的模式；
  2. 前端项目或者功能模块的基建工作；
  3. 熟悉了多人协作开发的工作流程；
  4. 学会写出规范的代码，整理开发md文档。

💼 工作经历

贵州酱酒魔方供应链科技有限公司 Threejs前端 2024.11-2025.02

• 参与项目：3D包装设计平台、酱酒魔方商城小程序
• 技术栈：Threejs、Babylonjs、Canvas、Blender、Vue、Uniapp、Uview、Scss
• 演示站点1：https://demo.sunrainzc.cn/3d-case-package/
• 演示站点2：https://demo.sunrainzc.cn/pack-box/
• 工作内容：
  1. 3D包装设计平台：
     初版：
     构建canvas刀版设计图，支持精准贴图映射、文字矢量编辑、保存设计数据;
     将canvas刀版设计图渲染成可360度查看立体包装设计的3D可视化模型；
     分别开发包装设计面板与3D查看控制面板，实时编辑替换包装设计参数，自定义3D模型尺寸等功能。
     改进版：
     开发刀版DXF文件解析器，借助OgreAPI提取刀版轮廓路径与折线GeoJSON数据，渲染至Canvas画布；
     构建轻量级2D设计引擎，支持在解析渲染的DXF画布上精准贴图映射、文字矢量编辑、保存设计数据;
     设计 Blender → Three.js 标准化导出 GLB文件，统一材质系统与UV映射规范；
     开发3D场景管理器，实现包装模型动态替换为DXF设计数据、动画播放、镜头切换、360°轨道交互;
     将3D包装设计平台通过webview在小程序端进行对接展示，打通业务流程。
  2. 对酱酒魔方商城小程序进行开发、维护、升级；
  3. 定期开会确认项目进度及规划方案、编写工作周报。
• 成长收获：
  1. 3D图形编程与跨引擎技术整合能力
  2. 技术方案迭代与工程化优化思维
  3. 项目协同管理与技术沟通能力

贵州好哇信息技术有限公司 前端开发 2025.04-2025.09

• 参与项目： 保险管家APP、某单位内网CMS集约化系统研发
• 技术栈：Vue、Uniapp、Uview、TS、Webscoket、Sass、Pinia、Photoshop、爬虫
• 工作内容：
  1. 保险管家APP:
     集成 UviewUI 组件库，统一设计规范;
     采用组合式API与TypeScript强类型约束，提升代码可维护性；
     封装通用请求拦截器与错误处理中间件，统一处理投保接口幂等性。
     设计并实现 WebSocket TCP长连接 通信方案，封装心跳检测、断线重连机制，保障保单状态变更、进度通知关键数据的实时推送；
  2. 某单位内网CMS集约化系统研发:
     基于CMS集约化系统进行页面模板实施，配置相关功能，并在内网环境下编写整个站点的前端页面模板代码；
     结合设计稿高度还原UI样式，使用PhotoShop设计站点相关图标及UI；
     编写JS爬虫代码爬取旧站点数据转存为json，最后整合为excel文件导入开发迁移完毕的新站点，实现数据100%迁移。
• 成长收获：
  1. 多领域业务快速理解与技术适配能力
  2. 复杂数据迁移与自动化处理能力

🚀 项目经历

松鼠玩家小程序 小程序前端 2025.10-2026.03

• 项目描述：松鼠玩家小程序——同城潮流运动与户外活动社交平台，用户2000+用户，月活跃用户1000+
• 前端技术：Vue3、Uniapp、Pinia、UviewPlus、Sass、TS、ESLint 、Prettier、Photoshop、腾讯地图API
• 工作内容：
  1. 负责小程序前端0-1开发、迭代、维护； 严格按照figma高保真还原UI设计稿；
     负责小程序后台配置、资质审核、确保及时上线开展业务；
     定期开展会议确立需求及技术方案；
     目前用户1500+用户，日活用户50+；
  2. 改造封装全局基于uni.request、uni.uploadFile请求库，统一处理全局请求和全局异常；
     基于Pinia定义UserStore实现了对用户登录态存储，通过组合式API(useStore)在各页面访问用户信息；
     使用 TypeScript+ESLint+ Prettier 保证项目编码规范，并自定义了 ESLint 规则，提高项目质量；
     封装全局价格预选、横向滚动tab栏、navbar、文件上传、标签、时间、海报等其他组件；
     封装全局获取用户电话、获取用户信息、获取地理位置、支付等其他复用方法；
     封装自定义原子化CSS，更加便捷高效操纵页面布局样式。
• 成长收获：
  1. 组件化与原子化CSS的高效开发体系构建
  2. 第三方生态整合与合规上线实操经验
  3. 工程化架构设计与代码质量管控能力

AI面经漫步刷题平台 全栈、AI 2024.08 - 至今

• 项目描述：一款主要分为PC端、微信小程序端的AI赋能IT技术刷题、刷面经平台
• 演示站点：https://practice.sunrainzc.cn/ 、微信搜索“面经漫步”
• PC前端：Ant Design Pro、Umijs、React、Redux、React-Markdown、TypeScript、ESLint 、Prettier
• 小程序端：Uniapp、Vue3、TypeScript、Uview-plus、Pinia、Mp-Html
• 后端技术：SSM、Redis、MySQL、阿里云OSS、Email配置、讯飞星火AI大模型
• 项目部署：服务器、Linux、Nginx、域名、小程序平台
• 项目文档：https://solar.sunrainzc.cn/2024/09/03/project-practice-mini/
• 工作内容：
  1. PC前端：
     使用 Ant Design Pro 脚手架初始项目模板并瘦身，改造封装umi-request 请求库，统一处理全局请求和全局异常；
     使用 Redux 状态管理，React-Markdown渲染答题和面经；
     在全局请求配置中，通过NODE_ENV环境变量区分本地和生产环境发送的请求域名，能够根据项目启动命令自动区分多环境。
  2. 小程序：
     使用 Uniapp + Vue3 开发，改造封装全局基于uni.request、uni.uploadFile请求库，统一处理全局请求和全局异常；
     集成 Mp-Html 渲染复杂的MD文本；
     集成Pinia持久化状态管理并在组件使用；
     在小程序平台配置合法服务器后端域名。
  3. 后端：
     基于MVC模型开发restful Api，使用 Redis 存储用户登录的分布式 Session，实现多机用户登录状态同步；
     使用Knife4j+Swagger 自动生成后端接口文档，并通过编写ApiOperation等注解补充接口注释，避免了人工编写维护文档的麻烦；
     使用 Nginx 网关统一接受前端页面和后端接口请求，并通过其 proxy_pass 反向代理配置解决跨域问题；
     集成配置讯飞AI大模型实现AI面经问答功能。

3D 保时捷汽车展示系统 Threejs前端 2025.10

• 项目描述：一个基于 Vue 3 + TypeScript + Three.js + Gsap + Blender 构建的交互式 3D 汽车展示应用
• 项目文档：https://solar.sunrainzc.cn/2026/03/17/threejs-car/
• 前端部分：Vue3、TypeScript、Vite、Three.js、Three-Stdlib、GSAP、Element Plus、Blender
• 工作内容：
  封装渲染器、相机、灯光、Bloom 特效与 HDR 环境贴图，实现拟真车漆、高光及环境反射效果；
  基于 OrbitControls 封装旋转/缩放/视角切换逻辑，支持顺/逆时针自动旋转、一键切换正后左视等多视角漫游；
  对车身、内饰等关键 Mesh 进行精细命名与材质控制，结合颜色面板与 GSAP 动画实现车漆渐变切换；
  在模型车内外关键部件植入 CSS2D 标签与 Sprite 标记，实现点击进入驾驶舱/下车/中控详情等沉浸式交互；
  通过补间动画平滑控制相机运动、车模位移与 UI 动效，显著提升视角切换、进出车内、灯光模式切换等交互的流畅度；
  利用 Fog、发光平面与 Bloom 管线组合构建夜间场景，一键切换日/夜模式并同步播放对应 BGM，增强沉浸感与品牌氛围；
  通过 AudioContext 精准控制音频片段的起止与时长，为标签点击、模式切换等关键操作增加听觉反馈；
  对颜色面板、视角面板、旋转控制与文案区域统一绑定事件，内部调用封装的 Three/GSAP 工具方法，实现3D功能交互；
  在保证曲面光顺与细节表现的前提下严格控制顶点数，减少浏览器端绘制压力。

基于AIGC的智能BI项目 全栈、AI 2024.12

• 项目描述：结合当前火热的AI技术来根据用户需求返回Echarts配置项代码，完成智能BI功能
• 前端部分：Ant Design Pro、Echarts、Umijs、React、Redux、TypeScript、ESLint 、Prettier
• 后端部分：Springboot、AIGC、Easy Excel、mysql
• 工作内容：
  1. 前端：
     基于Ant Design Pro脚手架快速搭建初始项目，并根据业务定制项目模板，如封装全局异常处理逻辑；
     使用TypeScript+ESLint+Prettier + Husky 保证项目编码和提交规范，提高项目质量；
     使用Umi OpenAPI插件，根据后端Swagger接口文档自动生成请求service层代码，大幅提高开发效率；
     选用兼容性较好的Echarts库，接收后端AI生成的动态json自动渲染可视化图表。
  2. 后端：
     后端定义Prompt 预设模板封装用户输入数据和分析诉求，通过对接AIGC接口生成可视化图表json配置和分析结论，返回给前端渲染。
     使用Easy Excel 解析用户上传的XLSX表格数据文件并压缩为CSV来节约模型token，提高20%的单次输入数据量、节约了成本。
     为保证系统的安全性，对用户上传的原始数据文件进行了后缀名、大小、内容等多重校验。

MBTI性格测试小程序 小程序前端 2024.08

• 项目描述：基于 React + Redux + Taro + Taro UI 组件库实现了跨端的 MBTI 性格测试小程序
• 前端技术：Taro、Taro UI、React、Redux、TypeScript、ESLint、Prettier
• 项目文档：https://solar.sunrainzc.cn/2024/08/12/project-zhixun-mbti/
• 工作内容：
  包含性格测试、查看结果、测试记录、更改用户信息、退出等功能；
  使用Trao脚手架初始化项目模板。编写TypeScript 数据模型，配置 ESLint 和 Prettier开发规范；
  使用 redux 状态管理，并且理解并实现了小程序的登录功能原理；
  利用 CodeGeex 生成MBTI 算法代码，实现评分模块功能；
  小程序调试发布：开发测试时使用dev:weapp即时编译，自动更新小程序，打包上线前使用build:weapp优化项目体积。

一站式用户中心 全栈 2024.06

• 项目描述：企业级开发流程的用户中心系统，可直接移植开发，基于 SpringBoot 后端 + React 前端的全栈项目
• 前端技术：Ant Design Pro、React、Umijs、TypeScript、ESLint 、Prettier
• 后端技术：SpringBoot、Mybatis-plus、MySQL、阿里云OSS、Email配置
• 项目文档：https://solar.sunrainzc.cn/2024/07/13/project-user-center/
• 工作内容：
  1. 前端：
     选用 Ant Design Pro 脚手架快速搭建基础页面，瘦身原始模板、抽象复用公共模板；
     改造封装脚手架整合的 umi-request 请求库，添加全局请求拦截和全局异常处理逻辑，减少重复代码并提升用户体验。
  2. 后端：
     选用 MyBatis + MyBatis-Plus 进行数据访问层开发，明确接口，统一错误码，封装全局异常处理器；
     使用JUnit Jupiter API的@Test注解和Assertions类实现对用户模块的单元测试，测试覆盖度达到90%；
     通过 Spring Boot多套 application-{env}.yml 配置文件实现多环境，指定 --spring.profiles.active=prod 实现生产环境部署。

基于openEuler远程开发的Echart招聘数据预测分析平台 全栈 2023.10

• 项目描述：该项目是一个部署在openEuler操作系统服务器上的招聘数据Echart可视化与预测平台项目
• 前端部分：Vue、Vue-echarts、ElementUI、Axios
• 后端部分：Python、Flask、Pandas、Mysql、机器学习
• 项目文档：https://solar.sunrainzc.cn/tags/openEuler/
• 工作内容：
  使用Selenium爬虫爬取BOOS直聘网的数据清洗过后存入MySQL中；
  连接到服务器开发机进行远程开发，同时使用 flask 框架开发后台 ap，将数据进行统计分析，转换成前端可视化所需要的 json 结构；
  增加关于招聘数据的Restful 风格的 api，可对源招聘信息进行增删查改操作；
  前端通过 axios向后台请求拿到数据，利用vue-echarts 库进行数据可视化；
  利用python机器学习的知识构建随机森林预测模型，整合成predict接口给前端进行预测。

🏆 荣誉奖项

• 2021年首届“慧科杯”大数据与人工智能挑战赛二等奖、优秀学生干部 、优秀共青团员
• 2022年第八届全国大学生统计建模大赛、高教社杯全国大学生数学建模大赛省级二等奖、全国大学生“互联网+创新创业大赛”省赛银奖
• 2023年第八届贵州高校统计信息可视化大赛省级二等奖 2023鲲鹏应用创新大赛、华为开发者大赛国三
• 2024年第17届中国大学生计算机设计大赛国三

📜 个人证书

• 英语四级（CET4），华为云原生开发者认证

🌱 校园实践

2020年第七届全国青创赛 —— 志愿者

• 实践描述：配合老师的现场维护工作，引导参赛选手场地活动，负责比赛物资的配送与存取。

2021年暑期三下乡 —— 组织委员

• 实践描述：负责40余人团队的日常训练、团队建设；对接各乡镇负责人，协调队员开展工作，组织队员安全出行。

2022学院工作室 —— 后期部部长

• 实践描述： 给工作室后期部部员开展课程，讲授后期处理技术，主要包括：视频剪辑Premiere、平面设计PhotoShop。

2023大学生科技创新实验室 —— 前端开发

• 实践描述：参与学校官网的研发与维护，调修网页bug，确保其功能和性能的稳定运行。

🌟 自我评价

• 热爱技术，善于沟通，注重细节