作品管理-删除作品-CFANZ编程社区

后端

在 ContentController 当中定义接口

/**
 * <b>
 * 根据作品id删除对应视频信息
 * </b>
 */
@ApiOperation(value&nbsp;=&nbsp;&quot;根据作品id删除对应视频信息&quot;)
@PostMapping(&quot;/deleteContent/{id}&quot;)
public&nbsp;ResponseResult&nbsp;deleteContent(@PathVariable&nbsp;String&nbsp;id)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;contentService.deleteContentWithId(id);
&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;ResponseResult.ok();
}

修改 ContentService 添加方法

/**
 * <b>
 * 根据作品id删除对应视频信息
 * </b>
 *
 * @param id 作品ID
 */
void&nbsp;deleteContentWithId(String&nbsp;id);

修改 ContentServiceImpl 实现方法

@Override
public&nbsp;void&nbsp;deleteContentWithId(String&nbsp;id)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;// 根据作品的id删除作品
&nbsp;&nbsp;&nbsp;&nbsp;// 1.作品章节
&nbsp;&nbsp;&nbsp;&nbsp;chapterService.deleteChapterWithContentId(id);

&nbsp;&nbsp;&nbsp;&nbsp;// 2.作品小节视频
&nbsp;&nbsp;&nbsp;&nbsp;contentVideoService.deleteContentVideoByContentId(id);

&nbsp;&nbsp;&nbsp;&nbsp;// 3.删除信息
&nbsp;&nbsp;&nbsp;&nbsp;baseMapper.deleteById(id);
}

修改 ChapterService

/**
 * <b>
 * 根据作品id删除作品关联的所有章节
 * </b>
 *
 * @param id 作品ID
 */
void&nbsp;deleteChapterWithContentId(String&nbsp;id);

修改 ChapterServiceImpl

@Override
public&nbsp;void&nbsp;deleteChapterWithContentId(String&nbsp;id)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;QueryWrapper&lt;Chapter&gt;&nbsp;queryWrapper&nbsp;=&nbsp;new&nbsp;QueryWrapper&lt;&gt;();
&nbsp;&nbsp;&nbsp;&nbsp;queryWrapper.eq(&quot;content_id&quot;,&nbsp;id);
&nbsp;&nbsp;&nbsp;&nbsp;baseMapper.delete(queryWrapper);
}

修改 ContentVideoService

/**
 * <b>
 * 根据作品id删除对应的小节视频
 * </b>
 *
 * @param id 作品id
 */
void&nbsp;deleteContentVideoByContentId(String&nbsp;id);

修改 ContentVideoServiceImpl

@Override
public&nbsp;void&nbsp;deleteContentVideoByContentId(String&nbsp;id)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;QueryWrapper&lt;ContentVideo&gt;&nbsp;queryWrapper&nbsp;=&nbsp;new&nbsp;QueryWrapper&lt;&gt;();
&nbsp;&nbsp;&nbsp;&nbsp;queryWrapper.eq(&quot;content_id&quot;,&nbsp;id);
&nbsp;&nbsp;&nbsp;&nbsp;baseMapper.delete(queryWrapper);
}

前端调用

在 content.js 当中定义删除请求

// 删除作品
deleteContentById(id)&nbsp;{
&nbsp;&nbsp;return&nbsp;request({
&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;`/service_video/content/deleteContent/${id}`,
    method: 'post'
  });
}

删除按钮事件注册

作品管理-删除作品_Project

实现删除事件方法

deleteContentById(id)&nbsp;{
&nbsp;&nbsp;// debugger
&nbsp;&nbsp;this.$confirm(&#39;真的的要删除该作品?&#39;,&nbsp;&#39;提示&#39;,&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;confirmButtonText:&nbsp;&#39;确定&#39;,
&nbsp;&nbsp;&nbsp;&nbsp;cancelButtonText:&nbsp;&#39;取消&#39;,
&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;&#39;warning&#39;
&nbsp;&nbsp;}).then(()&nbsp;=&gt;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;content.deleteContentById(id)
&nbsp;&nbsp;}).then((res)&nbsp;=&gt;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;this.getData()
&nbsp;&nbsp;&nbsp;&nbsp;this.$message({
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;&#39;success&#39;,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;message:&nbsp;res.message
&nbsp;&nbsp;&nbsp;&nbsp;});
&nbsp;&nbsp;&nbsp;&nbsp;// 失败
&nbsp;&nbsp;}).catch((response)&nbsp;=&gt;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(response&nbsp;===&nbsp;&#39;cancel&#39;)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.$message({
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;&#39;info&#39;,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;message:&nbsp;&#39;已取消删除&#39;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;})
},