【项目】仿牛客网社区开发第4章 Redis 一站式高性能存储方案 6 关注列表、粉丝列表

客官°小女子只卖身不卖艺 2024-03-22 15:24 20阅读 0赞

### 【项目】仿牛客网社区开发 ###

#### 文章目录 ####

*   *  【项目】仿牛客网社区开发
     *   *  第4章 Redis 一站式高性能存储方案
         *   *  6 关注列表、粉丝列表

![在这里插入图片描述][1b1a0dc6996e4971ac7aab87487d3a63.png_pic_center]

#### 第4章 Redis 一站式高性能存储方案 ####

##### 6 关注列表、粉丝列表 #####

*  业务层
    
     *  查询某个用户关注的人，支持分页。
     *  查询某个用户的粉丝，支持分页。
 *  表现层
    
     *  处理“查询关注的人”、“查询粉丝”请求。
     *  编写“查询关注的人”、“查询粉丝”模板。

> 其实之前，我们已经可以显示数量了，不过还不能点进去而已，下面就实现一下
> 
> ![在这里插入图片描述][bae8ba2acfc84af0aef7887db8bf91bd.png_pic_center]

修改业务实现

@Autowired
        private UserService userService;
    
        // 查询某用户关注的人
        public List<Map<String, Object>> findFollowees(int userId, int offset, int limit) {
        
            String followeeKey = RedisKeyUtil.getFolloweeKey(userId, ENTITY_TYPE_USER);
            Set<Integer> targetIds = redisTemplate.opsForZSet().reverseRange(followeeKey, offset, offset + limit - 1);
    
            if (targetIds == null) {
        
                return null;
            }
    
            List<Map<String, Object>> list = new ArrayList<>();
            for (Integer targetId : targetIds) {
        
                Map<String, Object> map = new HashMap<>();
                User user = userService.findUserById(targetId);
                map.put("user", user);
                Double score = redisTemplate.opsForZSet().score(followeeKey, targetId);
                map.put("followTime", new Date(score.longValue()));
                list.add(map);
            }
    
            return list;
        }
    
        // 查询某用户的粉丝
        public List<Map<String, Object>> findFollowers(int userId, int offset, int limit) {
        
            String followerKey = RedisKeyUtil.getFollowerKey(ENTITY_TYPE_USER, userId);
            Set<Integer> targetIds = redisTemplate.opsForZSet().reverseRange(followerKey, offset, offset + limit - 1);
    
            if (targetIds == null) {
        
                return null;
            }
    
            List<Map<String, Object>> list = new ArrayList<>();
            for (Integer targetId : targetIds) {
        
                Map<String, Object> map = new HashMap<>();
                User user = userService.findUserById(targetId);
                map.put("user", user);
                Double score = redisTemplate.opsForZSet().score(followerKey, targetId);
                map.put("followTime", new Date(score.longValue()));
                list.add(map);
            }
    
            return list;
        }

![在这里插入图片描述][6562b0e6b0bb4af9b9a9df657d5c3c5e.png_pic_center]

修改控制器跳转到显示列表那个页面

@Autowired
        private UserService userService;
    
        @RequestMapping(path = "/followees/{userId}", method = RequestMethod.GET)
        public String getFollowees(@PathVariable("userId") int userId, Page page, Model model) {
        
            User user = userService.findUserById(userId);
            if (user == null) {
        
                throw new RuntimeException("该用户不存在!");
            }
            model.addAttribute("user", user);
    
            page.setLimit(5);
            page.setPath("/followees/" + userId);
            page.setRows((int) followService.findFolloweeCount(userId, ENTITY_TYPE_USER));
    
            List<Map<String, Object>> userList = followService.findFollowees(userId, page.getOffset(), page.getLimit());
            if (userList != null) {
        
                for (Map<String, Object> map : userList) {
        
                    User u = (User) map.get("user");
                    map.put("hasFollowed", hasFollowed(u.getId()));
                }
            }
            model.addAttribute("users", userList);
    
            return "/site/followee";
        }
    
        @RequestMapping(path = "/followers/{userId}", method = RequestMethod.GET)
        public String getFollowers(@PathVariable("userId") int userId, Page page, Model model) {
        
            User user = userService.findUserById(userId);
            if (user == null) {
        
                throw new RuntimeException("该用户不存在!");
            }
            model.addAttribute("user", user);
    
            page.setLimit(5);
            page.setPath("/followers/" + userId);
            page.setRows((int) followService.findFollowerCount(ENTITY_TYPE_USER, userId));
    
            List<Map<String, Object>> userList = followService.findFollowers(userId, page.getOffset(), page.getLimit());
            if (userList != null) {
        
                for (Map<String, Object> map : userList) {
        
                    User u = (User) map.get("user");
                    map.put("hasFollowed", hasFollowed(u.getId()));
                }
            }
            model.addAttribute("users", userList);
    
            return "/site/follower";
        }
    
        private boolean hasFollowed(int userId) {
        
            if (hostHolder.getUser() == null) {
        
                return false;
            }
    
            return followService.hasFollowed(hostHolder.getUser().getId(), ENTITY_TYPE_USER, userId);
        }

