# netdisk

**Repository Path**: tuaa/netdisk

## Basic Information

- **Project Name**: netdisk
- **Description**: netdisk前端代码
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-12
- **Last Updated**: 2025-06-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, webpack

## README

<<<<<<< HEAD
# NetDisk - Vue3 File Management System

A modern file management system built with Vue 3, Webpack, and Element Plus.

## Features

- **File Management**: Upload, download, and organize files
- **File Sharing**: Share files with others via generated links
- **Trash Bin**: Recover or permanently delete files
- **File Preview**: Preview various file types including images, videos, audio, PDFs, and text files

## Tech Stack

- Vue 3
- Vue Router
- Webpack
- Element Plus UI Library
- Axios for API requests

## Project Setup

### Prerequisites

- Node.js (v14+)
- npm or yarn

### Installation

1. Clone the repository:
```
git clone https://github.com/yourusername/netdisk.git
cd netdisk
```

2. Install dependencies:
```
npm install
```

3. Start the development server:
```
npm run dev
```

4. Build for production:
```
npm run build
```

## API Integration

The project is set up to connect to a backend API at `/api`. You'll need to implement a backend service that provides the following endpoints:

- `/api/files` - GET: List files, POST: Upload files
- `/api/files/:id` - GET: Get file details, DELETE: Delete file
- `/api/files/:id/download` - GET: Download file
- `/api/files/:id/share` - POST: Share file
- `/api/files/:id/trash` - PUT: Move file to trash
- `/api/files/:id/restore` - PUT: Restore file from trash
- `/api/shared` - GET: List shared files
- `/api/shared/:shareId` - GET: Get shared file details
- `/api/trash` - GET: List files in trash

## Project Structure

```
netdisk/
├── public/                # Static assets
├── src/
│   ├── api/              # API services
│   ├── assets/           # Assets (images, styles)
│   ├── components/       # Reusable components
│   ├── router/           # Vue Router configuration
│   ├── utils/            # Utility functions
│   ├── views/            # Page components
│   ├── App.vue           # Root component
│   └── main.js           # Application entry point
├── .babelrc              # Babel configuration
├── package.json          # Project dependencies
├── webpack.config.js     # Webpack configuration
└── README.md             # Project documentation
```

## License

MIT 
=======
# netdisk

#### 介绍
netdisk前端代码

#### 软件架构
该项目使用 webpack 作为构建工具。
Vue 版本为 3.5.13。


#### 安装教程

下载后，在该文件路径下使用npm isntall后，npm run dev启动项目

#### 使用说明

1.  xxxx
2.  xxxx
3.  xxxx

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
>>>>>>> af368c2a1285591277e51dc4089a57af5f1bd7da