diff --git a/YouBili_front/public/index.html b/YouBili_front/public/index.html
index 26d9ae217896ab6d5105447af520b29236c178dd..8c4203ca7a606b49239f698de5d372f5186036a8 100644
--- a/YouBili_front/public/index.html
+++ b/YouBili_front/public/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="mLogo.png">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>YouBili</title>
   </head>
   <body>
     <noscript>
diff --git a/YouBili_front/src/components/Handder.vue b/YouBili_front/src/components/Handder.vue
index 9d1d937965fbb125613b3cd4202023a50f7243f4..af07fdd484e61567fcc59ca705dd89a737dddc43 100644
--- a/YouBili_front/src/components/Handder.vue
+++ b/YouBili_front/src/components/Handder.vue
@@ -379,7 +379,7 @@ i {
   position: fixed;
   top: 0;
   left: 0;
-  background: #fff;
+  //background: #fff;
   height: 60px;
   width: 100%;
   min-width: 1200px;
@@ -387,6 +387,7 @@ i {
   justify-content: space-between;
   align-items: center;
   z-index: 99999;
+  background-image: linear-gradient(#feb692, #ea5455);
 }
 
 #left {
@@ -427,7 +428,7 @@ i {
 }
 
 .el-autocomplete {
-  width: 580px;
+  width: 680px;
 }
 
 .popover {
diff --git a/YouBili_front/src/components/sidebar.vue b/YouBili_front/src/components/sidebar.vue
index 60670a6d6656d81793b0ecca9779881ac031c68f..6f95d01af5900e80b6a34d160ebc1eecbe2f8734 100644
--- a/YouBili_front/src/components/sidebar.vue
+++ b/YouBili_front/src/components/sidebar.vue
@@ -1,12 +1,13 @@
 <!--侧边栏-->
 <template>
-  <div>
+  <div id="mao">
     <el-menu
         id="sidebar"
         class="el-menu-vertical-demo"
         :default-active="$router.currentRoute.path"
         router
         v-show="isShow"
+        active-text-color="#fe3355"
     >
       <el-submenu :index="i+''" v-for="(v, i) of themeAll" :key="i">
         <template slot="title">
@@ -64,8 +65,11 @@ export default {
 * {
   padding: 0;
   margin: 0;
+  color: #fff;
 }
+#mao {
 
+}
 #sidebar {
   position: fixed;
   top: 60px;
@@ -74,14 +78,19 @@ export default {
   width: 250px;
   overflow-y: auto;
   border: 0;
+  background-image: linear-gradient(#fad7a1, #e96d71);
 }
 
 #sidebar .el-menu {
   border: 0;
+
+}
+ul .el-menu .el-menu--inline {
+  background-color: #000 !important;
 }
 
 .el-menu-item.is-active {
-  background: #aaa !important;
+  background: #fad7a1 !important;
 }
 
 a {
diff --git a/YouBili_front/src/utils/option.js b/YouBili_front/src/utils/option.js
index d051bf9c822a7f67b8a1dcb33bcd0937dcd79622..0b8aa38078ebdf74d03643141ea4c03d537b69d0 100644
--- a/YouBili_front/src/utils/option.js
+++ b/YouBili_front/src/utils/option.js
@@ -340,3 +340,30 @@ export function uploadContent(params) {
         data: params
     })
 }
+
+
+// 获取视频页所有数量
+export function LikeCount(params) {
+    return request({
+        method: "get",
+        url: "/video/all/counts",
+        data: params
+    })
+}
+
+// // 点赞
+// export function ForLike(params) {
+//     return request({
+//         method: "post",
+//         url: "/video/handel/like",
+//         data: params
+//     })
+// }
+// 取消点赞
+export function ForLike(params) {
+    return request({
+        method: "post",
+        url: "/video/handel/removelike",
+        data: params
+    })
+}
\ No newline at end of file
diff --git a/YouBili_front/src/views/video/videoIndex.vue b/YouBili_front/src/views/video/videoIndex.vue
index 61d7661c5afdbef6396072412f9878fb1213b33d..09769923ca507f3e991840ece44c791667d41845 100644
--- a/YouBili_front/src/views/video/videoIndex.vue
+++ b/YouBili_front/src/views/video/videoIndex.vue
@@ -286,6 +286,7 @@ import Sidebar from "@/components/sidebar.vue";
 import MuiPlayer from "mui-player";
 import 'mui-player/dist/mui-player.min.css'
 import MuiPlayerDesktopPlugin from './mui-player-desktop-plugin.min'
+import {ForLike} from "@/utils/option";
 
 
 
@@ -395,6 +396,7 @@ export default {
               likeCount: 1,
               dislikeCount: 2,
             }
+
           ],
         },
         {
@@ -578,6 +580,36 @@ export default {
     showContentDetail(id) {
       this.videoComments.find(item => item.id == id).isShow = true
     },
+    //点赞
+    // handleLike() {
+    //   ForLike(videoID).then(res => {
+    //     // 如果请求成功，打印响应数据
+    //     console.log(res.data);
+    //     // 显示一个成功的消息
+    //     alert('点赞成功');
+    //   })
+    //       .catch(err => {
+    //         // 如果请求失败，打印错误信息
+    //         console.error(err);
+    //         // 显示一个失败的消息
+    //         alert('点赞失败');
+    //       });
+    // },
+//点赞
+//     removeLike() {
+//       deleteLike(likeID).then(res => {
+//         // 如果请求成功，打印响应数据
+//         console.log(res.data);
+//         // 显示一个成功的消息
+//         alert('点赞成功');
+//       })
+//           .catch(err => {
+//             // 如果请求失败，打印错误信息
+//             console.error(err);
+//             // 显示一个失败的消息
+//             alert('点赞失败');
+//           });
+//     },
     test() {
       // 上传pagenum pagesize 住品论id
 
diff --git a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/core/config/MybatisConfig.java b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/core/config/MybatisConfig.java
index e159c0ec6c1cad284df29b0a73f10a1c3160b921..f4eef7e5dbb9ef45cfde4ec79443d8eaa4ee28ab 100644
--- a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/core/config/MybatisConfig.java
+++ b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/core/config/MybatisConfig.java
@@ -24,7 +24,8 @@ import org.springframework.context.annotation.Configuration;
                 "cn.tedu.youbiliprojectbackend.modules.user.history.dao.mapper",
                 "cn.tedu.youbiliprojectbackend.modules.recommend.mahoutCF.mapper",
                 "cn.tedu.youbiliprojectbackend.common.data.mapper",
-                "cn.tedu.youbiliprojectbackend.modules.user.account.dao.mapper"
+                "cn.tedu.youbiliprojectbackend.modules.user.account.dao.mapper",
+                "cn.tedu.youbiliprojectbackend.modules.social.like.dao.persist.mapper",
         })
 public class MybatisConfig {
 }
diff --git a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/core/config/SecurityConfiguration.java b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/core/config/SecurityConfiguration.java
index e2955289de0c6c5ae4fd14e368731e869f11895e..876fcf897be7954ae42ee4909732eb96f464b109 100644
--- a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/core/config/SecurityConfiguration.java
+++ b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/core/config/SecurityConfiguration.java
@@ -64,8 +64,10 @@ public class SecurityConfiguration {
 //            auth.requestMatchers("/alipay/notify");
             auth.requestMatchers("/alipay/**").permitAll();
             auth.requestMatchers("/orders/details/**").permitAll();
+            auth.requestMatchers("/video/handle/**").permitAll();
 //            auth.requestMatchers("/index.html").permitAll();
             auth.anyRequest().authenticated();
+
         });
         /*来禁用跨站请求伪造防御*/
         http.csrf(AbstractHttpConfigurer::disable);
