抖音实战~公开/私密短视频互转-CFANZ编程社区

抖音实战~公开/私密短视频互转_流程图

抖音实战~公开/私密短视频互转_流程图_02

文章目录

一、需求分析

1. 公开转私密~流程图
2. 公开转私密~流程简述
3. 私密转公开~流程图
4. 私密转公开~流程简述

二、代码实战

2.1. 公开转私密
2.2. 私密转公开
2.3. 公开转私密
2.4. 短视频详情
2.5. 私密转公开

三、作品鉴赏

3.1. 公开短视频转私密
3.2. 私密短视频转公开

一、需求分析

1. 公开转私密~流程图

抖音实战~公开/私密短视频互转_视频公开私密互转_03

2. 公开转私密~流程简述

从首页推荐~短视频列表观看某一个短视频
点击短视频右侧分享
选择转为私密

4.首页推荐~短视频列表中暂无转为私密的视频
5.视频到了个人中心~私密视频列表中

3. 私密转公开~流程图

抖音实战~公开/私密短视频互转_流程图_04

4. 私密转公开~流程简述

从个人中心~私密视频列表中，点击某一个短视频进入短视频详情
点击短视频右侧分享
选择转为公开

4.首页推荐~短视频列表中刷新，就可以看到刚转为公开的短视频

二、代码实战

前端

2.1. 公开转私密

// 用户把公开视频改为私密的视频
      changeVlogToPrivate() {
        var vlogId = this.thisVlogId;
        var me = this;
        var userId = getApp().getUserInfoSession().id;
        var serverUrl = app.globalData.serverUrl;
        uni.request({
          method: "POST",
          header: {
            headerUserId: userId,
            headerUserToken: app.getUserSessionToken()
          },
          url: serverUrl + "/vlog/changeToPrivate?userId=" + userId + "&vlogId=" + vlogId,
          success(result) {
            console.log(result);
            
            if (result.data.status == 200) {
              uni.showToast({
                title: "设置完毕~"
              })
            }
          }
        });
        
      }

2.2. 私密转公开

changeVlogToPublic() {
        var vlogId = this.thisVlogId;
        var me = this;
        var userId = getApp().getUserInfoSession().id;
        var serverUrl = app.globalData.serverUrl;
        uni.request({
          method: "POST",
          header: {
            headerUserId: userId,
            headerUserToken: app.getUserSessionToken()
          },
          url: serverUrl + "/vlog/changeToPublic?userId=" + userId + "&vlogId=" + vlogId,
          success(result) {
            console.log(result);
            
            if (result.data.status == 200) {
              uni.showToast({
                title: "设置完毕~"
              })
            }
          }
        });
      }

后端

2.3. 公开转私密

("changeToPublic")
    public GraceJSONResult changeToPublic(@RequestParam String userId,
                                          @RequestParam String vlogId) {
        vlogService.changeToPrivateOrPublic(userId,
                vlogId,
                YesOrNo.NO.type);
        return GraceJSONResult.ok();
    }

2.4. 短视频详情

列表视频点击某一个跳转短视频详情，和首页短视频列表以及搜索短视频列表点击某一个进行短视频详情原理一样，用的是一个接口

2.5. 私密转公开

/**
     * 用户把视频改为公开/私密的视频
     *
     * @param userId 用户主键ID
     * @param vlogId 视频主键ID
     * @return
     */
    @PostMapping("changeToPrivate")
    public GraceJSONResult changeToPrivate(@RequestParam String userId,
                                           @RequestParam String vlogId) {
        vlogService.changeToPrivateOrPublic(userId,
                vlogId,
                YesOrNo.YES.type);
        return GraceJSONResult.ok();
    }