# 智慧校园管理平台 - HTML 原型说明

## 快速开始

1. 用浏览器打开 `login.html` 进入登录页
2. 点击「登录」进入主框架 `index.html`
3. 左侧菜单切换各功能页面

> 纯静态 HTML，无需服务器。建议使用 Chrome / Edge 打开。

## 目录结构

```
prototype/
├── login.html              # 登录页
├── index.html              # 主框架（侧边栏 + iframe）
├── css/style.css           # 若依风格样式
├── js/common.js            # 弹窗、预警演示
└── pages/
    ├── home.html           # 安全态势看板（含预警弹窗演示）
    ├── system/             # 系统管理（用户/角色/组织/日志）
    ├── ai/                 # AI 智能分析（事件/算法/监控）
    ├── barrier/            # 防护栏联动（设备/监控/日志）
    ├── screen/             # 阳光校园大屏（内容/发布/市局下发）
    └── api/                # 开放接口（应用/操场/日志）
```

## 原型页面清单（共 18 页）

| 模块 | 页面 | 对应功能清单 |
|------|------|-------------|
| 首页 | 安全态势看板 | 全局统计、预警弹窗演示 |
| 系统管理 | 用户/角色/组织/操作日志/登录日志 | RBAC 10 项 |
| AI 分析 | 事件台账/算法配置/监控点位 | AI 8 项 |
| 防护栏 | 设备台账（组织树+详情+CRUD）/实时监控/联动日志 | 防护栏 6 项 |
| 阳光校园 | 内容管理/发布任务/市局下发 | 大屏 5 项 |
| 开放接口 | 对接应用/智慧操场/对接日志 | 接口 4 项 |

## 关键交互演示

- **预警弹窗**：首页看板 → 点击「演示预警弹窗」
- **事件处置**：AI 分析 → 事件台账 → 点击「处置」
- **市级禁控设备**：防护栏 → 实时监控（按钮 disabled + 提示）

## 后期开发

详见同级目录 `若依框架开发计划.md`，基于 RuoYi-Vue + Java 分 6 阶段约 4 个月交付。