SpringMVC之文件上传下载以及jrebel的使用-阿里云开发者社区

前言

继上篇博客

文件上传

由于我们在上篇已经生成了带图片属性的接口、实体以及配置文件。所以我们就不需要重新逆向生成mapper和model包中的代码了

导入依赖

<dependency>
    <groupId>commons-fileupload</groupId>
    <artifactId>commons-fileupload</artifactId>
    <version>1.3.3</version>
</dependency>

配置文件上传解析器

<!--    处理文件上传下载问题-->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <!-- 必须和用户JSP 的pageEncoding属性一致，以便正确解析表单的内容 -->
        <property name="defaultEncoding" value="UTF-8"></property>
        <!-- 文件最大大小(字节) 1024*1024*50=50M-->
        <property name="maxUploadSize" value="52428800"></property>
        <!--resolveLazily属性启用是为了推迟文件解析，以便捕获文件大小异常-->
        <property name="resolveLazily" value="true"/>
    </bean>

配置存放地址

导入PropertiesUtil工具类

package com.xiaoxu.utis;
import java.io.IOException;
import java.io.InputStream;
import java.util.Properties;
public class PropertiesUtil {
  public static String getValue(String key) throws IOException {
    Properties p = new Properties();
    InputStream in = PropertiesUtil.class.getResourceAsStream("/resource.properties");
    p.load(in);
    return p.getProperty(key);
  }
}

编写resource.properties

dir=D:/temp2/upload/
server=/upload/

