diff --git a/README.md b/README.md index d793056..6d3085c 100644 --- a/README.md +++ b/README.md @@ -3,35 +3,39 @@ #### 介绍 使用vue3 elementplus minio springboot 实现大文件的分片上传、断点续传、秒传的功能demo -#### 软件架构 -软件架构说明 +#### 演示 +![输入图片说明](images/demo.gif) -#### 安装教程 - -1. xxxx -2. xxxx -3. xxxx - -#### 使用说明 - -1. xxxx -2. xxxx -3. xxxx - -#### 参与贡献 - -1. Fork 本仓库 -2. 新建 Feat_xxx 分支 -3. 提交代码 -4. 新建 Pull Request +#### 环境 +java 8 +node 15 以上 +mysql 8 +minio +#### 安装教程 -#### 特技 +后端: +1. 创建数据库,导入sql脚本 +![输入图片说明](images/create-db.png) +2. 修改yml文件,将mysql,minio的配置改为你的配置 +![输入图片说明](images/yml-config.png) +3. 在minio中创建你在步骤二中配置的桶 +4. 运行springboot +![输入图片说明](images/run.png) + +前端: + +进入到前端项目根目录 +``` +cd minio-upload-web +``` + +``` javascript +// 运行 +npm install +npm run dev +``` +浏览器访问控制台输出的地址 +![输入图片说明](images/run-web.png) -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/) diff --git a/images/create-db.png b/images/create-db.png new file mode 100644 index 0000000..de48f40 Binary files /dev/null and b/images/create-db.png differ diff --git a/images/demo.gif b/images/demo.gif new file mode 100644 index 0000000..a316f03 Binary files /dev/null and b/images/demo.gif differ diff --git a/images/run-web.png b/images/run-web.png new file mode 100644 index 0000000..1f0fb45 Binary files /dev/null and b/images/run-web.png differ diff --git a/images/run.png b/images/run.png new file mode 100644 index 0000000..d4cbc38 Binary files /dev/null and b/images/run.png differ diff --git a/images/yml-config.png b/images/yml-config.png new file mode 100644 index 0000000..f2220dd Binary files /dev/null and b/images/yml-config.png differ