![在这里插入图片描述][81da24a3e4f740c086ec33548a9ff29c.png_pic_center]

OK，修改前端页面模板

首先就是个人主页那儿，点那两个数字可以进行页面跳转

![在这里插入图片描述][2f796f8733774127baec29ea5300692e.png_pic_center]

OK，修改对应的页面

followee.html

<!doctype html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="icon" href="https://static.nowcoder.com/images/logo_87_87.png"/>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
              crossorigin="anonymous">
        <link rel="stylesheet" th:href="@{/css/global.css}"/>
        <title>牛客网-关注</title>
    </head>
    <body>
    <div class="nk-container">
        
        <header class="bg-dark sticky-top" th:replace="index::header">
            <div class="container">
                
                <nav class="navbar navbar-expand-lg navbar-dark">
                    
                    <a class="navbar-brand" href="#"></a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse"
                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link" href="../index.html">首页</a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link position-relative" href="letter.html">消息<span
                                        class="badge badge-danger">12</span></a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link" href="register.html">注册</a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link" href="login.html">登录</a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <img src="http://images.nowcoder.com/head/1t.png" class="rounded-circle"
                                         style="width:30px;"/>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <a class="dropdown-item text-center" href="profile.html">个人主页</a>
                                    <a class="dropdown-item text-center" href="setting.html">账号设置</a>
                                    <a class="dropdown-item text-center" href="login.html">退出登录</a>
                                    <div class="dropdown-divider"></div>
                                    <span class="dropdown-item text-center text-secondary">nowcoder</span>
                                </div>
                            </li>
                        </ul>
                        
                        <form class="form-inline my-2 my-lg-0" action="search.html">
                            <input class="form-control mr-sm-2" type="search" aria-label="Search"/>
                            <button class="btn btn-outline-light my-2 my-sm-0" type="submit">搜索</button>
                        </form>
                    </div>
                </nav>
            </div>
        </header>
    
        
        <div class="main">
            <div class="container">
                <div class="position-relative">
                    
                    <ul class="nav nav-tabs mb-3">
                        <li class="nav-item">
                            <a class="nav-link position-relative active" th:href="@{|/followees/${user.id}|}">
                                <i class="text-info" th:utext="${user.username}">Nowcoder</i> 关注的人
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link position-relative" th:href="@{|/followers/${user.id}|}">
                                关注 <i class="text-info" th:utext="${user.username}">Nowcoder</i> 的人
                            </a>
                        </li>
                    </ul>
                    <a th:href="@{|/user/profile/${user.id}|}"
                       class="text-muted position-absolute rt-0">返回个人主页></a>
                </div>
    
                
                <ul class="list-unstyled">
                    <li class="media pb-3 pt-3 mb-3 border-bottom position-relative" th:each="map:${users}">
                        <a th:href="@{|/user/profile/${map.user.id}|}">
                            <img th:src="${map.user.headerUrl}" class="mr-4 rounded-circle user-header" alt="用户头像">
                        </a>
                        <div class="media-body">
                            <h6 class="mt-0 mb-3">
                                <span class="text-success" th:utext="${map.user.username}">落基山脉下的闲人</span>
                                <span class="float-right text-muted font-size-12">
    									关注于 <i th:text="${#dates.format(map.followTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-28 14:13:25</i>
    								</span>
                            </h6>
                            <div>
                                <input type="hidden" id="entityId" th:value="${map.user.id}">
                                <button type="button"
                                        th:class="|btn ${map.hasFollowed?'btn-secondary':'btn-info'} btn-sm float-right follow-btn|"
                                        th:if="${loginUser!=null && loginUser.id!=map.user.id}"
                                        th:text="${map.hasFollowed?'已关注':'关注TA'}">关注TA
                                </button>
                            </div>
                        </div>
                    </li>
                </ul>
                
                <nav class="mt-5" th:replace="index::pagination">
                    <ul class="pagination justify-content-center">
                        <li class="page-item"><a class="page-link" href="#">首页</a></li>
                        <li class="page-item disabled"><a class="page-link" href="#">上一页</a></li>
                        <li class="page-item active"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item"><a class="page-link" href="#">4</a></li>
                        <li class="page-item"><a class="page-link" href="#">5</a></li>
                        <li class="page-item"><a class="page-link" href="#">下一页</a></li>
                        <li class="page-item"><a class="page-link" href="#">末页</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    
        
        <footer class="bg-dark">
            <div class="container">
                <div class="row">
                    
                    <div class="col-4 qrcode">
                        <img src="https://uploadfiles.nowcoder.com/app/app_download.png" class="img-thumbnail"
                             style="width:136px;"/>
                    </div>
                    
                    <div class="col-8 detail-info">
                        <div class="row">
                            <div class="col">
                                <ul class="nav">
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">关于我们</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">加入我们</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">意见反馈</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">企业服务</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">联系我们</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">免责声明</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">友情链接</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <ul class="nav btn-group-vertical company-info">
                                    <li class="nav-item text-white-50">
                                        公司地址：北京市朝阳区大屯路东金泉时代3-2708北京牛客科技有限公司
                                    </li>
                                    <li class="nav-item text-white-50">
                                        联系方式：010-60728802(电话)    admin@nowcoder.com
                                    </li>
                                    <li class="nav-item text-white-50">
                                        牛客科技©2018 All rights reserved
                                    </li>
                                    <li class="nav-item text-white-50">
                                        京ICP备14055008号-4     
                                        <img src="http://static.nowcoder.com/company/images/res/ghs.png"
                                             style="width:18px;"/>
                                        京公网安备 11010502036488号
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
            crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" crossorigin="anonymous"></script>
    <script th:src="@{/js/global.js}"></script>
    <script th:src="@{/js/profile.js}"></script>
    </body>
    </html>

