文件管理系统产品系统

类似于云盘的文件上传与下载的管理系统
# 云盘网站前端

这是一个使用HTML、CSS和JavaScript构建的云盘网站前端界面。

## 功能特点

- 美观的用户界面，支持响应式设计
- 文件上传功能（模拟）
- 新建文件夹功能
- 文件预览功能（模拟）
- 文件管理（重命名、删除等）
- 文件分类查看
- 存储空间统计
- 支持列表视图和网格视图切换
- 右键菜单功能

## 如何使用

1. 克隆或下载本项目到本地
2. 直接在浏览器中打开`index.html`文件即可运行

## 文件结构

- `index.html` - 主HTML文件
- `styles.css` - CSS样式文件
- `script.js` - JavaScript功能文件

## 技术栈

- HTML5
- CSS3
- JavaScript (ES6+)
- Font Awesome 图标库

## 预览

本项目是一个纯前端实现，所有数据都是模拟的，没有实际的后端服务。上传、删除等操作只会在当前会话中有效，刷新页面后会恢复到初始状态。

## 主要功能说明

### 文件上传

点击顶部的"上传"按钮，可以打开上传文件对话框。支持拖放文件到上传区域或点击"浏览文件"按钮选择文件。上传过程是模拟的，没有实际上传到服务器。

### 新建文件夹

点击顶部的"新建文件夹"按钮，输入文件夹名称后点击"创建"按钮即可创建一个新的文件夹。

### 文件管理

右键点击文件或文件夹，可以打开上下文菜单，支持以下操作：
- 打开
- 下载
- 分享
- 重命名
- 删除

### 视图切换

在文件列表右上角可以切换网格视图和列表视图。

### 文件分类

在左侧导航栏可以按照文件类型查看文件，包括：
- 全部文件
- 图片
- 视频
- 音乐
- 文档
- 我的分享
- 回收站

## 后续开发计划

- 添加用户认证功能
- 实现实际的文件上传和下载功能
- 添加文件搜索功能
- 添加文件预览功能
- 添加文件分享功能
- 添加文件版本控制功能

## 许可证

MIT