IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 大数据 -> 前后端分离头像的修改 -> 正文阅读

[大数据]前后端分离头像的修改

由于我有点赶,就没有将按照标准去写service和serviceImpl了,请见谅

目录

1.准备阶段

1.1数据库

?1.2相关的类

? 1.2.1 UserImg与数据库的表相对应

? 1.2.2? RespBean用来返回json格式

? 1.2.3? UserImgMapper

?1.2.4?UserImgMapper.xml

2.Controller的相关方法

2.1 文件上传(前端给后端传来文件和该用户的id)

??2.2将数据库的图片以base64加密后返回给前端

??2.3查看历史头像,将数据库中该用户的所有头像以json格式返回给前端,图片仍然以base64进行了加密


目录

1.准备阶段

1.1数据库

?1.2相关的类

? 1.2.1 UserImg与数据库的表相对应

@Data
@AllArgsConstructor
@NoArgsConstructor
public class UserImg {
    private String id;
    private byte[] photo;
}

? 1.2.2? RespBean用来返回json格式

????????

@Data
@AllArgsConstructor
@NoArgsConstructor
public class RespBean {
    private long code;

    private String msg;

    private Object object;


    public static RespBean success(String msg) {
        return new RespBean(200, msg, null);
    }
    public static RespBean success(Object object) {
        return new RespBean(200,null ,object);
    }
    public static RespBean success(String msg, Object object) {
        return new RespBean(200, msg, object);
    }


    public static RespBean error(String msg) {
        return new RespBean(500, msg, null);
    }


    public static RespBean error(String msg,Object object) {
        return new RespBean(500, msg, object);
    }
}

? 1.2.3? UserImgMapper

@Mapper
@Repository
public interface UserImgMapper extends BaseMapper<UserImg> {
    void insertPhoto(@Param("e") UserImg photo);
    List<UserImg> findAllImgById(String userId);
}

?1.2.4?UserImgMapper.xml

2.Controller的相关方法

2.1 文件上传(前端给后端传来文件和该用户的id)

@PostMapping("/user/addimg")
    private RespBean addimg(@RequestParam("file") MultipartFile file, String userId){
        try {
            byte[] data;
            data = file.getBytes();
            UserImg photo = new UserImg();
            photo.setId(userId);
            photo.setPhoto(data);
            userimgMapper.insertPhoto(photo);
        }catch (Exception e){
            e.printStackTrace();
            return RespBean.error("上传失败");
        }
        return RespBean.success("上传成功");
    }

?2.2将数据库的图片以base64加密后返回给前端

 @RequestMapping("/user/change")
    public  RespBean change(String userId){
        List<UserImg> allImgById = userimgMapper.findAllImgById(userId);
        UserImg userImg = allImgById.get(allImgById.size()-1);
        return RespBean.success(userImg);
    }

?2.3查看历史头像,将数据库中该用户的所有头像以json格式返回给前端,图片仍然以base64进行了加密

@RequestMapping("/user/historyImg")
    public  RespBean historyImg(String userId){
        List<UserImg> allImgById = userimgMapper.findAllImgById(userId);
        return RespBean.success(allImgById);
    }

?

  大数据 最新文章
实现Kafka至少消费一次
亚马逊云科技:还在苦于ETL?Zero ETL的时代
初探MapReduce
【SpringBoot框架篇】32.基于注解+redis实现
Elasticsearch:如何减少 Elasticsearch 集
Go redis操作
Redis面试题
专题五 Redis高并发场景
基于GBase8s和Calcite的多数据源查询
Redis——底层数据结构原理
上一篇文章      下一篇文章      查看所有文章
加:2021-11-12 19:39:55  更:2021-11-12 19:40:44 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 5:52:01-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码