添加sql

 <select id="selectPage" resultType="com.xiaoxu.model.Bookxx" parameterType="com.xiaoxu.model.Bookxx" >
    select
    <include refid="Base_Column_List" />
    from t_hibernate_book
   <where>
     <if test="book_name != null">
       and book_name like concat('%',#{book_name},'%')
     </if>
   </where>
  </select>

编写PageController类

package com.xiaoxu.web;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
/**
 * @author小徐
 * @site www.veryedu.cn
 * @company xu集团
 * @create 2023-09-07 17:27
 *
 * 用来处理页面跳转
 */
@Controller
public class PageController {
    @RequestMapping("/page/{page}")
    public String toPage(@PathVariable("page") String page){
    return page;
    }
    @RequestMapping("/page/{dir}/{page}")
    public String toDirPage(@PathVariable("dir") String dir,
                            @PathVariable("page") String page){
        return dir + "/" + page;
    }
}

编写主页展示界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://jsp.veryedu.cn" prefix="z"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link
            href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.css"
            rel="stylesheet">
    <script
            src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.js"></script>
    <title>博客列表</title>
    <style type="text/css">
        .page-item input {
            padding: 0;
            width: 40px;
            height: 100%;
            text-align: center;
            margin: 0 6px;
        }
        .page-item input, .page-item b {
            line-height: 38px;
            float: left;
            font-weight: 400;
        }
        .page-item.go-input {
            margin: 0 10px;
        }
    </style>
</head>
<body>
<form class="form-inline"
      action="${pageContext.request.contextPath }/clz/list" method="post">
    <div class="form-group mb-2">
        <input type="text" class="form-control-plaintext" name="book_name"
               placeholder="请输入书籍名称">
        <!--      <input name="rows" value="20" type="hidden"> -->
        <!-- 不想分页 -->
    </div>
    <button type="submit" class="btn btn-primary mb-2">查询</button>
    <a class="btn btn-primary mb-2" href="${pageContext.request.contextPath }/clz/preSave">新增</a>
</form>
<table class="table table-striped ">
    <thead>
    <tr>
        <th scope="col">书籍编号</th>
        <th scope="col">书籍图片</th>
        <th scope="col">价格</th>
        <th scope="col">image</th>
        <th scope="col">操作</th>
    </tr>
    </thead>
    <tbody>
    <c:forEach  var="b" items="${list }">
        <tr>
            <td>${b.book_id }</td>
            <td>${b.book_name }</td>
            <td>${b.price }</td>
            <td>
                <img src="${b.image}" style="height: 100px;width: 60px">
            </td>
            <td>
                <a href="${pageContext.request.contextPath }/clz/preSave?book_id=${b.book_id}">修改</a>
                <a href="${pageContext.request.contextPath }/clz/del/${b.book_id}">删除</a>
                <a href="${pageContext.request.contextPath }/page/clz/upload?book_id=${b.book_id}">图片上传</a>
                <a href="${pageContext.request.contextPath }/clz/download?book_id=${b.book_id}">图片下载</a>
            </td>
        </tr>
    </c:forEach>
    </tbody>
</table>
<!-- 这一行代码就相当于前面分页需求前端的几十行了 -->
<z:page pageBean="${pageBean }"></z:page>
${pageBean }
</body>
</html>

编写文件上传方法

//    文件上传
    @RequestMapping("/upload")
    public String upload(Bookxx bookxx ,MultipartFile xxx){
        try {
//      上传图片真实存放地址
        String  dir = PropertiesUtil.getValue("dir");
//        网络访问地址
        String  server = PropertiesUtil.getValue("server");
        String filename = xxx.getOriginalFilename();FileUtils.copyInputStreamToFile(xxx.getInputStream(),new File(dir+filename));
            //保存
            bookxx.setImage(server+filename);
            bookxxBiz.updateByPrimaryKeySelective(bookxx);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return "redirect:list";
    }

搭建一个图片上传的操作页面

<%--
  Created by IntelliJ IDEA.
  User: 86155
  Date: 2023/9/9
  Time: 14:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>w
<html>
<head>
    <title>书籍logo上传</title>
</head>
<body>
<form action="${pageContext.request.contextPath }/clz/upload" method="post" enctype="multipart/form-data">
    <label>书籍编号：</label><input type="text" name="book_id" readonly="readonly" value="${param.book_id}"/><br/>
    <label>书籍图片：</label><input type="file" name="xxx"/><br/>
    <input type="submit" value="上传图片"/>
</body>
</html>

文件下载

在Controller层中加入以下代码，如下：

 @RequestMapping("/download")
    public ResponseEntity<byte[]> download(Bookxx bookxx,HttpServletRequest req){
        try {
            //先根据文件id查询对应图片信息
            Bookxx bookxx1 = this.bookxxBiz.selectByPrimaryKey(bookxx.getBook_id());
            String diskPath = PropertiesUtil.getValue("dir");
            String reqPath = PropertiesUtil.getValue("server");
            String realPath = bookxx1.getImage().replace(reqPath,diskPath);
            String fileName = realPath.substring(realPath.lastIndexOf("/")+1);
            //下载关键代码
            File file=new File(realPath);
            HttpHeaders headers = new HttpHeaders();//http头信息
            String downloadFileName = new String(fileName.getBytes("UTF-8"),"iso-8859-1");//设置编码
            headers.setContentDispositionFormData("attachment", downloadFileName);
            headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
            //MediaType:互联网媒介类型  contentType：具体请求中的媒体类型信息
            return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file),headers, HttpStatus.OK);
        }catch (Exception e){
            e.printStackTrace();
        }
        return null;
    }

多文件上传

多文件上传跟单文件上传的区别

多文件上传和单文件上传的区别在于，多文件上传可以同时上传多个文件，而单文件上传只能上传一个文件。在实际应用中，多文件上传通常适用于需要同时上传多个文件的场景，比如上传多张图片、多个文档等；而单文件上传则适用于只需要上传一个文件的场景，比如上传头像、上传附件等。多文件上传通常要使用专门的插件或工具库来实现，比如jQuery File Upload、Dropzone.js等。

在Controller层中加入以下代码，如下：