follower.html

<!doctype html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="icon" href="https://static.nowcoder.com/images/logo_87_87.png"/>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
              crossorigin="anonymous">
        <link rel="stylesheet" th:href="@{/css/global.css}"/>
        <title>牛客网-关注</title>
    </head>
    <body>
    <div class="nk-container">
        
        <header class="bg-dark sticky-top" th:replace="index::header">
            <div class="container">
                
                <nav class="navbar navbar-expand-lg navbar-dark">
                    
                    <a class="navbar-brand" href="#"></a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse"
                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link" href="../index.html">首页</a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link position-relative" href="letter.html">消息<span
                                        class="badge badge-danger">12</span></a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link" href="register.html">注册</a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link" href="login.html">登录</a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <img src="http://images.nowcoder.com/head/1t.png" class="rounded-circle"
                                         style="width:30px;"/>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <a class="dropdown-item text-center" href="profile.html">个人主页</a>
                                    <a class="dropdown-item text-center" href="setting.html">账号设置</a>
                                    <a class="dropdown-item text-center" href="login.html">退出登录</a>
                                    <div class="dropdown-divider"></div>
                                    <span class="dropdown-item text-center text-secondary">nowcoder</span>
                                </div>
                            </li>
                        </ul>
                        
                        <form class="form-inline my-2 my-lg-0" action="search.html">
                            <input class="form-control mr-sm-2" type="search" aria-label="Search"/>
                            <button class="btn btn-outline-light my-2 my-sm-0" type="submit">搜索</button>
                        </form>
                    </div>
                </nav>
            </div>
        </header>
    
        
        <div class="main">
            <div class="container">
                <div class="position-relative">
                    
                    <ul class="nav nav-tabs mb-3">
                        <li class="nav-item">
                            <a class="nav-link position-relative" th:href="@{|/followees/${user.id}|}">
                                <i class="text-info" th:utext="${user.username}">Nowcoder</i> 关注的人
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link position-relative active" th:href="@{|/followers/${user.id}|}">
                                关注 <i class="text-info" th:utext="${user.username}">Nowcoder</i> 的人
                            </a>
                        </li>
                    </ul>
                    <a th:href="@{|/user/profile/${user.id}|}"
                       class="text-muted position-absolute rt-0">返回个人主页></a>
                </div>
    
                
                <ul class="list-unstyled">
                    <li class="media pb-3 pt-3 mb-3 border-bottom position-relative" th:each="map:${users}">
                        <a th:href="@{|/user/profile/${map.user.id}|}">
                            <img th:src="${map.user.headerUrl}" class="mr-4 rounded-circle user-header" alt="用户头像">
                        </a>
                        <div class="media-body">
                            <h6 class="mt-0 mb-3">
                                <span class="text-success" th:utext="${map.user.username}">落基山脉下的闲人</span>
                                <span class="float-right text-muted font-size-12">
    									关注于 <i th:text="${#dates.format(map.followTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-28 14:13:25</i>
    								</span>
                            </h6>
                            <div>
                                <input type="hidden" id="entityId" th:value="${map.user.id}">
                                <button type="button"
                                        th:class="|btn ${map.hasFollowed?'btn-secondary':'btn-info'} btn-sm float-right follow-btn|"
                                        th:if="${loginUser!=null && loginUser.id!=map.user.id}"
                                        th:text="${map.hasFollowed?'已关注':'关注TA'}">关注TA
                                </button>
                            </div>
                        </div>
                    </li>
                </ul>
                
                <nav class="mt-5" th:replace="index::pagination">
                    <ul class="pagination justify-content-center">
                        <li class="page-item"><a class="page-link" href="#">首页</a></li>
                        <li class="page-item disabled"><a class="page-link" href="#">上一页</a></li>
                        <li class="page-item active"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item"><a class="page-link" href="#">4</a></li>
                        <li class="page-item"><a class="page-link" href="#">5</a></li>
                        <li class="page-item"><a class="page-link" href="#">下一页</a></li>
                        <li class="page-item"><a class="page-link" href="#">末页</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    
        
        <footer class="bg-dark">
            <div class="container">
                <div class="row">
                    
                    <div class="col-4 qrcode">
                        <img src="https://uploadfiles.nowcoder.com/app/app_download.png" class="img-thumbnail"
                             style="width:136px;"/>
                    </div>
                    
                    <div class="col-8 detail-info">
                        <div class="row">
                            <div class="col">
                                <ul class="nav">
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">关于我们</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">加入我们</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">意见反馈</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">企业服务</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">联系我们</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">免责声明</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">友情链接</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <ul class="nav btn-group-vertical company-info">
                                    <li class="nav-item text-white-50">
                                        公司地址：北京市朝阳区大屯路东金泉时代3-2708北京牛客科技有限公司
                                    </li>
                                    <li class="nav-item text-white-50">
                                        联系方式：010-60728802(电话)    admin@nowcoder.com
                                    </li>
                                    <li class="nav-item text-white-50">
                                        牛客科技©2018 All rights reserved
                                    </li>
                                    <li class="nav-item text-white-50">
                                        京ICP备14055008号-4     
                                        <img src="http://static.nowcoder.com/company/images/res/ghs.png"
                                             style="width:18px;"/>
                                        京公网安备 11010502036488号
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
            crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" crossorigin="anonymous"></script>
    <script th:src="@{/js/global.js}"></script>
    <script th:src="@{/js/profile.js}"></script>
    </body>
    </html>

