也许你很牛但我未必看得起你图片(为什么要用图床)
00-1010 1.在这里,我将简要地告诉你什么是图片床。
2.经常写博客的同志肯定会经常在博客上贴一些图片,但是如果图片和博客一起上传,博客就会越来越大。
3.这时候,我们的画床该上台了。
4.以前经常用mac客户端的iPic,真的非常好用,特别是和Typora结合的时候,可以自动上传图片地址,转换成外部链接。
5.但是一段时间后,免费图片床会自动失效,导致你的博客出现:
6.真实是很难受的,因为很多东西我都记不住。看来我失忆了。
7.当然,他不仅免费,还收费,这自然很好用,方便快捷,但收费。因为个人收入不高,没有花钱养活他们,只好自己动手做了一张简易的画床。
项目背景
虽然项目很简单,但我会简单介绍一下技术选型。编程语言我选择了Java,这是我最擅长的。服务器框架我选择了SpringBoot,这是最快的构建方式。前端代码非常简单。我选择了HTML、JavaScript和jquery。服务我选择了FastDfs和Nginx。我选择了Tomcat9作为服务器版本。“云主机”的选择。为什么在这里放双引号?因为云主机真的很贵,所以我选择在本地PC上搭建,然后用一个低配置的VPS来映射端口,实现外网接入。但是,在本地PC上很难运行这些东西,所以我选择使用Docker进行部署。可以看出,项目虽然小,但也是“完整”的。简要说明为什么使用Docker。首先,FastDfs的配置和启动都很费力,我记得第一次搭建花了很长时间。我已经受够了这一次,所以我选择使用DockerFile来构建一个开箱即用的FastDfs映像,这样我就可以快速构建一个fdfs文件服务系统,无论我在什么样的系统环境下都可以运行Docker。很多应用也证明了我的想法没有错。项目简介
1.本项目主要实现简单的图片拖拽上传,并返回上传的图片链接和预览显示,通过拖拽可以实现多张图片同时上传,点击图片自动复制图片链接。效果图如下。
2.要实现的功能:
用户上传。用户上传记录。管理用户上传的文件。00-1010 1.web项目结构如下:
2.咳嗽!不要笑,不要笑~ ~
3.Java服务器项目结构如下
4.也很简单!
从上面可以看出,我们的项目结构非常简单。
项目功能描述
1.虽然web项目只有一个页面,但我们还是要讨论一下。我不会详细说明页面中的css。如果你感兴趣,可以看看我的js代码,也可以直接Copy。
2.接下来,让我们谈谈服务器的Java代码实现:
3.让我们先来谈谈Idea下的SpringBoot项目的创建。更为谨慎的是,这是对忧心忡忡的小短靴的一种福利,尽管它冗长。跳过这一段,寻找繁荣的樱桃。
eda80dc36dd13c62da?from=pc">
4.依照此步骤创建项目即可,接下来我们说一下代码。
5.先来说一下我们需要手动引入的依赖,先来看pom.xml
6.提前解惑:虽然我们当前的版本中暂时没有用涉及到数据库存储,但我们后期会加入相关的数据留存以及权限等等。而且我们在项目创建中选择了mysql数据库,根据springboot的启动要求我们必须在启动配置项当中配置数据库相关参数,否则无法正常启动项目。而为了日后方便拓展开发,我们选择使用阿里的Druid数据源进行配置。关于为什么引入lombok,完全是因为个人习惯,虽然我们的项目结构中只有一个vo类,但难免以后会增多,加入lombok省去了我们很多的麻烦,虽然可以IDEA可以自动生成,但是也比不过什么都不用操作来的好!!!而FDFS相关包是我们当前版本的核心,我们需要依赖于这个包进行文件的上传等操作。
7.接下来我们看一下项目配置,application.yml。当然大家也可以使用application.properties,个人比较习惯使用yml。
8.来看一下我们唯一的vo类,FileUploadResponse.java
9.嗯!!!就是这个效果,拜倒在我的注释之下吧!!!
10.然后就是看看我们唯一的Controller:TestController.java:
11.最后我们看一下启动类:TuchuangApplication.java
12.到这里,我们的代码算是写完了,接下来就是使用Docker进行部署了。