@RequestMapping("/uploads")
    public String uploads(HttpServletRequest req, Bookxx clazz, MultipartFile[] files){
        try {
            StringBuffer sb = new StringBuffer();
            for (MultipartFile cfile : files) {
                //思路：
                //1) 将上传图片保存到服务器中的指定位置
                String dir = PropertiesUtil.getValue("dir");
                String server = PropertiesUtil.getValue("server");
                String filename = cfile.getOriginalFilename();
                FileUtils.copyInputStreamToFile(cfile.getInputStream(),new File(dir+filename));
                sb.append(filename).append(",");
            }
            System.out.println(sb.toString());
        } catch (Exception e) {
            e.printStackTrace();
        }
        return "redirect:list";
    }

效果展示

jrebel的使用

jrebel的好处

多文件上传跟单文件上传的区别

多文件上传和单文件上传的区别在于，多文件上传可以同时上传多个文件，而单文件上传只能上传一个文件。在实际应用中，多文件上传通常适用于需要同时上传多个文件的场景，比如上传多张图片、多个文档等；而单文件上传则适用于只需要上传一个文件的场景，比如上传头像、上传附件等。多文件上传通常要使用专门的插件或工具库来实现，比如jQuery File Upload、Dropzone.js等。

jrebel的好处

JRebel是一个Java开发工具，它提供了一种在开发过程中实时更新和重新加载Java代码的能力，而无需重新启动应用程序或重新部署。以下是JRebel的一些好处：

快速代码更新：JRebel允许开发人员在修改代码后立即看到变化的效果，无需重新编译和部署整个应用程序，从而提高了开发效率。

减少重启时间：传统的Java开发过程中，每次对代码进行修改后都需要重新启动应用，这会花费大量时间。而使用JRebel，可以避免重启，节省开发时间。

保持应用状态：JRebel在代码重新加载时，会尽量保持应用程序的状态，包括会话、数据库连接等，从而减少重新登录或重新建立连接的麻烦。

提高测试效率：JRebel能够加快代码更新的速度，使得开发人员可以更快地进行测试和调试，及时发现和修复问题。

支持广泛的框架和服务器：JRebel可以与多种Java框架和服务器兼容，包括Spring、Hibernate、Tomcat等，使得它可以适用于各种不同的开发环境。

总的来说，JRebel能够大大提升Java开发人员的工作效率，减少开发和调试过程中的重启时间，让开发过程更加流畅和高效。

jerbel的安装

重启后的IDEA是这样的：

但是此时我们还需要打开代理（黑窗口）才可以用jrebel启动项目。如下：

设置jrebel离线

打开代理后点击jrebel启动项目，会弹出以下窗口，具体操作如下：

1.在弹出框中Team URL下方第一个输入框输入：

http://127.0.0.1:8888/0e63ac70-2074-46d3-9de1-46fb2befde0a

2.在第二个输入框输入自己的邮箱。

3.勾选 I agree with the term...

4.最后点击最下方按钮Activete JRebel即可。

设置完jrebel离线之后，在用jrebel插件启动项目之前就可以不打开代理辅助工具了。

今天的分享就到这里了！！！！！！！！！！！

SpringMVC之文件上传下载以及jrebel的使用

前言

文件上传

导入依赖

配置文件上传解析器

配置存放地址

导入PropertiesUtil工具类

编写resource.properties

添加sql

编写PageController类

编写主页展示界面

编写文件上传方法

搭建一个图片上传的操作页面

文件下载

多文件上传

效果展示

jrebel的使用

jerbel的安装

设置jrebel离线

热门文章

最新文章

相关课程

相关电子书

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

SpringMVC之文件上传下载以及jrebel的使用

前言

文件上传

导入依赖

配置文件上传解析器

配置存放地址

导入PropertiesUtil工具类

编写resource.properties

添加sql

编写PageController类

编写主页展示界面

编写文件上传方法

搭建一个图片上传的操作页面

文件下载

多文件上传

效果展示

jrebel的使用

jerbel的安装

设置jrebel离线

热门文章

最新文章

相关课程

相关电子书