关于后端:SpringBoot-优雅地实现文件的上传和下载

(https://p3-juejin.byteimg.com…)
2.技术栈mavenspringbootmybatis-plusmysqlthymeleafbootstrap3.数据库表

CREATE TABLE t_upload_file (
id bigint(11) NOT NULL AUTO_INCREMENT,
old_name varchar(100) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL,
new_Name varchar(100) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL,
url_path varchar(100) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL,
size varchar(100) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL,
file_type varchar(100) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL,
created_date datetime DEFAULT NULL,
PRIMARY KEY (id)
) ENGINE=InnoDB AUTO_INCREMENT=40 DEFAULT CHARSET=utf8;
4.创立 springboot 我的项目

5.引入依赖这里咱们次要引入以下依赖：webmybatis-plusmysql 驱动thymeleafcommons-fileuploadlombokcommons-fileupload 是一个上传文件的组件，该组件封装了一些上传文件的办法。<!– web–>
<dependency>

<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>

</dependency>
<!– mybatis-plus 依赖–>
<dependency>

<groupId>com.baomidou</groupId>
<artifactId>mybatis-plus-boot-starter</artifactId>
<version>3.4.0</version>

</dependency>
<!– mysql驱动 –>
<dependency>

<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<scope>runtime</scope>

</dependency>
<!–thymeleaf–>
<dependency>

<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>

</dependency>
<!– lombok –>
<dependency>

<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<optional>true</optional>

</dependency>
<!– commons-fileupload –>
<dependency>

<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.4</version>

</dependency>
6.批改配置文件这里次要蕴含数据源、thymeleaf、mybatis-plus 三个模块的配置。

7.代码生成这里应用 mybatis-plus 的代码生成工具主动生成 controller、entity、service、mapper，极大地提高代码开发效率。记得增加以下依赖：<!– 代码生成器 –>
<dependency>

<groupId>com.baomidou</groupId>
<artifactId>mybatis-plus-generator</artifactId>
<version>3.5.1</version>

</dependency>
<dependency>

<groupId>org.freemarker</groupId>
<artifactId>freemarker</artifactId>

</dependency>
复制代码输出表名而后运行该程序：

8.前端前端次要应用了 thymeleaf 和 bootstrap。Thymeleaf 是一种模板引擎技术，bootstrap 是 Twitter 推出的前端开发框架。新建 index.html 文件，别离引入 bootstrap 的 css 和 Thymeleaf 的命名空间。

9.文件列表性能后端：查问列表数据，封装到 model 外面，而后跳转到列表页面。

前端：列表页面应用 Thymeleaf 罕用的标签：

10.文件上传前端表单发动 post 申请，切记 enctype 格局是 multipart/form-data。<form method=”post” enctype=”multipart/form-data” th:action=”@{/file/upload}”>

<input type="file" name="multipartFile">
<input type="submit" style="margin-top:20px" value="点击上传" class="btn btn-primary btn-sm"/>

</form>
后端用 MultipartFile 类型的对象接管文件，而后将文件拷贝到固定格局文件夹下：

/我的项目根门路/static/files/20xx-xx-xx/xxxx.jpg
其中上传文件的外围代码：multipartFile.transferTo(new File(finalFile, newName));
咱们发现 transferTo 办法外围还是 IO 的读写操作：

11.文件下载1.先依据文件 id 查问文件信息，而后依据文件所在门路和文件名获取文件输出流。2.设置响应头的扩大头、下载文件的名称。3.获取文件输入流4.敞开文件输入输出流

12.删除文件1.先依据文件 id 查问文件信息，而后依据文件所在门路和文件名获取 file 对象。2.如果 file 对象存在就删除该文件。3.删除数据库中该文件信息。

13.我的项目残缺代码链接：https://pan.baidu.com/s/1LODy…
提取码：1234