diff --git a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/controller/FavoriteController.java b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/controller/FavoriteController.java
index 61d4952799fe9bbf89dc2df59038f01cd61e83af..e3064b83202bdfda7671772bf3aa8c62cf30742e 100644
--- a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/controller/FavoriteController.java
+++ b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/controller/FavoriteController.java
@@ -39,9 +39,9 @@ public class FavoriteController {
      */
     @GetMapping("delete")
     public RestBean<String> delete(@AuthenticationPrincipal CurrentPrincipal currentPrincipal,
-                                   Long favoriteID){
+                                   Long favoriteID,Long videoID){
         log.debug("开始处理请求: deleteAll");
-        favoriteService.deleteById(favoriteID, currentPrincipal.getUserID());
+        favoriteService.deleteById(favoriteID, currentPrincipal.getUserID(),videoID);
         return RestBean.success("删除成功!");
     }
 
@@ -65,10 +65,9 @@ public class FavoriteController {
      * @return 返回
      */
     @GetMapping("/add-favorite")
-    public RestBean<String> addFavorite(@AuthenticationPrincipal CurrentPrincipal currentPrincipal,Long videoID){
+    public RestBean<String> addFavorite(@AuthenticationPrincipal CurrentPrincipal currentPrincipal,Long videoID) {
         log.debug("开始处理请求 add-favorite");
         favoriteService.insterFavorite(currentPrincipal.getUserID(), videoID);
         return RestBean.success("收藏成功");
     }
-
 }
diff --git a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/dao/cache/FavoriteCacheRepoistory.java b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/dao/cache/FavoriteCacheRepoistory.java
index 7a86873bee853db614c5e04255a5498fc488f541..aaeb1cfd9a75b67f8f11ca80d347330fb63a6fed 100644
--- a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/dao/cache/FavoriteCacheRepoistory.java
+++ b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/dao/cache/FavoriteCacheRepoistory.java
@@ -1,8 +1,10 @@
 package cn.tedu.youbiliprojectbackend.modules.user.favorite.dao.cache;
 
+
 public interface FavoriteCacheRepoistory {
     /**
      * 保存
      */
     void save();
+
 }
diff --git a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/dao/cache/impl/FavoriteCacheRepoistoryImpl.java b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/dao/cache/impl/FavoriteCacheRepoistoryImpl.java
index 5d3b6c889dcd776541b41875c3f632aed8419c26..5701401b4c2dcf9d7375660034e6de3186c2623b 100644
--- a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/dao/cache/impl/FavoriteCacheRepoistoryImpl.java
+++ b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/dao/cache/impl/FavoriteCacheRepoistoryImpl.java
@@ -1,14 +1,26 @@
 package cn.tedu.youbiliprojectbackend.modules.user.favorite.dao.cache.impl;
 
 
+import cn.tedu.youbiliprojectbackend.common.cacheUtils.count.video.pojo.VideoCount;
+import cn.tedu.youbiliprojectbackend.common.consts.CountConsts;
 import cn.tedu.youbiliprojectbackend.modules.user.favorite.dao.cache.FavoriteCacheRepoistory;
+import cn.tedu.youbiliprojectbackend.modules.user.favorite.dao.persist.mapper.FavoriteMapper;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.data.redis.core.RedisTemplate;
+import org.springframework.data.redis.core.ValueOperations;
 import org.springframework.stereotype.Repository;
 
+import java.io.Serializable;
+
 @Repository
-public class FavoriteCacheRepoistoryImpl implements FavoriteCacheRepoistory {
+public class FavoriteCacheRepoistoryImpl implements FavoriteCacheRepoistory, CountConsts {
+
+    @Autowired
+    private FavoriteMapper favoriteMapper;
+
 
     @Override
-    public void save() {
+    public void save() {}
+
 
-    }
 }
diff --git a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/pojo/param/FavoriteParam.java b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/pojo/param/FavoriteParam.java
new file mode 100644
index 0000000000000000000000000000000000000000..f32ae2e67e0e35fb6acd13d470f4a3f26a5db59b
--- /dev/null
+++ b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/pojo/param/FavoriteParam.java
@@ -0,0 +1,35 @@
+package cn.tedu.youbiliprojectbackend.modules.user.favorite.pojo.param;
+
+import com.fasterxml.jackson.annotation.JsonFormat;
+import lombok.Data;
+
+import java.time.LocalDateTime;
+import java.util.Date;
+
+/**
+ * 取消收藏视频的计数
+ */
+@Data
+public class FavoriteParam {
+    /**
+     * 用户ID
+     */
+    private Long userID;
+    /**
+     * 视频ID
+     */
+    private Long videoID;
+    /**
+     * 启用状态
+     */
+    private Integer enable;
+    /**
+     * 收藏总数
+     */
+    private Integer favoriteCount;
+    /**
+     * 修改时间
+     */
+    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
+    private LocalDateTime gmtModified;
+}
diff --git a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/service/IFavoriteService.java b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/service/IFavoriteService.java
index b1b1c6f2f446ad90c17a247b966eba320e8816ee..b3dba92a33f8420aadd64319e7e4c013470f59e2 100644
--- a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/service/IFavoriteService.java
+++ b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/service/IFavoriteService.java
@@ -1,5 +1,6 @@
 package cn.tedu.youbiliprojectbackend.modules.user.favorite.service;
 
+
 import cn.tedu.youbiliprojectbackend.modules.user.favorite.pojo.vo.FavoriteVO;
 
 import java.util.List;
@@ -21,7 +22,10 @@ public interface IFavoriteService {
      * @param favoriteID
      * @param userID
      */
-    void deleteById(Long favoriteID,Long userID);
+    void deleteById(Long favoriteID,Long userID,Long videoID);
 
     void insterFavorite(Long userID,Long videoID);
+
+
+
 }
diff --git a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/service/impl/FavoriteService.java b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/service/impl/FavoriteService.java
index cda9087dd321f60afbddc1b022971ad337f403ad..6352c0da5cb8743212f51db328d1c516f5e773ba 100644
--- a/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/service/impl/FavoriteService.java
+++ b/youbili-project-backend/src/main/java/cn/tedu/youbiliprojectbackend/modules/user/favorite/service/impl/FavoriteService.java
@@ -2,9 +2,12 @@ package cn.tedu.youbiliprojectbackend.modules.user.favorite.service.impl;
 
 import cn.tedu.youbiliprojectbackend.common.ex.ServiceException;
 import cn.tedu.youbiliprojectbackend.common.web.response.ServiceCode;
+import cn.tedu.youbiliprojectbackend.modules.user.favorite.dao.cache.FavoriteCacheRepoistory;
 import cn.tedu.youbiliprojectbackend.modules.user.favorite.dao.persist.repository.IFavoriteRepository;
+import cn.tedu.youbiliprojectbackend.modules.user.favorite.pojo.param.FavoriteParam;
 import cn.tedu.youbiliprojectbackend.modules.user.favorite.pojo.vo.FavoriteVO;
 import cn.tedu.youbiliprojectbackend.modules.user.favorite.service.IFavoriteService;
+import cn.tedu.youbiliprojectbackend.modules.video.videocount.dao.cache.VideoCountCacheRepository;
 import lombok.extern.slf4j.Slf4j;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
@@ -17,20 +20,22 @@ public class FavoriteService implements IFavoriteService {
 
     @Autowired
     IFavoriteRepository favoriteRepository;
+    @Autowired
+    private VideoCountCacheRepository videoCountCacheRepository;
 
     @Override
     public List<FavoriteVO> list(Long userID) {
 
         List<FavoriteVO> list = null;
-        try{
+        try {
             list = favoriteRepository.list(userID);
 
-        }catch (Throwable e){
+        } catch (Throwable e) {
             e.printStackTrace();
         }
 
-        if(list == null) {
-            throw new ServiceException(ServiceCode.ERROR_CONFLICT,"没有查询到响应结果");
+        if (list == null) {
+            throw new ServiceException(ServiceCode.ERROR_CONFLICT, "没有查询到响应结果");
         }
 
         return list;
@@ -44,19 +49,21 @@ public class FavoriteService implements IFavoriteService {
      * @param userID
      */
     @Override
-    public void deleteById(Long favoriteID, Long userID) {
-        int i = favoriteRepository.deleteById(userID,favoriteID);
-        if( i == 0){
-         throw new ServiceException(ServiceCode.ERROR_CONFLICT,"信息错误!请以正确的形式输入信息");
+    public void deleteById(Long favoriteID, Long userID,Long videoID) {
+        int i = favoriteRepository.deleteById(userID, favoriteID);
+        if (i == 0) {
+            throw new ServiceException(ServiceCode.ERROR_CONFLICT, "信息错误!请以正确的形式输入信息");
         }
-
+        videoCountCacheRepository.removeFavoriteCount(videoID);
     }
 
     @Override
     public void insterFavorite(Long userID, Long videoID) {
-        int i = favoriteRepository.addFavorite(userID,videoID);
-        if( i != 1) {
-            throw new ServiceException(ServiceCode.ERROR_CONFLICT,"信息错误!请以正确的形式输入信息");
+        int i = favoriteRepository.addFavorite(userID, videoID);
+        if (i != 1) {
+            throw new ServiceException(ServiceCode.ERROR_CONFLICT, "信息错误!请以正确的形式输入信息");
         }
+        videoCountCacheRepository.addFavoriteCount(videoID);
     }
+
 }
diff --git a/youbili-project-backend/src/main/resources/mapper/likes/LikeMapper.xml b/youbili-project-backend/src/main/resources/mapper/likes/LikeMapper.xml
new file mode 100644
index 0000000000000000000000000000000000000000..2191cda2d254296c506de523923379724fad2efc
--- /dev/null
+++ b/youbili-project-backend/src/main/resources/mapper/likes/LikeMapper.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper
+        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="cn.tedu.youbiliprojectbackend.modules.social.like.dao.persist.mapper.LikeMapper">
+    <insert id="insert">
+        INSERT INTO likes(likeID,userID,videoID,likeDate,typeEnable,gmtCreate,gmtModified)
+        VALUES (#{likeID},#{userID},#{videoID},#{likeDate},#{typeEnable},#{gmtCreate},#{gmtModified})
+    </insert>
+
+    <delete id="delete">
+        DELETE likeID,userID,videoID,likeDate,typeEnable,gmtCreate,gmtModified
+        FROM youbili_v1.likes
+        WHERE likeID=#{likeID}
+    </delete>
+</mapper>
\ No newline at end of file