OK，重启服务器查看效果

![在这里插入图片描述][7c05e4c4aa054f528ca0e0deb672b49c.png_pic_center]

![在这里插入图片描述][014dc488c7624f62bdb370d3140ea363.png_pic_center]

当然现在都是没有，我去关注aaa

![在这里插入图片描述][77dbf3d10d324263a2c97b1f7cc5f8bd.png_pic_center]

![在这里插入图片描述][a159338795d54c65878aca0b3c27be43.png_pic_center]

这下就有了 ，同样，我让aaa 关注dingjiaxiong

![在这里插入图片描述][11e9d392f9e747c5a1e243129d0fcfe3.png_pic_center]

![在这里插入图片描述][4dff34c21919445a99df5a8c45f6bdd8.png_pic_center]

OK，直接点进 dingjiaxiong 的个人主页

![在这里插入图片描述][ff358c2f6b0942f797251dbfc23de83d.png_pic_center]

![在这里插入图片描述][8ffafbf139bc4b85993b29edb8f6b8a7.png_pic_center]

没问题。

【下面是这节的作业】

① 开发我的帖子功能，即在个人主页上，显示当前用户曾经发布过的帖子。

② 开发我的回复功能，即在个人主页上，显示当前用户曾经为帖子发布过的评论。

数据层：

![在这里插入图片描述][f4ffb20ae3254a1eb4a84f2f36a2fab6.png_pic_center]

评论的数据层，新增三个方法，然后在映射文件中实现

![在这里插入图片描述][31628b40227a4882ab793e04d8c39613.png_pic_center]

接着是业务

![在这里插入图片描述][6f2b75b34a124a7dbfce0aa8def8f615.png_pic_center]

