# 云盘系统

**Repository Path**: liwenjieOO/cloud_disk_system

## Basic Information

- **Project Name**: 云盘系统
- **Description**: 这是一个自己的云盘系统
- **Primary Language**: Unknown
- **License**: AFL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-07-16
- **Last Updated**: 2024-07-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 云盘系统

#### 项目介绍

基于 vue 开发的一个云盘系统，后端使用 [koa](https://gitee.com/chao-qi/disk_back_sys)

##### 项目地址

| 项目              | 地址                                                          |
| ----------------- | ------------------------------------------------------------- |
| 项目演示入口      | http://ipcqi.com                                            |
| 服务器地址        | http://ipcqi.com:7777/api/                                  |
| API 接口地址      | http://ipcqi.com:7777/swagger-ui/index.html#/user/userLogin |
| koa 云盘后台 git 地址 | https://gitee.com/chao-qi/disk_back_sys                   |

##### 启动方式

```
// 安装依赖
npm install

// 启动服务
node run dev

// 打包文件
npm run build
```

##### 注意事项

1. 系统初始管理员账号密码为 admin / 123
2. 若链接本系统的服务器请求，请将本地 port 设置为 8080

#### 功能介绍

| 功能     | 简介                                                   |
| -------- | ------------------------------------------------------ |
| 管理员用户管理 | 新建删除普通用户，更改用户登录状态|
| 普通用户云盘管理 | 文件以及文件夹的增删改查、移动、复制，文件的上传、保存 |
| 文件选取形式 | 点击、拖拽选中，拖拽可触底下拉，触顶上拉 |
| 文件上传 | 支持点击上传文件夹以及拖拽文件至窗口上传，监听文件上传进度 |
| 文件移动复制 | 窗口异步获取当前文件夹下的子菜单，前后台做基础验证 |
| 文件展示形式 | 列表展示以及缩略图展示 |

#### 技术选型

| 技术         | 名称                | 官网                                       |
| ------------ | ------------------- | ------------------------------------------ |
| vue 全家桶    | 核心框架            | https://koa.bootcss.com/                   |
| axios    | 是一个基于 promise 的 HTTP 库 | http://www.axios-js.com/ |
| element-ui | vue 组件库 | https://element.eleme.cn/#/zh-CN |
| sass | CSS扩展语言 | https://www.sass.hk/ |
| hammerjs | 拖拽插件 | http://hammerjs.github.io/ |