Lab 界面
这是一个用于实验室管理的web界面, 作为app/的web界面
项目结构
页面说明
login.html
- 用户登录界面
- 用户注册功能
- 使用 JWT token 认证
- 响应式设计
lab.html
- lab主页面
- 项目管理功能
- 实验管理功能
-
- 支持实验数据记录
-
- 支持实验备忘录
-
- 实时设备数据监控，公式计算
-
- 生成实验报告及AI问答
paper.html
- 论文分析功能
- 支持论文上传
- 论文分析报告生成
- 支持流程图可视化
- 集成了论文问答功能
reports.html
- 实验报告管理
- 项目报告查看
- 论文分析报告查看
- 支持报告下载
- 支持报告分类和排序
device.html
- 设备管理界面
- 显示设备列表
- 支持添加/删除设备
- 显示设备详细信息(传感器等)
- 支持设备状态监控
device-monitor.html
- 实时监控单一设备数据
- 显示设备基本信息
- 支持图表可视化展示数据
- 支持自定义数据计算和显示
- 使用 WebSocket 实现实时数据更新
技术栈
- Bootstrap 5.1.3 - UI 框架
- Chart.js - 图表可视化
- Mermaid - 流程图渲染
- WebSocket - 实时数据传输
- JWT - 用户认证
API 接口
所有页面通过统一的 API 基础 URL 访问后端服务:
const API_BASE_URL = 'https://dev.obscura.work/lab'
样式特点
- 现代化的 UI 设计
- 响应式布局
- 统一的色彩系统
- 平滑的动画过渡
- 良好的交互反馈
使用说明
- 用户需要先登录/注册才能访问系统
- 登录后可以进行:
- 项目管理
- 设备管理
- 实验记录
- 论文分析
- 报告生成
- 支持实时数据监控和可视化
- 可以生成和下载分析报告
注意事项
- 需要现代浏览器支持
- 需要保持网络连接以进行实时数据更新
- 部分功能需要等待后端处理
- 建议使用最新版本的 Chrome 或 Firefox 浏览器