三个数据层接口方法都转换业务

下面是表现层，控制器，跳转到两个页面的路径

@Autowired
        private DiscussPostService discussPostService;
    
        @Autowired
        private CommentService commentService;
    
        // 我的帖子
        @RequestMapping(path = "/mypost/{userId}", method = RequestMethod.GET)
        public String getMyPost(@PathVariable("userId") int userId, Page page, Model model) {
        
            User user = userService.findUserById(userId);
            if (user == null) {
        
                throw new RuntimeException("该用户不存在！");
            }
            model.addAttribute("user", user);
    
            // 分页信息
            page.setPath("/user/mypost/" + userId);
            page.setRows(discussPostService.findDiscussPostRows(userId));
    
            // 帖子列表
            List<DiscussPost> discussList = discussPostService
                    .findDiscussPosts(userId, page.getOffset(), page.getLimit());
            List<Map<String, Object>> discussVOList = new ArrayList<>();
            if (discussList != null) {
        
                for (DiscussPost post : discussList) {
        
                    Map<String, Object> map = new HashMap<>();
                    map.put("discussPost", post);
                    map.put("likeCount", likeService.findEntityLikeCount(ENTITY_TYPE_POST, post.getId()));
                    discussVOList.add(map);
                }
            }
            model.addAttribute("discussPosts", discussVOList);
    
            return "/site/my-post";
        }
    
        // 我的回复
        @RequestMapping(path = "/myreply/{userId}", method = RequestMethod.GET)
        public String getMyReply(@PathVariable("userId") int userId, Page page, Model model) {
        
            User user = userService.findUserById(userId);
            if (user == null) {
        
                throw new RuntimeException("该用户不存在！");
            }
            model.addAttribute("user", user);
    
            // 分页信息
            page.setPath("/user/myreply/" + userId);
            page.setRows(commentService.findUserCount(userId));
    
            // 回复列表
            List<Comment> commentList = commentService.findUserComments(userId, page.getOffset(), page.getLimit());
            List<Map<String, Object>> commentVOList = new ArrayList<>();
            if (commentList != null) {
        
                for (Comment comment : commentList) {
        
                    Map<String, Object> map = new HashMap<>();
                    map.put("comment", comment);
                    DiscussPost post = discussPostService.findDiscussPostById(comment.getEntityId());
                    map.put("discussPost", post);
                    commentVOList.add(map);
                }
            }
            model.addAttribute("comments", commentVOList);
    
            return "/site/my-reply";
        }

![在这里插入图片描述][66f637f8dc6b4337abac62e3deff2881.png_pic_center]

OK，修改前端模板

个人主页页面：

![在这里插入图片描述][bc57dcdd27e74de1a4917b65c4203d54.png_pic_center]

我的帖子页面

