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

一、需求分析

1. 公开转私密~流程图

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

• 1. 从首页推荐~短视频列表观看某一个短视频
• 2. 点击短视频右侧分享
• 3. 选择转为私密
• 4.首页推荐~短视频列表中暂无转为私密的视频
• 5.视频到了个人中心~私密视频列表中

3. 私密转公开~流程图

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

• 1. 从个人中心~私密视频列表中，点击某一个短视频进入短视频详情
• 2. 点击短视频右侧分享
• 3. 选择转为公开
• 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: "设置完毕~"
							})
						}
					}
				});
				
			}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

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: "设置完毕~"
							})
						}
					}
				});
			}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

• 后端

2.3. 公开转私密

 /**
     * 用户把视频改为公开/私密的视频
     *
     * @param userId 用户主键ID
     * @param vlogId 视频主键ID
     * @return
     */
    @PostMapping("changeToPublic")
    public GraceJSONResult changeToPublic(@RequestParam String userId,
                                          @RequestParam String vlogId) {
        vlogService.changeToPrivateOrPublic(userId,
                vlogId,
                YesOrNo.NO.type);
        return GraceJSONResult.ok();
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

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();
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

三、作品鉴赏

3.1. 公开短视频转私密

• 首页推荐短视频
  

• 分享转私密
  

3.2. 私密短视频转公开

• 个人中心私密短视频列表
  

• 短视频详情
  
  私密转公开
  

• 首页推荐短视频列表中，下拉刷新后，有多了这个私密转公开的视频