交友项目【完善用户信息&上传用户头像】功能跳转首页

比眉伴天荒 2023-10-08 23:35 7阅读 0赞

**目录**

1：保存用户信息

1.1：接口地址

1.2：流程分析

1.3：代码实现

2.4： 测试

2：上传用户头像

2.1：接口地址

2.2：流程分析

2.3：代码实现

2.4：测试

--------------------

## 1：保存用户信息 ##

在进行完手机号码校验完毕之后，我们会进入完善用户信息页面

![009be0964b624600b6eee0c68256825c.png][]

### 1.1：接口地址 ###

启动虚拟机：首次登录---完善资料

[http://192.168.136.160:3000/project/19/interface/api/88][http_192.168.136.160_3000_project_19_interface_api_88]

![c722a42196924a1294e8502b1bb28400.png][]

![982c69093ba244aa9b4ac941741543f2.png][]

### 1.2：流程分析 ###

保存信息到用户基本资料表（tb\_user\_info）![188c4d05f5cb4f7598b8f4c75421c494.png][]

用户表(tb\_user) 和 用户信息表(tb\_user\_info) 是一对一的关系，两者采用主键关联的形式配置

![575496a1e127429f97de6c12126cda6b.png][]

### 1.3：代码实现 ###

与手机端交互的入口模块：tanhua-app-server

![807497c4c2814c8c8a3cff2902d7abe4.png][]

Controller层：将token中存储的用户信息解构出来获取当前用户的id

@PostMapping("/loginReginfo")
        public ResponseEntity loginReginfo(@RequestBody UserInfo userInfo , @RequestHeader("Authorization") String token){
            System.out.println(userInfo);
            boolean flag = JwtUtils.verifyToken(token);
            if (!flag){
                return ResponseEntity.status(401).body(null);
            }
            Claims claims = JwtUtils.getClaims(token);
            Long id = Long.valueOf(claims.get("id").toString());
            userInfo.setId(id);
            userInfoService.adduserinfo(userInfo);
            return ResponseEntity.ok(null);
        }

Service层：调用接口模块，中的接口，接口模块的实现类在Dubbo提供者模块

private UserInfoApi userInfoApi;
        public void adduserinfo(UserInfo userInfo) {
            userInfoApi.adduserInfo(userInfo);
        }

接口模块：

![175ae283bd0c46089b6b8cc7e8c93cd3.png][]

/**
     * @Author 爱吃豆的土豆、
     * @Date 2023/4/3 9:37
     */
    public interface UserInfoApi {
        public void adduserInfo(UserInfo userInfo);
    
        public void update(UserInfo userInfo);
    }

dubbo模块提供者：

/**
     * @Author 爱吃豆的土豆、
     * @Date 2023/4/3 9:03
     */
    @DubboService
    public class UserInfoApilmpl implements UserInfoApi {
        @Resource
        private UserInfoMapper userInfoMapper;
        @Override
        public void adduserInfo(UserInfo userInfo) {
            System.out.println(userInfo);
            int insert = userInfoMapper.insert(userInfo);
            System.out.println(insert);
        }
    }

### 2.4： 测试 ###

点击从相册选择可以跳转打开文件即可：测试成功

![97af3166ae8e4423802946b3275d2889.png][]

## 2：上传用户头像 ##

![f25e1993b727472ea78e6ca3e7a183f1.png][]

选择图片：

![ddf43012a9f54d6fb86bbe20d2fecf1f.png][]

电脑图片上传位置：

![65a3e8d5881a4b66827f40e6adb62a77.png][]

### 2.1：接口地址 ###

![cb41cca616434c79b006978f6909ced7.png][]

接口地址：http://192.168.136.160:3000/project/19/interface/api/91

上传用户头像-接口文档![d1c30515af9c4a8c8886dfdb81193a07.png][]

### 2.2：流程分析 ###

![6fb1f95cd0f64f61a3071b0e1e98c040.png][]

### 2.3：代码实现 ###

与手机端交互的入口模块：tanhua-app-server

![93f606d260084081aa47a2b66b79637c.png][]

LoginController层：

/**
     * @Author 爱吃豆的土豆、
     * @Date 2023/3/29 19:52
     */
    @RestController
    @RequestMapping("/user")
    public class LoginController {
        @Resource
        private UserService userService;
    
        @Resource
        private UserInfoService userInfoService;
    
        /**
         * 完善信息的头像信息
         * @param headPhoto
         * @param token
         * @return
         */
        @PostMapping("/loginReginfo/head")
        public ResponseEntity head( MultipartFile headPhoto, @RequestHeader("Authorization") String token){
            //获得用户id
            boolean verifyToken = JwtUtils.verifyToken(token);
    
            if (!verifyToken){
                return ResponseEntity.status(401).body(null);
            }
            Claims claims = JwtUtils.getClaims(token);
            Long id = Long.valueOf(claims.get("id").toString());
            userInfoService.uploadHead(headPhoto,id);
            return ResponseEntity.ok(null);
        }
    }

Service层：

/**
     * @Author 爱吃豆的土豆、
     * @Date 2023/4/3 9:41
     */
    @Service
    public class UserInfoService {
        @Resource
        private OssTemplate ossTemplate;
        @Resource
        private FaceTemplate faceTemplate;
        @DubboReference
        private UserInfoApi userInfoApi;
    
        public void uploadHead(MultipartFile headphoto, Long id) {
            String imageUrl = ossTemplate.upload(headphoto);
    
            boolean flag = faceTemplate.FaceUtils(imageUrl);
            if (!flag){
                throw new RuntimeException("不包含人脸");
            }
            UserInfo userInfo = new UserInfo();
            userInfo.setId(id);
            userInfo.setAvatar(imageUrl);
            userInfoApi.update(userInfo);
        }
    }

接口模块：

![46c6fee580b9402cb4c49c53ba0a9206.png][]

dubbo模块提供者：

/**
     * @Author 爱吃豆的土豆、
     * @Date 2023/4/3 9:03
     */
    @DubboService
    public class UserInfoApilmpl implements UserInfoApi {
        @Resource
        private UserInfoMapper userInfoMapper;
        @Override
        public void update(UserInfo userInfo) {
            int i = userInfoMapper.updateById(userInfo);
        }
    }

### 2.4：测试 ###

上传图片识别：

![1c694eef58074af7bc3d7643699c1999.png][]

审核结果：

![da478be997364d4baf2ce19eb812d894.png][]

测试成功页面：

![97398fe6beab42f6b9c9901013ec263d.png][]

[009be0964b624600b6eee0c68256825c.png]: https://img-blog.csdnimg.cn/009be0964b624600b6eee0c68256825c.png
[http_192.168.136.160_3000_project_19_interface_api_88]: http://192.168.136.160:3000/project/19/interface/api/88
[c722a42196924a1294e8502b1bb28400.png]: https://img-blog.csdnimg.cn/c722a42196924a1294e8502b1bb28400.png
[982c69093ba244aa9b4ac941741543f2.png]: https://img-blog.csdnimg.cn/982c69093ba244aa9b4ac941741543f2.png
[188c4d05f5cb4f7598b8f4c75421c494.png]: https://img-blog.csdnimg.cn/188c4d05f5cb4f7598b8f4c75421c494.png
[575496a1e127429f97de6c12126cda6b.png]: https://img-blog.csdnimg.cn/575496a1e127429f97de6c12126cda6b.png
[807497c4c2814c8c8a3cff2902d7abe4.png]: https://img-blog.csdnimg.cn/807497c4c2814c8c8a3cff2902d7abe4.png
[175ae283bd0c46089b6b8cc7e8c93cd3.png]: https://img-blog.csdnimg.cn/175ae283bd0c46089b6b8cc7e8c93cd3.png
[97af3166ae8e4423802946b3275d2889.png]: https://img-blog.csdnimg.cn/97af3166ae8e4423802946b3275d2889.png
[f25e1993b727472ea78e6ca3e7a183f1.png]: https://img-blog.csdnimg.cn/f25e1993b727472ea78e6ca3e7a183f1.png
[ddf43012a9f54d6fb86bbe20d2fecf1f.png]: https://img-blog.csdnimg.cn/ddf43012a9f54d6fb86bbe20d2fecf1f.png
[65a3e8d5881a4b66827f40e6adb62a77.png]: https://img-blog.csdnimg.cn/65a3e8d5881a4b66827f40e6adb62a77.png
[cb41cca616434c79b006978f6909ced7.png]: https://img-blog.csdnimg.cn/cb41cca616434c79b006978f6909ced7.png
[d1c30515af9c4a8c8886dfdb81193a07.png]: https://img-blog.csdnimg.cn/d1c30515af9c4a8c8886dfdb81193a07.png
[6fb1f95cd0f64f61a3071b0e1e98c040.png]: https://img-blog.csdnimg.cn/6fb1f95cd0f64f61a3071b0e1e98c040.png
[93f606d260084081aa47a2b66b79637c.png]: https://img-blog.csdnimg.cn/93f606d260084081aa47a2b66b79637c.png
[46c6fee580b9402cb4c49c53ba0a9206.png]: https://img-blog.csdnimg.cn/46c6fee580b9402cb4c49c53ba0a9206.png
[1c694eef58074af7bc3d7643699c1999.png]: https://img-blog.csdnimg.cn/1c694eef58074af7bc3d7643699c1999.png
[da478be997364d4baf2ce19eb812d894.png]: https://img-blog.csdnimg.cn/da478be997364d4baf2ce19eb812d894.png
[97398fe6beab42f6b9c9901013ec263d.png]: https://img-blog.csdnimg.cn/97398fe6beab42f6b9c9901013ec263d.png