# rao

**Repository Path**: yl43/rao

## Basic Information

- **Project Name**: rao
- **Description**: 资源配置优化
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-01
- **Last Updated**: 2025-12-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 资源配置系统

一个完整的资源配置管理系统，包含前端界面和数据库设计。

## 📦 项目文件

### 前端文件
- **`index.html`** (2325行) - 完整的单页面应用，包含所有功能和1200条样例数据

### 数据库文件
- **`resource_config_system_full.sql`** (383KB) - 完整的数据库SQL文件，包含：
  - 数据库表结构（4个表）
  - 1个管理员用户
  - 8条系统配置
  - 1200条资源数据
  - 1200条操作日志

- **`database_schema.sql`** (7KB) - 数据库表结构定义
- **`generate_sql_data.js`** (12KB) - SQL数据生成器脚本
- **`DATABASE_README.md`** (10KB) - 数据库设计详细文档

## 🚀 快速开始

### 1. 运行前端系统

直接在浏览器中打开：

```bash
open index.html
```

**默认登录账号**：
- 用户名：`admin`
- 密码：`admin123`

### 2. 导入数据库

```bash
# 导入完整的SQL文件到MySQL
mysql -u root -p < resource_config_system_full.sql
```

导入后数据库包含：
- ✅ 4个数据表（用户、资源、配置、日志）
- ✅ 1200条资源数据
- ✅ 1200条操作日志
- ✅ 真实的中文姓名（200个）
- ✅ 完整的资源信息

## 📊 系统功能

### 前端功能（index.html）

1. **用户登录** - 身份验证和会话管理
2. **仪表盘** - 资源统计、图表展示
3. **资源管理**
   - 资源列表（分页、搜索、筛选）
   - 创建资源
   - 编辑资源
   - 删除资源
   - 查看详情
4. **配置管理** - 系统配置参数管理
5. **操作日志** - 完整的审计日志

### 数据库设计

#### 表结构

| 表名 | 说明 | 记录数 |
|------|------|--------|
| `users` | 用户表 | 1条 |
| `resources` | 资源表 | 1200条 |
| `system_configs` | 系统配置表 | 8条 |
| `resource_logs` | 操作日志表 | 1200条 |

详细设计请查看：[DATABASE_README.md](./DATABASE_README.md)

## 💾 数据特点

### 资源数据（1200条）

- **资源类型**：数据库、服务器、网络、存储、缓存
- **状态分布**：运行中、已停止、待配置
- **创建人**：200个真实中文姓名（非"张三李四"）
- **IP地址**：192.168.1.1 - 192.168.5.180
- **时间跨度**：最近90天内随机分布

### 样例数据展示

```
资源编码: RES-0001 到 RES-1200
资源名称: MySQL集群-0001, PostgreSQL集群-0002, ...
创建人: 王伟, 王芳, 李娜, 李强, 张伟, ...
```

## 🛠️ 技术栈

### 前端
- HTML5 + CSS3 + JavaScript (原生)
- Font Awesome 6.4.0 (图标库)
- LocalStorage (数据持久化)

### 数据库
- MySQL 8.0+
- InnoDB 引擎
- UTF8MB4 字符集

## 📖 使用文档

- **前端系统**：打开 `index.html` 即可使用
- **数据库设计**：查看 [DATABASE_README.md](./DATABASE_README.md)
- **API建议**：参考 `DATABASE_README.md` 中的接口设计部分

## 🔧 开发指南

### 修改样例数据数量

如需生成更多或更少的数据，编辑 `generate_sql_data.js`：

```javascript
// 修改这一行的数字
const resources = generateResources(1200); // 改为你需要的数量
```

然后重新运行：

```bash
node generate_sql_data.js
```

### 自定义资源类型

在 `generate_sql_data.js` 中修改：

```javascript
const resourceTypes = ['数据库', '服务器', '网络', '存储', '缓存', '你的新类型'];
```

## 📝 验证数据导入

导入数据库后，运行以下SQL验证：

```sql
USE resource_config_system;

-- 查看所有表
SHOW TABLES;

-- 检查资源数量
SELECT COUNT(*) as total FROM resources;
-- 应该返回：1200

-- 按类型统计
SELECT resource_type, COUNT(*) as count 
FROM resources 
GROUP BY resource_type;

-- 查看最新的10条资源
SELECT resource_code, resource_name, creator, created_at 
FROM resources 
ORDER BY created_at DESC 
LIMIT 10;
```

## 🎯 适用场景

1. **学习演示** - 完整的前后端系统设计示例
2. **快速原型** - 可直接用于产品演示
3. **开发参考** - 真实的业务场景和数据结构
4. **二次开发** - 可基于此快速扩展功能

## 📂 文件说明

```
/Users/fangcl/src/yl43/rao/
├── index.html                          # 前端系统（单页面应用）
├── database_schema.sql                 # 数据库表结构
├── resource_config_system_full.sql     # 完整SQL（含1200条数据）
├── generate_sql_data.js                # SQL数据生成器
├── DATABASE_README.md                  # 数据库设计文档
└── README.md                           # 本文件
```

## ⚠️ 注意事项

1. **安全性**：默认密码为 `admin123`，生产环境请修改
2. **性能**：1200条数据适合演示，生产环境需考虑分页和索引优化
3. **浏览器**：推荐使用 Chrome、Firefox、Safari 等现代浏览器
4. **数据库**：确保MySQL版本 >= 8.0

## 🔄 更新日志

### v2.0 (2025-12-01)
- ✅ 生成1200条样例资源数据
- ✅ 使用200个真实中文姓名
- ✅ 完整的数据库表结构设计
- ✅ 自动生成SQL插入语句
- ✅ 添加操作日志记录
- ✅ 完善的文档说明

### v1.0 (2025-12-01)
- ✅ 初始版本发布
- ✅ 前端单页面应用
- ✅ 基础数据库设计

## 📞 支持

如有问题或建议，欢迎反馈！

---

**开发者**: Resource Config System Team  
**版本**: v2.0  
**最后更新**: 2025-12-01