# wangpan

**Repository Path**: xiaozichen/wangpan

## Basic Information

- **Project Name**: wangpan
- **Description**: 模仿百度网盘，构建自己的个人云盘
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-04-10
- **Last Updated**: 2026-04-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Cloud Storage - 云存储

## 项目地址

http://coscos.cc

## 项目介绍

模仿百度网盘，构建自己的个人云盘，基础功能已完成，还剩下一些优化功能  
目前能够正常运行的功能有  
1. 目录文件展示
2. 展示历史上传记录
3. 将文件按照左侧历史菜单进行分类展示
4. 上传单个文件
5. 分片上传大文件，每个片段大小1M
6. 已上传过的同一文件秒传
7. 删除文件/文件夹
8. 下载文件/文件夹

近期/未来将实现的功能  
1. 拖拽同时上传多个文件/文件夹，并显示上传进度
2. 历史删除文件展示，并实现可恢复
3. 分享功能...

## 软件架构

使用Vue前端框架，webpack打包项目，后台接口使用原生的php，比较懒所以没有使用框架

## 服务器配置

1. 安装`nginx`
2. 安装`apache2`
3. 安装`php`（我这里默认安装的是7.2版本）
4. 安装`mysql-server`
5. 设置mysql的编码格式`character-set-server=utf8`
6. 安装`php7.2-mysql`扩展并开启pdo扩展
7. 安装`php7.2-zip`扩展
8. nginx监听80端口，修改apache监听端口，设置当请求路径为`/api/*`时nginx代理给apache
9. 重启apache和nginx

## 部署准备

1. 上传`api`文件夹到服务器根目录
2. 根目录下创建三个文件夹`static`，`tpl`，`download`，并修改文件夹的权限设置成可读可写
3. 服务器上用mysql账号创建网站数据库并执行`table.sql`
4. 修改`webpack.config.js`里面的代理地址到服务器域名
5. 修改`/api/config.php`里面的数据库相关配置

## 使用说明

1. 全局安装开发工具
> npm install -g yarn webpack webpack-cli
2. 推荐使用`yarn`安装项目依赖
> yarn
3. 项目本地开发测试
> yarn dev
4. 项目打包
> yarn build
5. 将打包好的前端代码，`build`文件里面的文件直接放入到服务器的根目录

## 浏览器兼容

Vue支持所有兼容 ECMAScript 5 的浏览器（包含最近5年发布的主流浏览器）

## 参与贡献

<lei.barret@gmail.com>