1. 学习网网页开发(大创项目)
项目描述:面向程序员、学生及技术爱好者的一站式在线学习平台,作为大学生创新创业训练计划项目核心成员。
核心职责:担任前端开发负责人,主导视觉化设计与交互逻辑实现。
技术落地:基于 Vue 3 和 Node.js 技术栈,独立完成了从登录注册鉴权、主页面架构到各子功能模块的开发。
项目成果:完善了页面功能与内容生态,实现了高保真的视觉还原,显著提升了用户的学习体验与页面交互流畅度。
2. 智能翻译软件开发
项目描述:专为学生群体打造的高效辅助翻译工具,旨在解决多场景下的语言转换需求。
核心职责:负责后端架构与接口集成,打通多模型调用链路。
技术落地:利用 FirstAPI 聚合了多个主流大语言模型(LLM),并成功接入某知名翻译软件的成熟接口。
项目成果:实现了多模型并发调用与结果优选,保证了翻译的高准确率与响应速度,有效满足了学生群体的日常使用需求。
3. 综合管理系统开发(人力资源/校内教学)
项目描述:涵盖人力资源与校内教学管理的综合性后台系统,旨在提升管理效率与数据同步能力。
核心职责:担任系统开发主负责人,全权负责后端核心逻辑编写与数据库设计。
技术落地:采用 Java 结合 MySQL 的传统稳健架构,实现了复杂业务逻辑的数据处理与持久化。
项目成果:系统功能完善,界面普及度高且交互友好;经测试,系统具备优异的数据同步性,低时延、高性能,整体运行稳定性达到优秀标准。
一、 学习网网页开发(大创项目)
1. 整体思路与框架
本项目采用前后端分离的开发模式,旨在打造一个沉浸式的技术学习社区。整体架构基于 B/S 结构,前端采用单页面应用(SPA)架构,通过组件化开发提升复用率;后端基于 Node.js 提供 RESTful API 接口,实现数据的高效交互与业务逻辑处理。
2. 不同模块技术栈
核心框架:Vue 3 (Composition API) + Vite
状态管理:Pinia(用于管理用户登录状态、学习进度等全局数据)
路由管理:Vue Router 4(实现页面跳转与路由守卫鉴权)
UI 组件库:Element Plus 或 Ant Design Vue(快速构建美观的界面)
后端/中间件:Node.js + Express/Koa(处理接口请求与数据转发)
网络请求:Axios(封装拦截器,统一处理请求头与错误响应)
3. 模块结果
用户模块:实现了安全的 JWT Token 登录注册机制,支持个人信息管理与学习足迹记录。
内容展示模块:主页面采用响应式栅格布局,实现了课程卡片、技术文章流的高保真渲染;子页面支持 Markdown 内容解析与代码高亮显示。
交互体验:页面加载流畅,视觉反馈及时,完成了从静态页面到动态数据交互的完整闭环。
4. 难点及解决过程
难点:Vue 3 组件间的复杂通信以及首屏加载速度优化。
解决过程:
利用 Provide/Inject 解决深层嵌套组件的通信问题,配合 Pinia 管理跨页面状态,避免了繁琐的 Props 层层传递。
引入路由懒加载(Lazy Loading)和图片懒加载技术,将非核心资源延后加载,显著降低了首屏渲染时间(FCP)。
针对内容撰写部分,集成了轻量级 Markdown 编辑器,并配置了防抖(Debounce)策略,防止高频输入导致的性能卡顿。
二、 翻译软件开发
1. 整体思路与框架
项目立足于解决学生群体在多语境下的翻译需求,采用“聚合接口 + 智能调度”的后端架构。核心思路是不重复造轮子,而是通过 FirstAPI 作为中间件,整合多个大语言模型(LLM)与知名翻译引擎,构建一个高可用、高准确率的翻译中台。
2. 不同模块技术栈
后端运行环境:Node.js / Python (根据实际使用 FirstAPI 的语言)
接口聚合:FirstAPI(统一管理第三方 API 密钥与调用配额)
大模型接入:OpenAI API / Claude / 国内大模型接口
传统翻译引擎:某知名翻译软件官方 SDK/API
数据交互:JSON / RESTful API
3. 模块结果
多模型调度模块:成功实现了对多个大模型的统一调用,用户可根据需求切换“学术模式”、“口语模式”等。
接口聚合模块:屏蔽了不同翻译引擎的底层差异,对外提供标准化的翻译接口,降低了前端调