个人周报--山大公历第10周

原创已于 2025-05-02 23:46:21 修改 · 983 阅读

15 ·

CC 4.0 BY-SA版权

文章标签：

#团队开发

于 2025-05-02 23:41:03 首次发布

一、项目回顾

开发进度过半，回看项目主题：本项目旨在开发一个集成了视频会议功能、AI智能助手对话功能以及会议信息管理功能的综合性应用系统。视频会议模块支持多人实时音视频通话，AI智能助手模块提供智能问答，会议信息管理模块则负责会议日程、记录和文件的存储与管理。本周，我主要聚焦于以下几个关键任务：解决前端图片加载问题、合并程序代码，以及推进视频会议功能模块、AI智能助手对话模块和会议信息管理模块的集成工作。

二、本周完成工作

1. 解决前端图片加载问题

问题描述

本周初，测试团队反馈了一个前端问题：在会议信息管理模块中，部分图片无法正常加载。经过排查，发现问题出在前端代码中调用图片资源时，部分图片文件名未包含后缀（例如 .jpg 或 .png）。前端在加载图片时，依赖于文件路径的正确性和后缀来识别文件类型，而缺失后缀导致浏览器无法正确解析图片，进而导致图片加载失败。

解决方案

针对这一问题，前端开发组采取了以下措施：

规范化图片资源命名：要求所有图片资源文件名必须包含正确的后缀，例如 meeting_icon.jpg 而不是 meeting_icon。为此，我们更新了项目的前端资源管理规范，明确规定所有静态资源文件必须带有正确的文件扩展名。

修改前端代码：在前端代码中，添加了对图片路径的检查和后缀补全逻辑。对于已知类型的图片资源，如果检测到路径缺少后缀，自动补全 .png 或 .jpg。代码片段如下：

const normalizeImagePath = (path) => {
  if (!/\.(jpg|jpeg|png|gif)$/i.test(path)) {
    return `${path}.jpg`; // 默认补全为 .jpg
  }
  return path;
};

// 使用示例
const imgSrc = normalizeImagePath('/assets/meeting_icon');

批量检查和修复：对现有图片资源进行批量检查，使用脚本扫描项目中的静态资源文件夹，自动为缺失后缀的文件添加 .jpg 或 .png 后缀，并更新相关代码中的引用路径。
测试验证：修复后，测试组对会议信息管理模块进行了全面回归测试，确认所有图片均能正常加载，未发现类似问题。

成果

通过上述措施，前端图片加载问题得到彻底解决，会议信息管理模块中涉及图片展示的功能（例如会议图标、用户头像）恢复正常。

2. 程序代码合并

工作内容

本周，团队完成了视频会议功能模块、AI智能助手对话模块和会议信息管理模块的代码合并工作。之前，这三个模块由不同的小组独立开发，各自运行在独立的代码分支中。为了推进项目集成和联调，团队在本周将这些分支合并到主分支（main），并进行了冲突解决和代码优化。

具体步骤

分支合并：
- 视频会议模块分支：feature/video-conference
- AI智能助手模块分支：feature/ai-assistant
- 会议信息管理模块分支：feature/meeting-management
- 使用 Git 命令进行合并：
```
git checkout main
git merge feature/video-conference
git merge feature/ai-assistant
git merge feature/meeting-management
```
冲突解决：
- 合并过程中，出现了部分代码冲突，主要集中在公共组件（如导航栏、用户认证模块）和配置文件（package.json）上。
- 团队通过 Code Review 和多人协作，逐一分析冲突代码，手动合并并确保功能完整。例如，导航栏组件中，视频会议模块和AI智能助手模块都添加了各自的入口，合并时需要调整导航项的顺序和样式。
代码优化：
- 合并后，团队对代码进行了优化，删除了重复的工具函数，统一了 API 请求封装（例如使用 axios 的拦截器统一处理请求头）。
- 对项目的依赖进行了去重，更新了 package.json，确保依赖版本一致，避免版本冲突。

成果

代码合并完成后，三个模块在一个统一的主分支中运行，开发团队可以基于主分支进行后续的联调和测试工作，为项目的整体集成奠定了基础。

3. 模块集成进展

(1) 视频会议功能模块

功能描述：支持多人实时音视频通话，集成 WebRTC 技术，支持屏幕共享和会议录制。
本周进展：
- 完成了视频会议界面的布局调整，优化了视频窗口的显示效果，支持动态调整视频窗口大小。
- 集成了用户权限管理，限制非会议创建者对屏幕共享和录制功能的访问。
- 测试了 5 人同时在线的视频通话，延迟控制在 200ms 以内，音视频同步效果良好。

(2) AI智能助手对话模块

功能描述：提供智能问答和语音交互，支持用户通过文本或语音与 AI 助手对话。
本周进展：
- 优化了 AI 助手对话界面的交互体验，增加了“正在输入”动画，提升用户等待时的体验。
- 后端接口（http://localhost:5000/org-api/v1/chat）已与前端完成联调，支持流式响应，用户提问后可实时看到 AI 回答。

(3) 会议信息管理模块

功能描述：管理会议日程、记录和相关文件，支持会议创建、编辑和删除。
本周进展：
- 完成了会议记录的富文本编辑功能，支持上传附件（文档、图片）。
- 修复了图片加载问题（前文已述）。
- 增加了会议日程提醒功能，通过浏览器通知提醒用户即将开始的会议。

集成工作

模块间交互：
- 在视频会议界面中，添加了 AI 助手入口，用户可以在会议中直接与 AI 助手对话（例如询问会议相关问题），解决之前合并时造成的对话框消失问题。
- 会议信息管理模块与视频会议模块打通，支持从会议详情页面直接进入视频会议。
统一用户体验：
- 统一了三个模块的视觉风格，调整了颜色、字体和按钮样式，确保界面一致性。
- 增加了全局加载动画，优化了模块切换时的过渡效果。