<!doctype html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="icon" href="https://static.nowcoder.com/images/logo_87_87.png"/>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
              crossorigin="anonymous">
        <link rel="stylesheet" th:href="@{/css/global.css}"/>
        <title>牛客网-个人主页</title>
    </head>
    <body>
    <div class="nk-container">
        
        <header class="bg-dark sticky-top" th:replace="index::header">
            <div class="container">
                
                <nav class="navbar navbar-expand-lg navbar-dark">
                    
                    <a class="navbar-brand" href="#"></a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse"
                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link" href="../index.html">首页</a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link position-relative" href="letter.html">消息<span
                                        class="badge badge-danger">12</span></a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link" href="register.html">注册</a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link" href="login.html">登录</a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <img src="http://images.nowcoder.com/head/1t.png" class="rounded-circle"
                                         style="width:30px;"/>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <a class="dropdown-item text-center" href="profile.html">个人主页</a>
                                    <a class="dropdown-item text-center" href="setting.html">账号设置</a>
                                    <a class="dropdown-item text-center" href="login.html">退出登录</a>
                                    <div class="dropdown-divider"></div>
                                    <span class="dropdown-item text-center text-secondary">nowcoder</span>
                                </div>
                            </li>
                        </ul>
                        
                        <form class="form-inline my-2 my-lg-0" action="search.html">
                            <input class="form-control mr-sm-2" type="search" aria-label="Search"/>
                            <button class="btn btn-outline-light my-2 my-sm-0" type="submit">搜索</button>
                        </form>
                    </div>
                </nav>
            </div>
        </header>
    
        
        <div class="main">
            <div class="container">
                
                <div class="position-relative">
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link" th:href="@{|/user/profile/${user.id}|}">个人信息</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" th:href="@{|/user/mypost/${user.id}|}"
                               th:text="${loginUser==null||loginUser.id!=user.id?'TA的帖子':'我的帖子'}">我的帖子</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" th:href="@{|/user/myreply/${user.id}|}"
                               th:text="${loginUser==null||loginUser.id!=user.id?'TA的回复':'我的回复'}">我的回复</a>
                        </li>
                    </ul>
                    <a th:href="@{|/user/profile/${user.id}|}"
                       class="text-muted position-absolute rt-0">返回个人主页></a>
                </div>
                
                <div class="mt-4">
                    <h6><b class="square"></b> 发布的帖子(<i th:text="${page.rows}">93</i>)</h6>
                    <ul class="list-unstyled mt-4 pl-3 pr-3">
                        <li class="border-bottom pb-3 mt-4" th:each="map:${discussPosts}">
                            <div class="font-size-16 text-info">
                                <a th:href="@{|/discuss/detail/${map.discussPost.id}|}" th:utext="${map.discussPost.title}"
                                   class="text-info">备战春招，面试刷题跟他复习，一个月全搞定！</a>
                            </div>
                            <div class="mt-1 font-size-14" th:utext="${map.discussPost.content}">
                                金三银四的金三已经到了，你还沉浸在过年的喜悦中吗？
                                如果是，那我要让你清醒一下了：目前大部分公司已经开启了内推，正式网申也将在3月份陆续开始，金三银四，春招的求职黄金时期已经来啦！！！
                                再不准备，作为19应届生的你可能就找不到工作了。。。作为20届实习生的你可能就找不到实习了。。。
                                现阶段时间紧，任务重，能做到短时间内快速提升的也就只有算法了，
                                那么算法要怎么复习？重点在哪里？常见笔试面试算法题型和解题思路以及最优代码是怎样的？
                                跟左程云老师学算法，不仅能解决以上所有问题，还能在短时间内得到最大程度的提升！！！
                            </div>
                            <div class="text-right font-size-12 text-muted">
                                赞 <i class="mr-3" th:text="${map.likeCount}">11</i> 发布于 <b
                                    th:text="${#dates.format(map.discussPost.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-15
                                10:10:10</b>
                            </div>
                        </li>
                    </ul>
                    
                    <nav class="mt-5" th:replace="index::pagination">
                        <ul class="pagination justify-content-center">
                            <li class="page-item"><a class="page-link" href="#">首页</a></li>
                            <li class="page-item disabled"><a class="page-link" href="#">上一页</a></li>
                            <li class="page-item active"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item"><a class="page-link" href="#">4</a></li>
                            <li class="page-item"><a class="page-link" href="#">5</a></li>
                            <li class="page-item"><a class="page-link" href="#">下一页</a></li>
                            <li class="page-item"><a class="page-link" href="#">末页</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    
        
        <footer class="bg-dark">
            <div class="container">
                <div class="row">
                    
                    <div class="col-4 qrcode">
                        <img src="https://uploadfiles.nowcoder.com/app/app_download.png" class="img-thumbnail"
                             style="width:136px;"/>
                    </div>
                    
                    <div class="col-8 detail-info">
                        <div class="row">
                            <div class="col">
                                <ul class="nav">
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">关于我们</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">加入我们</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">意见反馈</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">企业服务</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">联系我们</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">免责声明</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">友情链接</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <ul class="nav btn-group-vertical company-info">
                                    <li class="nav-item text-white-50">
                                        公司地址：北京市朝阳区大屯路东金泉时代3-2708北京牛客科技有限公司
                                    </li>
                                    <li class="nav-item text-white-50">
                                        联系方式：010-60728802(电话)    admin@nowcoder.com
                                    </li>
                                    <li class="nav-item text-white-50">
                                        牛客科技©2018 All rights reserved
                                    </li>
                                    <li class="nav-item text-white-50">
                                        京ICP备14055008号-4     
                                        <img src="http://static.nowcoder.com/company/images/res/ghs.png"
                                             style="width:18px;"/>
                                        京公网安备 11010502036488号
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
            crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" crossorigin="anonymous"></script>
    <script th:src="@{/js/global.js}"></script>
    </body>
    </html>

我的回复页面

