# 基于Vue3+TS的文件管理界面

**Repository Path**: hen128/file-cloud

## Basic Information

- **Project Name**: 基于Vue3+TS的文件管理界面
- **Description**: 基于Vue3+TS的文件管理界面，后端基于Node.js+MySQL，以及采用Element-Plus。
主要功能：文件上传、下载、预览及在线编辑。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 2
- **Created**: 2022-03-16
- **Last Updated**: 2025-09-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于vue3+ts+vite的文件管理系统

地址🧭 [https://gitee.com/hen128/file-cloud](https://gitee.com/hen128/file-cloud)

![image-20221230200045801](https://cloud.zengweihao.cn/typora/2023-07-09/20230709215020.png)

## 写在前沿

关键字：Koa，Vue3，TypeScript，Vite，Element-Plus、Windi.css..

功能：文件上传、预览、图床、管理、下载、Office在线预览

![image-20230709221442127](https://cloud.zengweihao.cn/typora/2023-07-09/20230709221442.png)

## 预览

**登录**

账号：admin 密码：123456

![image-20230709222700362](https://cloud.zengweihao.cn/typora/2023-07-09/20230709225146.png)

**文件列表**

![image-20230709223228209](https://cloud.zengweihao.cn/typora/2023-07-09/20230709223228.png)

**文件预览**

![image-20230709224924715](https://cloud.zengweihao.cn/typora/2023-07-09/20230709224925.png)

![image-20230709225019677](https://cloud.zengweihao.cn/typora/2023-07-09/20230709225020.png)

**文件上传**

![image-20230709223202620](https://cloud.zengweihao.cn/typora/2023-07-09/20230709223202.png)

## 启动

前端：

```
npm i

npm run dev

```

后端：

```
同上
```



## 说明

- server目录存放服务端代码

  ![image-20221230195812923](https://cloud.zengweihao.cn/typora/2023-07-09/20230709214955.png)

- server/config/config.js 配置数据库等信息

  ![image-20221230195828782](https://cloud.zengweihao.cn/typora/2023-07-09/20230709215027.png)

- 数据表文件

  ![image-20221230195845035](https://cloud.zengweihao.cn/typora/2023-07-09/20230709215036.png)