快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

如何使用SpringBoot+Thymeleaf自定义一个图床管理工具

如何使用 Spring Boot+Thymeleaf自定义一个图床管理工具,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

公司主营业务:网站制作、成都做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出钢城免费做网站回馈大家。

SpringBoot +OSS 服务自定义图床

前言

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

项目虽小,但是五脏俱全,可以直接拿来当作工具使用,代码写的虽然仓促,但是总体上应该没有什么大问题,初学者也可以直接拿来学习。

总的来说,这个项目主要能为你提供这些帮助:

  1.  oss 作为图床服务非常常用,简单封装和了解一下有助于你以后使用;
  2. 技术栈使用 SpringBoot 和 thymeleaf 模板引擎,前端框架用的是国产好评较多的 layui。这个项目可以带你走一遍前后端一起开发的流程。

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

效果展示

“  

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

”    

上传页面

如何使用 Spring Boot+Thymeleaf自定义一个图床管理工具  

上传成功

如何使用 Spring Boot+Thymeleaf自定义一个图床管理工具  
 

技术栈

  • 后端: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.运行项目即可!

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


分享文章:如何使用SpringBoot+Thymeleaf自定义一个图床管理工具
链接URL:http://6mz.cn/article/jidjoj.html

其他资讯