<!doctype html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="icon" href="https://static.nowcoder.com/images/logo_87_87.png"/>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
              crossorigin="anonymous">
        <link rel="stylesheet" th:href="@{/css/global.css}"/>
        <title>牛客网-个人主页</title>
    </head>
    <body>
    <div class="nk-container">
        
        <header class="bg-dark sticky-top" th:replace="index::header">
            <div class="container">
                
                <nav class="navbar navbar-expand-lg navbar-dark">
                    
                    <a class="navbar-brand" href="#"></a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse"
                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav mr-auto">
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link" href="../index.html">首页</a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link position-relative" href="letter.html">消息<span
                                        class="badge badge-danger">12</span></a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link" href="register.html">注册</a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical">
                                <a class="nav-link" href="login.html">登录</a>
                            </li>
                            <li class="nav-item ml-3 btn-group-vertical dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <img src="http://images.nowcoder.com/head/1t.png" class="rounded-circle"
                                         style="width:30px;"/>
                                </a>
                                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <a class="dropdown-item text-center" href="profile.html">个人主页</a>
                                    <a class="dropdown-item text-center" href="setting.html">账号设置</a>
                                    <a class="dropdown-item text-center" href="login.html">退出登录</a>
                                    <div class="dropdown-divider"></div>
                                    <span class="dropdown-item text-center text-secondary">nowcoder</span>
                                </div>
                            </li>
                        </ul>
                        
                        <form class="form-inline my-2 my-lg-0" action="search.html">
                            <input class="form-control mr-sm-2" type="search" aria-label="Search"/>
                            <button class="btn btn-outline-light my-2 my-sm-0" type="submit">搜索</button>
                        </form>
                    </div>
                </nav>
            </div>
        </header>
    
        
        <div class="main">
            <div class="container">
                
                <div class="position-relative">
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link" th:href="@{|/user/profile/${user.id}|}">个人信息</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" th:href="@{|/user/mypost/${user.id}|}"
                               th:text="${loginUser==null||loginUser.id!=user.id?'TA的帖子':'我的帖子'}">我的帖子</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" th:href="@{|/user/myreply/${user.id}|}"
                               th:text="${loginUser==null||loginUser.id!=user.id?'TA的回复':'我的回复'}">我的回复</a>
                        </li>
                    </ul>
                    <a th:href="@{|/user/profile/${user.id}|}"
                       class="text-muted position-absolute rt-0">返回个人主页></a>
                </div>
                
                <div class="mt-4">
                    <h6><b class="square"></b> 回复的帖子(<i th:text="${page.rows}">379</i>)</h6>
                    <ul class="list-unstyled mt-4 pl-3 pr-3">
                        <li class="border-bottom pb-3 mt-4" th:each="map:${comments}">
                            <div class="font-size-16 text-info">
                                <a th:href="@{|/discuss/detail/${map.discussPost.id}|}" th:utext="${map.discussPost.title}"
                                   class="text-info">备战春招，面试刷题跟他复习，一个月全搞定！</a>
                            </div>
                            <div class="mt-1 font-size-14" th:utext="${map.comment.content}">
                                顶顶顶!
                            </div>
                            <div class="text-right font-size-12 text-muted">
                                回复于 <b th:text="${#dates.format(map.comment.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-15
                                10:10:10</b>
                            </div>
                        </li>
                    </ul>
                    
                    <nav class="mt-5" th:replace="index::pagination">
                        <ul class="pagination justify-content-center">
                            <li class="page-item"><a class="page-link" href="#">首页</a></li>
                            <li class="page-item disabled"><a class="page-link" href="#">上一页</a></li>
                            <li class="page-item active"><a class="page-link" href="#">1</a></li>
                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                            <li class="page-item"><a class="page-link" href="#">4</a></li>
                            <li class="page-item"><a class="page-link" href="#">5</a></li>
                            <li class="page-item"><a class="page-link" href="#">下一页</a></li>
                            <li class="page-item"><a class="page-link" href="#">末页</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    
        
        <footer class="bg-dark">
            <div class="container">
                <div class="row">
                    
                    <div class="col-4 qrcode">
                        <img src="https://uploadfiles.nowcoder.com/app/app_download.png" class="img-thumbnail"
                             style="width:136px;"/>
                    </div>
                    
                    <div class="col-8 detail-info">
                        <div class="row">
                            <div class="col">
                                <ul class="nav">
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">关于我们</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">加入我们</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">意见反馈</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">企业服务</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">联系我们</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">免责声明</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link text-light" href="#">友情链接</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <ul class="nav btn-group-vertical company-info">
                                    <li class="nav-item text-white-50">
                                        公司地址：北京市朝阳区大屯路东金泉时代3-2708北京牛客科技有限公司
                                    </li>
                                    <li class="nav-item text-white-50">
                                        联系方式：010-60728802(电话)    admin@nowcoder.com
                                    </li>
                                    <li class="nav-item text-white-50">
                                        牛客科技©2018 All rights reserved
                                    </li>
                                    <li class="nav-item text-white-50">
                                        京ICP备14055008号-4     
                                        <img src="http://static.nowcoder.com/company/images/res/ghs.png"
                                             style="width:18px;"/>
                                        京公网安备 11010502036488号
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
            crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" crossorigin="anonymous"></script>
    <script th:src="@{/js/global.js}"></script>
    </body>
    </html>

