学习B站程序员青戈《从0开始带你手撸一套SpringBoot+Vue后台管理系统,让小白能跟着学会的项目实战》第13个视频的笔记(导入导出篇)

不知道小伙伴们在写项目时有没有被导入导出这两个功能所困扰,今天在这里我就springboot+vue跟你们分享一下我看B站程序员青戈第13个视频关于导入导出的笔记,可能还有地方要完善,希望能给各位友友一点灵感。

一、安装hutool依赖

        <dependency>
            <groupId>cn.hutool</groupId>
            <artifactId>hutool-all</artifactId>
            <version>5.7.20</version>
        </dependency>

        <dependency>
            <groupId>org.apache.poi</groupId>
            <artifactId>poi-ooxml</artifactId>
            <version>4.1.2</version>
        </dependency>

二、后端导出

  • 代码详情:
  /**
     * 导出接口
     */
    @GetMapping("/export")
    public void export(HttpServletResponse response) throws Exception {
        List<User> list = userService.list();
        ExcelWriter writer = ExcelUtil.getWriter(true);
        writer.addHeaderAlias("username", "用户名");
        writer.addHeaderAlias("password", "密码");
        writer.addHeaderAlias("nickname", "昵称");
        writer.addHeaderAlias("email", "邮箱");
        writer.addHeaderAlias("phone", "电话");
        writer.addHeaderAlias("address", "地址");
        writer.addHeaderAlias("createTime", "创建时间");
        writer.addHeaderAlias("avatarUrl", "头像");
        writer.write(list, true);
        response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8");
        String fileName = URLEncoder.encode("用户信息", "UTF-8");
        response.setHeader("Content-Disposition", "attachment;filename=" + fileName + ".xlsx");

        ServletOutputStream out = response.getOutputStream();
        writer.flush(out, true);
        out.close();
        writer.close();
    }
  • 开启后端,在浏览器上输入地址:localhost:8086/user/export,会将用户信息打印在excel表格中。效果如下:

三、后端导入

  • 代码详情:
 /**
     * 导入接口
     */ 
    @PostMapping("/import")
    public Boolean imp(MultipartFile file) throws Exception {
        InputStream inputStream = file.getInputStream();
        ExcelReader reader = ExcelUtil.getReader(inputStream);
        //表头要和javabean的一致
//         List<User> list = reader.readAll(User.class);
//         List<User> list = reader.read(0,1,User.class);
//         userService.saveBatch(list);
        //忽略表头的中文
        List<List<Object>> list = reader.read(1);
        List<User> users = CollUtil.newArrayList();
        for (List<Object> row : list) {
            User user = new User();
            user.setUsername(row.get(0).toString());
            user.setPassword(row.get(1).toString());
            user.setNickname(row.get(2).toString());
            user.setEmail(row.get(3).toString());
            user.setPhone(row.get(4).toString());
            user.setAddress(row.get(5).toString());
            user.setAvatarUrl(row.get(6).toString());
            users.add(user);
        }
        userService.saveBatch(users);
        return true;

    }
  • 在Apifox测试导入接口,返回200,数据库成功导入数据

四、前后端导入导出功能

  • 导入

  • 导出

好了,以上就是我看第13个视频的学习笔记,希望对你们有帮助,我们下期再见!

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: springboot+vue后台管理系统是一种基于Spring Boot和Vue.js技术开发的后台管理系统。它可以快速搭建一个功能完善、易于维护的后台管理系统,具有良好的用户体验和可扩展性。该系统可以用于各种企业、机构和组织的后台管理,包括人力资源管理、财务管理、客户关系管理等。同时,该系统还具有安全性高、性能优异、易于部署等优点,是一种非常实用的后台管理系统。 ### 回答2: Spring Boot和Vue.js是目前非常流行的两种Web开发框架,它们的结合可以用于构建高效、易维护的后台管理系统。这样的系统通常用于处理企业级的后台任务,例如管理用户、存储和查询数据、处理业务逻辑等。 在Spring Boot中,我们可以使用Spring MVC来处理与前端的交互,同时使用Spring Data JPA来操作数据库。这些技术可以极大地简化我们的开发任务,同时提供了强大的功能和稳定的性能。此外,Spring Boot配备了一些非常有用的开发工具,包括自动配置、依赖管理和日志记录等。 与此同时,Vue.js是一种快速的前端框架,使用它可以为用户提供出色的用户体验。Vue.js提供了许多功能强大的组件,例如表格、表单、图标和图表等。此外,它还支持响应式设计,这使得我们的UI可以根据用户的设备和屏幕大小动态地调整布局和样式。 结合Spring Boot和Vue.js,我们可以构建一个完整的后台管理系统,它使用Vue来渲染UI,通过API与Spring Boot的后端进行通信。Vue.js可以使用RESTful API接口来请求Spring Boot发送的JSON数据并将其展示。在处理完用户的交互后,Vue.js会将这些操作反馈给Spring Boot的后端。 总结起来,springboot vue后台管理系统是一种现代化、高效、易维护的框架,可以帮助开发者快速构建功能强大的后台管理系统。这种框架集成了Spring Boot和Vue.js这两种常用的技术,可以提供稳定的性能和出色的用户体验。如果你正在寻找一种现代且适用于企业级后台管理的框架,那么Spring Boot和Vue.js的结合是一个不错的选择。 ### 回答3: Spring Boot Vue是一种基于Spring Boot和Vue后台管理系统架构,它在Web应用的后台管理方面具有很高的可扩展性和易用性。Spring Boot作为后端框架,能够轻松地处理Java应用程序中的各种复杂问题,包括数据库操作、请求过滤、AOP处理等等。Vue作为前端框架,则能够快速地构建SPA应用程序,并提供丰富的界面交互和数据展示功能。 Spring Boot Vue后台管理系统架构包括两个部分:前端和后端。前端使用Vue、Element UI、Vue Router、Vuex等技术,构建出一个可配置的、快速响应的单页应用程序,实现后台管理系统的各种功能,如用户管理、权限管理、数据统计等。后端使用Spring Boot、Spring Security、MyBatis等技术,实现对数据库的操作、请求的拦截处理、用户身份验证等功能,同时提供RESTful API和WebSocket协议,以满足前端与后端的数据交互需求。 Spring Boot Vue采用前后端分离的架构,使得前端和后端能够独立地进行开发和部署,同时也避免了代码混杂和难以维护的情况。此外,Spring Boot Vue还提供了大量的现成组件和插件,如数据表格、折线图、饼图等,以方便开发人员在前端进行快速开发,提高产品开发效率。 总之,Spring Boot Vue后台管理系统是一种非常灵活、高效的后台管理系统框架,它能够帮助开发人员快速构建稳定、可拓展的后台管理系统,并在开发过程中提供极高的开发效率和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值