REVOXELSEG_DICOM/工程分析/实现方案-2026-05-04-03-08-20.md

实现方案

时间戳：2026-05-04-03-08-20

修改目标

将系统品牌标识统一为用户提供的 logo，并把浏览器 title 改为“模型逆向系统”；完成后部署到 http://192.168.3.11:4000/。

涉及路径

• WebSite/index.html
• WebSite/src/components/Login.tsx
• WebSite/src/components/Sidebar.tsx
• WebSite/public/logo.png 或等效 logo 资源路径
• 工程分析/经验记录.md

技术路线

1. 确认 logo 资源可被项目读取。
   • 优先将用户提供的 logo 存为 WebSite/public/logo.png。
   • 前端通过 /logo.png 引用该资源。
2. 修改浏览器标题。
   • 将 WebSite/index.html 中 <title> 改为 模型逆向系统。
3. 修改 favicon。
   • 在 WebSite/index.html 中增加或更新 <link rel="icon" href="/logo.png" />。
4. 修改登录页。
   • 将 Login.tsx 顶部的 lucide Layout 图标替换为 <img src="/logo.png" alt="模型逆向系统" />。
   • 标题显示为 模型逆向系统，保留或简化副标题以避免视觉重复。
5. 修改左侧栏。
   • 将 Sidebar.tsx 左上角的蓝色方块 Box 图标替换为 <img src="/logo.png" alt="模型逆向系统" />。
   • 保持左侧栏文字标题为 模型逆向系统。
6. 构建验证。
   • 执行 npm run build。
7. 部署到 4000。
   • 检查 4000 端口占用。
   • 使用 tmux 会话托管 Vite 服务：
     • node ./node_modules/vite/bin/vite.js --host 0.0.0.0 --port 4000 --strictPort
   • 若原 revoxelseg-dicom 会话仍在 3001，优先关闭旧会话后使用同名会话部署到 4000。
8. 验证访问。
   • curl -I http://127.0.0.1:4000/
   • curl -I http://192.168.3.11:4000/

预计文件变更

• 新增 WebSite/public/logo.png。
• 修改 WebSite/index.html。
• 修改 WebSite/src/components/Login.tsx。
• 修改 WebSite/src/components/Sidebar.tsx。
• 更新 工程分析/测试方案-2026-05-04-03-08-20.md 执行结果。
• 更新 工程分析/经验记录.md。

兼容性与回滚方案

• favicon 和 logo 统一引用 /logo.png，便于后续替换资源。
• 若 logo 文件不可用，可先不提交代码修改，等待用户提供本地图片文件。
• 若 4000 端口不可用，记录占用进程并等待用户决定是否停止占用服务或改端口。
• 回滚时恢复 index.html、Login.tsx、Sidebar.tsx，并停止 4000 对应 tmux 会话。

人工审核状态

已确认并执行。

确认记录：

• 用户已回复 确认执行。
• 附件 logo 已在环境中确认，对应文件为 /tmp/logo_check.png，已复制为 WebSite/public/logo.png。