15分钟教你使用 Spring Boot+Thymeleaf自定义一个的图床管理工具！

说明一下这个只是学习使用，图床上传工具直接用 picgo 就行，可是，picgo 没法对上传的图片进行很好的管理。本身写一个而后部署到本身服务器上使用也很香，扩展一点的你还能够自定义一个高大上的相册管理，解决不少然保存相片的问题。

SpringBoot +OSS 服务自定义图床

源码地址：github.com/Snailclimb/…

前言

疫情之下，天天都是好吃懒作啊！反正在家闲着没有事情，因而乎，花了一天时间写了这个简单项目。其实我原本是准备继续完善一下，而后部署到本身的云服务器上看成本身的相册。后来实在太懒了，也不想写前端了，因而留下了一些代办。

项目虽小，可是五脏俱全，能够直接拿来看成工具使用，代码写的虽然仓促，可是整体上应该没有什么大问题，初学者也能够直接拿来学习。

总的来讲，这个项目主要能为你提供这些帮助：

1. 阿里云 oss 做为图床服务很是经常使用，简单封装和了解一下有助于你之后使用；
2. 技术栈使用 SpringBoot 和 thymeleaf 模板引擎，前端框架用的是国产好评较多的 layui。这个项目能够带你走一遍先后端一块儿开发的流程。

我会写 React 和 Vue 可是考虑到大部分后端的朋友没有接触过，因此直接用 thymeleaf整的，话说 layui 也仍是第一次用！都是跟着 layui 官网找葫芦画瓢一步一步写的前端页面 。

效果展现

页面长的比较丑，没有花太多时间在这个上面，将就着看一下。

bilibili 在线观看：www.bilibili.com/video/av880…

上传页面

上传成功

技术栈

• 后端： Spring Boot
• 前端： thymeleaf 模板引擎 +layui 框架

以前 React 和 Vue 都写过，仍是第一次用 thymeleaf 加上 layai 来开发前端，总的来讲，我仍是喜欢 React 多一点。

启动项目

1.克隆到本地

git clone git@github.com:Snailclimb/springboot-aliyun-oss.git
复制代码

2.使用idea或者其余开发工具打开项目

3.添加application.yml，内容以下：

ps：我在用 git 提交的时候将application.yml 忽略掉了，因此你须要手动添加到你的本地。

spring:
 servlet:
 multipart:
 max-file-size: 10MB
 max-request-size: 10MB
 thymeleaf:
    #关闭thymeleaf的缓存，否则在开发过程当中修改页面不会马上生效须要重启，生产可配置为true
 prefix: classpath:/web/
 cache: false
 suffix: .html
aliyun:
 oss:
 bucket-name: my-blog-to-use
 endpoint: oss-cn-beijing.aliyuncs.com
 access-key-id: 替换为你的key id
    #阿里云主帐号AccessKey拥有全部API的访问权限，风险很高。建议建立并使用RAM帐号进行API访问或平常运维，请登陆 https://ram.console.aliyun.com 建立RAM帐号。
 access-key-secret: 替换为你的key secret
 file-host: test

复制代码

4.运行项目便可！

代办

• 单个图片的上传和删除（先后端）
• 查看全部图片（后端）
• 查看全部图片（前端）
• 查看全部图片的时候能够对图片进行操做好比删除
• ......