首页天道酬勤也许你很牛但我未必看得起你图片(为什么要用图床)

也许你很牛但我未必看得起你图片(为什么要用图床)

admin 11-29 16:35 275次浏览

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进行部署了。

结束语

此篇幅有些过长了,有关部署的部分,大家请查看我的下一篇文章,如何利用Docker快捷部署私人图床工具;作为程序员的我当然对于算法分析以及Java、Python、Go同样有着浓厚的兴趣,相信我们可以在技术的道路上走的更远。对于Docker还要多说两句,作者最近在学习和应用docker-compose编排以及docker swarm集群部署,手头也有很多闲置的服务器用来练手,希望同样感兴趣的同学们可以私我或者评论我们多多交流学习心得。主页查看更多内容或者点击下方更多!谢谢大家!!!
Vue数据双向绑定如何实现DeepRust匹配:有更好的方法吗?C++构造析构赋值运算函数怎么应用java计算机毕业设计网上超市系统源码+系统+数据库+lw文档+mybatis+运行部署雷士灯具管理系统
centos安装vscode(fastdfs使用) rsync同步mysql(fastdfs nginx)
相关内容