重启服务器，看看

![在这里插入图片描述][37f97490429d4e64a09d405714ee1442.png_pic_center]

当前登录 dingjiaxiong

![在这里插入图片描述][4ec1640ee46444518875ffe6fa7ad9ac.png_pic_center]

![在这里插入图片描述][5ad44fd81a6c47229cf80d5521dd45cf.png_pic_center]

没问题

我再发布一个帖子

![在这里插入图片描述][2e26a0c5bea94868bd5ae47019e614c3.png_pic_center]

![在这里插入图片描述][3b7ae1da6b1e445f90bd15a1db6f57fa.png_pic_center]

没问题，发表一个新回复

![在这里插入图片描述][6df73974d6fa4462b239d16170ae66b2.png_pic_center]

![在这里插入图片描述][bf9a1659aeea46349074381fe596ad3d.png_pic_center]

没问题。

[1b1a0dc6996e4971ac7aab87487d3a63.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/f2dae87371234e68a96e69ff37eaaef9.png
[bae8ba2acfc84af0aef7887db8bf91bd.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/4b69052272b544dca3308d1e21e3dde9.png
[6562b0e6b0bb4af9b9a9df657d5c3c5e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/6d07b24cb78f44c8bd15bf080fb50388.png
[81da24a3e4f740c086ec33548a9ff29c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/2ac50c982ca14f9aaae448fb08e95e4f.png
[2f796f8733774127baec29ea5300692e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/b1a36d5809f24c398466e62014a7c2df.png
[7c05e4c4aa054f528ca0e0deb672b49c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/e29956a6404044a0ad16e43db3661340.png
[014dc488c7624f62bdb370d3140ea363.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/b4411cff84d44e618505992e66e855fe.png
[77dbf3d10d324263a2c97b1f7cc5f8bd.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/0b7f1685032f42278c2f1d05e7fb9580.png
[a159338795d54c65878aca0b3c27be43.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/adae7c46b69f497f85ea9346a9d83a19.png
[11e9d392f9e747c5a1e243129d0fcfe3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/8bb040fd140648f8982e81eb26583ac8.png
[4dff34c21919445a99df5a8c45f6bdd8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/431860d956dc493c9dec9c3e906f44cc.png
[ff358c2f6b0942f797251dbfc23de83d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/b16253b0df7a4825be4b0d82d5e6fd7a.png
[8ffafbf139bc4b85993b29edb8f6b8a7.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/c9c8c2cdfc994c6691ac504617cd1a68.png
[f4ffb20ae3254a1eb4a84f2f36a2fab6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/73e5d80af96b41a0a508119a8a117ca8.png
[31628b40227a4882ab793e04d8c39613.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/7e96f3c8337c4c3995101ebec61e0d15.png
[6f2b75b34a124a7dbfce0aa8def8f615.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/9b9b2b45db1d4918b04e39e1534f585b.png
[66f637f8dc6b4337abac62e3deff2881.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/d4548ce6568b4ce2aa5dc7669fdc23a8.png
[bc57dcdd27e74de1a4917b65c4203d54.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/b29c0b631a3b4a43a7fcd8e197aac36f.png
[37f97490429d4e64a09d405714ee1442.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/2e42f155760b4e3b8a47df08b082f56f.png
[4ec1640ee46444518875ffe6fa7ad9ac.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/c3b4a7806db4415cb105570f374fb542.png
[5ad44fd81a6c47229cf80d5521dd45cf.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/c8f185b773054a8f87eff7526f39fcc2.png
[2e26a0c5bea94868bd5ae47019e614c3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/c767257219a843dca9773a2d16faeb55.png
[3b7ae1da6b1e445f90bd15a1db6f57fa.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/7eaf955d692749d9be949cac09d805d4.png
[6df73974d6fa4462b239d16170ae66b2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/12560e8f9acc4819addc484c39bd5605.png
[bf9a1659aeea46349074381fe596ad3d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/18/f73da60af4de40b68acb596fdb68a940.png