springboot+vue云盘项目

云盘项目

  • 前言
  • 一、核心功能
  • 二、界面展示
    • 1.登录注册
    • 2.主页
      • 创建目录
      • 文件上传
      • 文件下载
      • 进入目录(左上角点击进入过程目录)
      • 分页
      • 关键词搜索文件
      • 多选操作
      • 编辑头像
    • 回收站
      • 删除的文件
      • 多选操作
      • 恢复(如果曾经的文件夹不存在,恢复到主目录)
      • 永久删除
    • 个人中心
      • 编辑信息
      • 修改密码
      • 修改邮箱
      • 注销账号
    • 项目地址
  • 总结


前言

springboot+vue+element-ui+jwt小项目


一、核心功能

  • 注册登录登出
  • 文件上传下载(分目录)
  • 在当前目录中关键词搜索文件
  • 文件删除恢复
  • 编辑个人信息
  • 修改密码、邮箱
  • 注销账号

二、界面展示

1.登录注册

springboot+vue云盘项目_第1张图片
springboot+vue云盘项目_第2张图片
springboot+vue云盘项目_第3张图片

2.主页

springboot+vue云盘项目_第4张图片

创建目录

springboot+vue云盘项目_第5张图片

文件上传

springboot+vue云盘项目_第6张图片

文件下载

springboot+vue云盘项目_第7张图片

进入目录(左上角点击进入过程目录)

springboot+vue云盘项目_第8张图片

分页

springboot+vue云盘项目_第9张图片

关键词搜索文件

springboot+vue云盘项目_第10张图片

多选操作

springboot+vue云盘项目_第11张图片

编辑头像

springboot+vue云盘项目_第12张图片
springboot+vue云盘项目_第13张图片


回收站

springboot+vue云盘项目_第14张图片

删除的文件

springboot+vue云盘项目_第15张图片

多选操作

springboot+vue云盘项目_第16张图片

恢复(如果曾经的文件夹不存在,恢复到主目录)

springboot+vue云盘项目_第17张图片

永久删除

springboot+vue云盘项目_第18张图片


个人中心

springboot+vue云盘项目_第19张图片

编辑信息

springboot+vue云盘项目_第20张图片
springboot+vue云盘项目_第21张图片

修改密码

springboot+vue云盘项目_第22张图片

修改邮箱

springboot+vue云盘项目_第23张图片
springboot+vue云盘项目_第24张图片
springboot+vue云盘项目_第25张图片

springboot+vue云盘项目_第26张图片

springboot+vue云盘项目_第27张图片

注销账号

springboot+vue云盘项目_第28张图片
springboot+vue云盘项目_第29张图片

springboot+vue云盘项目_第30张图片springboot+vue云盘项目_第31张图片

项目地址

码云gitee:https://gitee.com/archer_hhh/cloud-disk

总结

嘿咻嘿咻!

你可能感兴趣的:(项目,spring,boot,vue.js)