共计 2785 个字符,预计需要花费 7 分钟才能阅读完成。
(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