ITSource 分享 第3期【在线个人网盘】

项目介绍

本期给大家介绍一个在线个人网盘 系统. 可以上传,下载,分享文件。

一 业务介绍

本系统分为以下几个模块:

1.登录注册

image.png
image.png
除了账号密码登录,如果配置了qq邮箱配置的话,还支持qq一键授权登录。

2.首页大盘

首页是个人网盘的使用情况大盘,展示文件夹和文件的使用情况。
image.png

3.全部文件

image.png
全部文件模块可以查看所有的文件以及文件夹,还可以创建文件夹

4.上传文件

此模块可以上传文件,默认上传到根目录,可以点击右侧的文件夹,选择文件见上传
image.png
image.png

5.文件分类

网盘对上传文件根据后缀名做了分类,可以方便查看。
image.png
在任何文件上可以点击右键,弹出菜单
image.png
可以下载可分享:
image.png
可以让别人扫码也可以直接分享下载链接

二 技术介绍

1.技术栈

  • 后端: SpringBoot2.x +Mybatis
  • 数据库 : MYSQL5.7 OR MYSQL 8.x,
  • 前端: Thymelef 模板引擎

2.代码介绍

  • 项目结构
    image.png

三 Quick Start

1. 环境准备

  • MYSQL 5.7
  • JDK1.8
  • Maven 3
  • IDEA
  • FTP 服务器(网盘中已经准备好)

以上环境需要准备好, 在自己的本地搭建好,方可进行下面步骤

2. 下载源码

  • Github: https://github.com/panji-tech/moti-cloud

xxx

  • 百度云:

链接:https://pan.baidu.com/s/1ZoIW-4ciecHnIjeQa5O1uA?pwd=enon 提取码:enon

  • 蓝奏云:

https://itguang.lanzoub.com/b02x6zukh 密码:4c5i

3. 后端部署

  • Step1: 下载源码
  • Step2: IDEA 打开项目
  • Step3: 安装 Maven 依赖
  • Step4: 配置检查
  • 数据库配置: 用户名:root,密码:root,可以在 src/main/resources/application.yml 文件中修改
    创建数据库并初始化: 打开 navicat,创建数据库: moti-cloud
    数据库初始化语句: sql 脚本内容复制到 navicat 等mysql 可视化工具中,执行即可看到相关表结构和初始化数据:
    image.png
  • FTP 服务器配置:
    下载 FTP 服务器软件:
    image.png
    选择你操作系统对应的版本,安装配置即可,下面以 windows 系统为例:
    添加一个用户:这里配置FTP服务器的用户名为:ftp 密码: root
    image.png
    点击 Shared floder 选择一个本地文件夹,作为 FTP 服务器的根目录
    image.png

然后把用户名密码端口号等信息,打开源码文件:src/main/java/com/moti/utils/FtpUtil.java 配置 FTP 服务器相关配置即可,如果你的用户名密码,和我上面要求的一样,这里可以不用配置。
image.png
至此配置完,项目便可以启动运行。

  • Step4: 启动后端项目

Idea 运行后端项目,看到以下信息,表示运行成功
image.png

如果你想要qq 登录和发邮件的功能,需要配置qq 邮箱相关配置,这里就不再介绍了。

4. 前端部署

点击上面后端部署成功后返回的地址:http://127.0.0.1:8080/moti-cloud,即可浏览器打开前端项目:

image.png

登录: 输入账号密码: [email protected] admin 即可登录成功! 或者自行注册一个账号邓丽



关注 ITSource 公众号 ! 获取更多学习资源呀 !


可付费二次开发, 定制, 一对一讲解, 有意可微信联系: itguangit

猜你喜欢

转载自blog.csdn.net/itguangit/article/details/134019291