类似于云盘的文件上传与下载的管理系统 # 云盘网站前端 这是一个使用HTML、CSS和JavaScript构建的云盘网站前端界面。 ## 功能特点 - 美观的用户界面，支持响应式设计 - 文件上传功能（模拟） - 新建文件夹功能 - 文件预览功能（模拟） - 文件管理（重命名、删除等） - 文件分类查看 - 存储空间统计 - 支持列表视图和网格视图切换 - 右键菜单功能 ## 如何使用 1. 克隆或下载本项目到本地 2. 直接在浏览器中打开`index.html`文件即可运行 ## 文件结构 - `index.html` - 主HTML文件 - `styles.css` - CSS样式文件 - `script.js` - JavaScript功能文件 ## 技术栈 - HTML5 - CSS3 - JavaScript (ES6+) - Font Awesome 图标库 ## 预览 本项目是一个纯前端实现，所有数据都是模拟的，没有实际的后端服务。上传、删除等操作只会在当前会话中有效，刷新页面后会恢复到初始状态。 ## 主要功能说明 ### 文件上传 点击顶部的"上传"按钮，可以打开上传文件对话框。支持拖放文件到上传区域或点击"浏览文件"按钮选择文件。上传过程是模拟的，没有实际上传到服务器。 ### 新建文件夹 点击顶部的"新建文件夹"按钮，输入文件夹名称后点击"创建"按钮即可创建一个新的文件夹。 ### 文件管理 右键点击文件或文件夹，可以打开上下文菜单，支持以下操作： - 打开 - 下载 - 分享 - 重命名 - 删除 ### 视图切换 在文件列表右上角可以切换网格视图和列表视图。 ### 文件分类 在左侧导航栏可以按照文件类型查看文件，包括： - 全部文件 - 图片 - 视频 - 音乐 - 文档 - 我的分享 - 回收站 ## 后续开发计划 - 添加用户认证功能 - 实现实际的文件上传和下载功能 - 添加文件搜索功能 - 添加文件预览功能 - 添加文件分享功能 - 添加文件版本控制功能 ## 许可证 MIT