仿牛客社区项目（第三章）（总）

分手后的思念是犯贱 2023-09-27 08:58 82阅读 0赞

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

*  第二章：SpringBoot进阶，开发社区核心功能
 *  一、过滤敏感词
 *   *  1. 添加敏感词字典
     *  2. 工具类
     *  3. 功能测试
 *  二、发布帖子
 *   *  1. 工具类
     *  2. dao层
     *  3. service层
     *  4. controller层
     *  5. View层
     *  6. 功能测试
 *  三、帖子详情
 *   *  1. dao层
     *  2. service层
     *  3. controller层
     *  4. View层
     *  5. 功能测试
 *  四、事务管理
 *  五、显示评论
 *   *  1. util包
     *  2. 实体类
     *  3. dao层
     *  4. service层
     *  5. controller层
     *  6. View层
     *  7. 功能测试
 *  六、添加评论
 *   *  1. dao层
     *  2. service层
     *  3. controller层
     *  4. View层
     *  5. 功能测试
 *  七、私信列表
 *   *  1. 实体类
     *  2. dao层
     *  3. service层
     *  4. controller层
     *  5. View层
     *  6. 功能测试
     *  八、发送私信
     *  1. dao层
     *  2. service层
     *  3. controller层
     *  4. View层
     *  5. 功能测试
 *  九、统一处理异常
 *   *  1. controller层
     *  2. 功能测试
 *  十、统一记录日志
 *   *  1. controller层
     *  2. 功能测试

## 第二章：SpringBoot进阶，开发社区核心功能 ##

## 一、过滤敏感词 ##

*  前缀树
    
     *  名称：Trie、字典树、查找树
     *  特点：查找效率高，消耗内存大
     *  应用：字符串检索、词频统计、字符串排序等
 *  敏感词过滤器
    
     *  定义前缀树
     *  根据敏感词，初始化前缀树
     *  编写过滤敏感词的方法

### 1. 添加敏感词字典 ###

在 `resource` 包下添加敏感词字典 `sensitive-words.txt`，内容如下：

赌博
    嫖娼
    吸毒
    开票

### 2. 工具类 ###

在 `util` 包下创建 `SentisiveFile` 类，即敏感词的过滤算法，代码如下：

@Component
    public class SensitiveFilter {
    
        private static final Logger logger= LoggerFactory.getLogger(SensitiveFilter.class);
    
        // 替换符
        private static final String REPLACEMENT="***";
    
        // 根节点
        private TrieNode rootNode = new TrieNode();
    
        @PostConstruct
        public void init() {
    
            try (
                InputStream is = this.getClass().getClassLoader().getResourceAsStream("sensitive-words.txt");
                BufferedReader reader = new BufferedReader(new InputStreamReader(is));
            ) {
                String keyword;
                while ((keyword = reader.readLine()) != null) {
                    // 添加到前缀树
                    this.addKeyword(keyword);
                }
            } catch (Exception e) {
                logger.error("加载敏感词文件失败:" + e.getMessage());
            }
        }
    
        // 将一个敏感词添加到前缀树中
        private void addKeyword(String keyword) {
            TrieNode tempNode = rootNode;
            for (int i = 0; i < keyword.length(); i++) {
                char c = keyword.charAt(i);
                TrieNode subNode = tempNode.getSubNode(c);
    
                if (subNode == null) {
                    // 初始化子节点
                    subNode = new TrieNode();
                    tempNode.addSunNode(c, subNode);
                }
    
                // 指向子节点，进入下下一轮循环
                tempNode = subNode;
    
                // 设置结束标识
                if (i == keyword.length() - 1) {
                    tempNode.setKeywordEnd(true);
                }
            }
        }
    
        /**
         * 过滤敏感词
         * @param text 待过滤的文本
         * @return 过滤后的文本
         */
        public String filter(String text){
            if(StringUtils.isBlank(text)){
                return null;
            }
            // 指针1
            TrieNode tempNode = rootNode;
            // 指针2
            int begin = 0;
            // 指针3
            int position = 0;
            // 结果
            StringBuilder sb = new StringBuilder();
    
            while(begin < text.length()){
                if(position < text.length()) {
                    Character c = text.charAt(position);
    
                    // 跳过符号
                    if (isSymbol(c)) {
                        if (tempNode == rootNode) {
                            begin++;
                            sb.append(c);
                        }
                        position++;
                        continue;
                    }
    
                    // 检查下级节点
                    tempNode = tempNode.getSubNode(c);
                    if (tempNode == null) {
                        // 以begin开头的字符串不是敏感词
                        sb.append(text.charAt(begin));
                        // 进入下一个位置
                        position = ++begin;
                        // 重新指向根节点
                        tempNode = rootNode;
                    }
                    // 发现敏感词
                    else if (tempNode.isKeywordEnd()) {
                        sb.append(REPLACEMENT);
                        begin = ++position;
                    }
                    // 检查下一个字符
                    else {
                        position++;
                    }
                }
                // position遍历越界仍未匹配到敏感词
                else{
                    sb.append(text.charAt(begin));
                    position = ++begin;
                    tempNode = rootNode;
                }
            }
            return sb.toString();
        }
    
    
        // 判断是否为符号
        private boolean isSymbol(Character c) {
            // 0x2E80~0x9FFF 是东亚文字范围
            return !CharUtils.isAsciiAlphanumeric(c) && (c < 0x2E80 || c > 0x9FFF);
        }
    
        //  前缀树
        private class TrieNode {
    
            // 关键词结束标识
            private  boolean isKeywordEnd = false;
    
            // 子节点(key是下级字符，value是下级节点)
            private Map<Character, TrieNode> sunNodes = new HashMap<>();
    
            public boolean isKeywordEnd() {
                return isKeywordEnd;
            }
    
            public void setKeywordEnd(boolean keywordEnd) {
                isKeywordEnd = keywordEnd;
            }
    
            // 添加子节点
            public void addSunNode(Character c, TrieNode node) {
                sunNodes.put(c, node);
            }
    
            // 获取子节点
            public TrieNode getSubNode(Character c) {
                return sunNodes.get(c);
            }
    
        }
    
    }

### 3. 功能测试 ###

创建 `SensitiveTests` 测试方法，代码如下：

@SpringBootTest
    @ContextConfiguration(classes = CommunityApplication.class)
    public class SensitiveTests {
    
        @Autowired
        private SensitiveFilter sensitiveFilter;
    
        @Test
        public void testSensitiveFilter() {
            String text = "这里可以赌博，可以吸毒，可以开票，哈哈哈！";
            text = sensitiveFilter.filter(text);
            System.out.println(text);
    
            String text1 = "这里可@以@赌@博，可以@吸毒@，可以开票@，哈哈哈！";
            text = sensitiveFilter.filter(text1);
            System.out.println(text1);
        }
    }

运行结果：  
![在这里插入图片描述][2b5b7468d1de44718e5edc8c7a8a9b0c.png]

## 二、发布帖子 ##

*  AJAX
    
     *  `Asynchronous JavaScript and XML`
     *  异步的 `JavaScript` 与 `XML`，不是一门新技术，只是一个新的术语。
     *  使用 `AJAX`，网页能够将增量更新呈现在页面上，而不需要刷新整个页面。
     *  虽然X代表`XML`，但目前`JSON`的使用比`XML`更加普遍。
 *  示例
    
     *  使用 `jQuery` 发送`AJAX` 请求。
 *  实践
    
     *  采用`AJAX`请求，实现发布帖子的功能。

### 1. 工具类 ###

在 `CommunityUtil` 类中添加`getJSONString`方法及其重载方法，代码如下：

public class CommunityUtil {
    
        // 生成随机字符串
        public static String generateUUID() {
            return UUID.randomUUID().toString().replaceAll("-", "");
        }
    
        // MD5加密
        public static String md5(String key) {
            if (StringUtils.isBlank(key)) {
                return null;
            }
            return DigestUtils.md5DigestAsHex(key.getBytes());
        }
    
        public static String getJSONString(int code, String msg, Map<String, Object> map) {
            JSONObject json = new JSONObject();
            json.put("code", code);
            json.put("msg", msg);
            if (map != null) {
                for (String key : map.keySet()) {
                    json.put(key, map.get(key));
                }
            }
            return json.toJSONString();
        }
    
        public static String getJSONString(int code, String msg) {
            return getJSONString(code, msg, null);
        }
    
        public static String getJSONString(int code) {
            return  getJSONString(code, null, null);
        }
    
        // 测试
        public static void main(String[] args) {
            Map<String, Object> map = new HashMap<>();
            map.put("name", "zhangsan");
            map.put("age", 25);
            System.out.println(getJSONString(0, "ok", map));
        }
    
    }

### 2. dao层 ###

在 `DiscussPostMapper` 类中添加 `insertDiscussPost` 方法,代码如下：

@Mapper
    public interface DiscussPostMapper {
    
        List<DiscussPost> selectDiscussPosts(int userId, int offset, int limit);
    
        // @Param注解用于给参数取别名
        // 如果只有一个参数，并且在<if>里使用，则必须加别名
        // 根据userId查询帖子数量
        int selectDiscussPostRows(@Param("userId") int userId);
    
        int insertDiscussPost(DiscussPost discussPost);
    
    }

对应 `discusspost-mapper.xml` 的代码如下：

### 3. service层 ###

在 `DiscussPostService` 类中添加 `addDiscussPost` 方法，代码如下：

@Service
    public class DiscussPostService {
    
        @Autowired
        private DiscussPostMapper discussPostMapper;
    
    
        @Autowired
        private SensitiveFilter sensitiveFilter;
    
        public List<DiscussPost> findDiscussPosts(int userId, int offset, int limit) {
            return discussPostMapper.selectDiscussPosts(userId, offset, limit);
        }
    
        public int findDiscussPostRows(int userId) {
            return discussPostMapper.selectDiscussPostRows(userId);
        }
    
        public int addDiscussPost(DiscussPost post) {
            if (post == null) {
                throw new IllegalArgumentException("参数不能为空!");
            }
    
            // 转义 HTML 标记
            post.setTitle(HtmlUtils.htmlEscape(post.getTitle()));
            post.setContent(HtmlUtils.htmlEscape(post.getContent()));
            // 过滤敏感词
            post.setTitle(sensitiveFilter.filter(post.getTitle()));
            post.setContent(sensitiveFilter.filter(post.getContent()));
    
            return discussPostMapper.insertDiscussPost(post);
        }
    
        public DiscussPost findDiscussPostById(int id) {
            return discussPostMapper.selectDiscussPostById(id);
        }
    }

### 4. controller层 ###

在 `controller` 包下添加 `DiscussPostController`类，代码如下：

### 5. View层 ###

在首页显示的 “我要发布” 按钮，如果用户没有登录则 不显示此按钮，代码如下：

### 6. 功能测试 ###

![在这里插入图片描述][cc557e5ff82a461582952d50fd95f29b.png]

![在这里插入图片描述][bda223a1c8944735b8ff179d9eeb1ee7.png]  
![在这里插入图片描述][e3397bc4ebaa43c5aedc09fb5e0f74c6.png]

![在这里插入图片描述][da75747618d34c16b9f1f20b60e8cbc4.png]

## 三、帖子详情 ##

*  `DiscussPostMapper`
 *  `DiscussPosService`
 *  `DiscussPostController`
 *  `index.html`
    
     *  在帖子标题上增加访问详情页面的链接
 *  `discuss-detail.html`
    
     *  处理静态资源的访问路径
     *  复用`index.html`的`header`区域
     *  显示标题、作者、发布时间、帖子正文等内容

### 1. dao层 ###

在 `DiscussPostMapper` 类中添加 `selectDiscussPostById` 方法，代码如下：

`discusspost-mapper.xml` 代码如下：

### 2. service层 ###

在 `DiscussPostService` 类中添加 `findDiscussPostById`，代码如下：

### 3. controller层 ###

在 `DiscussPostController` 类中添加 `getDiscussPost` 方法，代码如下：

@Controller
    @RequestMapping("/discuss")
    public class DiscussPostController {
    
        @Autowired
        private DiscussPostService discussPostService;
    
        @Autowired
        private HostHolder hostHolder;
    
        @Autowired
        private UserService userService;
    
        @RequestMapping(path = "/add", method = RequestMethod.POST)
        @ResponseBody
        public String addDiscussPost(String title, String content) {
            User user = hostHolder.getUser();
            if (user == null) {
                return CommunityUtil.getJSONString(403,"你还没有登录哦！");
            }
    
            DiscussPost post = new DiscussPost();
            post.setUserId(user.getId());
            post.setTitle(title);
            post.setContent(content);
            post.setCreateTime(new Date());
            discussPostService.addDiscussPost(post);
    
            // 报错的情况，会统一处理
            return CommunityUtil.getJSONString(0, "发布成功!");
        }
    
        @RequestMapping(path = "/detail/{discussPostId}", method = RequestMethod.GET)
        public String getDiscussPost(@PathVariable("discussPostId") int discussPostId, Model model) {
    
            // 帖子
            DiscussPost post = discussPostService.findDiscussPostById(discussPostId);
            model.addAttribute("post", post);
    
            // 作者
            User user = userService.findUserById(post.getUserId());
            model.addAttribute("user", user);
    
            return "/site/discuss-detail";
        }
    }

### 4. View层 ###

在 `index.html` 的帖子标题上增加访问详情页面的链接：

<a th:href="@{|/discuss/detail/${map.post.id}|}" th:utext="${map.post.title}">备战春招，面试刷题跟他复习，一个月全搞定！</a>

`discuss-detail.html`:

<div class="main">
            
            <div class="container">
                
                <h6 class="mb-4">
                    <img src="http://static.nowcoder.com/images/img/icons/ico-discuss.png"/>
                    <span th:utext="${post.title}">备战春招，面试刷题跟他复习，一个月全搞定！</span>
                    <div class="float-right">
                        <button type="button" class="btn btn-danger btn-sm">置顶</button>
                        <button type="button" class="btn btn-danger btn-sm">加精</button>
                        <button type="button" class="btn btn-danger btn-sm">删除</button>
                    </div>
                </h6>
                
                <div class="media pb-3 border-bottom">
                    <a href="profile.html">
                        <img th:src="${user.headerUrl}" class="align-self-start mr-4 rounded-circle user-header" alt="用户头像" >
                    </a>
                    <div class="media-body">
                        <div class="mt-0 text-warning" th:utext="${user.username}">寒江雪</div>
                        <div class="text-muted mt-3">
                            发布于 <b th:text="${#dates.format(post.createTime,'yyyy-MM-dd HH:mm:ss')}">2019-04-15 15:32:18</b>
                            <ul class="d-inline float-right">
                                <li class="d-inline ml-2"><a href="#" class="text-primary">赞 11</a></li>
                                <li class="d-inline ml-2">|</li>
                                <li class="d-inline ml-2"><a href="#replyform" class="text-primary">回帖 7</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <div class="mt-4 mb-3 content" th:utext="${post.content}">

### 5. 功能测试 ###

![在这里插入图片描述][d5f69e1533524ecea7dec3ea60f5ad70.png]  
![在这里插入图片描述][e61466f772ab4b64a5e2c2d2690463be.png]

## 四、事务管理 ##

1.  **回顾**

*  什么是事务
    
     *  事务是由N步数据库操作序列组成的逻辑执行单元，这系列操作要么全执行，要么全放弃执行。
 *  事务的特性（ACID）
    
     *  原子性（Atomicity）：事务是应用中不可再分的最小执行体。
     *  一致性（Consistency）：事务执行的结果，须使数据从一个一致性状态，变为另一个一致性状态。
     *  隔离性（Isolation）：各个事务的执行互不干扰，任何事务的内部操作对其他的事务都是隔离的。
     *  持久性（Durability）：事务一旦提交，对数据所做的任何改变都要记录到永久存储器中。

1.  **事务的隔离性**

*  常见的并发异常
    
     *  第一类丢失更新、第二类丢失更新。
     *  脏读、不可重复读、幻读。
 *  常见的隔离级别
    
     *  `Read Uncommitted`：读取未提交的数据。
     *  `Read Committed`：读取已提交的数据。
     *  `Repeatable Read`：可重复读。
     *  `Serializable`：串行化。

![在这里插入图片描述][8e38e418f31f471da039dad7e036e7cd.png]  
![在这里插入图片描述][245392e095f74e07968cb3a8b7ec750a.png]  
  
![在这里插入图片描述][5876b72ea916451f8f7bc5da7b95877a.png]

![在这里插入图片描述][e123ef65189c498aaaf9d9ddb6c193f2.png]  
![在这里插入图片描述][27496d0fe0ef4df388f46d0a2fd04344.png]  
![在这里插入图片描述][8508f577d8734fe296c79e1296475f4b.png]

1.  **实现机制**

*  悲观锁（数据库）
    
     *  **共享锁（S锁）**：事务A对某数据加了共享锁后，其他事务只能对该数据加共享锁，但不能加排他锁。
     *  **排他锁（X锁）**：事务A对某数据加了排他锁后，其他事务对该数据既不能加共享锁，也不能加排他锁。
 *  乐观锁（自定义）
    
     *  **版本号、时间戳等：** 在更新数据前，检查版本号是否发生变化。若变化则取消本次更新，否则就更新数据（版本号+1）。

1.  **Spring事务管理**

*  声明式事务
    
     *  通过XML配置，声明某方法的事务特征。
     *  通过注解，声明某方法的事务特征。
 *  编程式事务
    
     *  通过 TransactionTemplate 管理事务，并通过它执行数据库的操作。

## 五、显示评论 ##

*  数据层
    
     *  根据实体查询一页评论数据。
     *  根据实体查询评论的数量。
 *  业务层
    
     *  处理查询评论的业务。
     *  处理查询评论数量的业务。
 *  表现层
    
     *  显示帖子详情数据时，同时显示该帖子所有的评论数据。

### 1. util包 ###

在 `CommunityConstant` 接口中添加两个字段：帖子和评论，代码如下：

public interface CommunityConstant {
    
        /**
         * 激活成功
         */
        int ACTIVATION_SUCCESS = 0;
    
        /**
         * 重复激活
         */
        int ACTIVATION_REPEAT = 1;
    
        /**
         * 激活失败
         */
        int ACTIVATION_FAILURE = 2;
    
        /**
         * 默认状态的登录凭证的超时时间
         */
        int DEFAULT_EXPIRED_SECONDS = 3600 * 12;
    
        /**
         * 记住状态的登录凭证超时时间
         */
        int REMEMBER_EXPIRED_SECONDS = 3600 * 24 * 100;
    
        /**
         * 实体类型: 帖子
         */
        int ENTITY_TYPE_POST = 1;
    
        /**
         * 实体类型: 评论
         */
        int ENTITY_TYPE_COMMENT = 2;
    }

### 2. 实体类 ###

在 `util` 包下创建 `Comment` 类，与数据库表 `Comment` 中的字段互相对应，代码如下：

public class Comment {
        private int id;
        private int userId; // 评论人的id
        private int entityType; // 针对谁进行评论 1：帖子 2：评论
        private int entityId; // 评论对象的id  针对帖子的评论：帖子的id  针对评论的评论：评论的id
        private int targetId; // a回复b，针对评论的评论，评论对象b的user_id，方便前端快速展示b的用户名
        private String content;
        private int status;
        private Date createTime;
    
        public int getId() {
            return id;
        }
    
        public void setId(int id) {
            this.id = id;
        }
    
        public int getUserId() {
            return userId;
        }
    
        public void setUserId(int userId) {
            this.userId = userId;
        }
    
        public int getEntityType() {
            return entityType;
        }
    
        public void setEntityType(int entityType) {
            this.entityType = entityType;
        }
    
        public int getEntityId() {
            return entityId;
        }
    
        public void setEntityId(int entityId) {
            this.entityId = entityId;
        }
    
        public int getTargetId() {
            return targetId;
        }
    
        public void setTargetId(int targetId) {
            this.targetId = targetId;
        }
    
        public String getContent() {
            return content;
        }
    
        public void setContent(String content) {
            this.content = content;
        }
    
        public int getStatus() {
            return status;
        }
    
        public void setStatus(int status) {
            this.status = status;
        }
    
        public Date getCreateTime() {
            return createTime;
        }
    
        public void setCreateTime(Date createTime) {
            this.createTime = createTime;
        }
    
        @Override
        public String toString() {
            return "Comment{" +
                    "id=" + id +
                    ", userId=" + userId +
                    ", entityType=" + entityType +
                    ", entityId=" + entityId +
                    ", targetId=" + targetId +
                    ", content='" + content + '\'' +
                    ", status=" + status +
                    ", createTime=" + createTime +
                    '}';
        }
    }

### 3. dao层 ###

在 `dao` 包先创建 `CommentMapper` 类，代码如下：

@Mapper
    public interface CommentMapper {
            List<Comment> selectCommentsByEntity(int entityType, int entityId, int offset, int limit);
    
            int selectCountByEntity(int entityType, int entityId);
    }

对应的 `comment-mapper.xml` 代码如下：

### 4. service层 ###

在 `service` 包下创建 `CommentService` 类，代码如下：

@Service
    public class CommentService {
    
        @Autowired
        private CommentMapper commentMapper;
    
        public List<Comment> findCommentsByEntity(int entityType, int entityId, int offset, int limit) {
            return commentMapper.selectCommentsByEntity(entityType, entityId, offset, limit);
        }
    
        public int findCommentCount(int entityType, int entityId) {
            return commentMapper.selectCountByEntity(entityType, entityId);
        }
    }

### 5. controller层 ###

在原有的 `DiscussPostController` 类中添加 `getDiscussPost` 方法，代码如下：

@Controller
    @RequestMapping("/discuss")
    public class DiscussPostController implements CommunityConstant {
    
        @Autowired
        private DiscussPostService discussPostService;
    
        @Autowired
        private HostHolder hostHolder;
    
        @Autowired
        private UserService userService;
    
        @Autowired
        private CommentService commentService;
    
        @RequestMapping(path = "/add", method = RequestMethod.POST)
        @ResponseBody
        public String addDiscussPost(String title, String content) {
            User user = hostHolder.getUser();
            if (user == null) {
                return CommunityUtil.getJSONString(403,"你还没有登录哦！");
            }
    
            DiscussPost post = new DiscussPost();
            post.setUserId(user.getId());
            post.setTitle(title);
            post.setContent(content);
            post.setCreateTime(new Date());
            discussPostService.addDiscussPost(post);
    
            // 报错的情况，会统一处理
            return CommunityUtil.getJSONString(0, "发布成功!");
        }
    
        @RequestMapping(path = "/detail/{discussPostId}", method = RequestMethod.GET)
        public String getDiscussPost(@PathVariable("discussPostId") int discussPostId, Model model, Page page) {
            // 帖子
            DiscussPost post = discussPostService.findDiscussPostById(discussPostId);
            model.addAttribute("post", post);
            // 作者
            User user = userService.findUserById(post.getUserId());
            model.addAttribute("user", user);
    
            // 评论分页信息
            page.setLimit(5);
            page.setPath("/discuss/detail/" + discussPostId);
            page.setRows(post.getCommentCount());
    
            // 评论: 给帖子的评论
            // 回复: 给评论的评论
            // 评论列表
            List<Comment> commentList = commentService.findCommentsByEntity(
                    ENTITY_TYPE_POST, post.getId(), page.getOffset(), page.getLimit());
            // 评论VO列表
            List<Map<String, Object>> commentVoList = new ArrayList<>();
            if (commentList != null) {
                for (Comment comment : commentList) {
    
                    // 评论VO
                    Map<String, Object> commentVo = new HashMap<>();
                    // 评论
                    commentVo.put("comment", comment);
                    // 查询到评论的作者
                    commentVo.put("user", userService.findUserById(comment.getUserId()));
    
                    // 回复列表
                    List<Comment> replyList = commentService.findCommentsByEntity(
                            ENTITY_TYPE_COMMENT, comment.getId(), 0, Integer.MAX_VALUE);
                    // 回复VO列表
                    List<Map<String, Object>> replyVoList = new ArrayList<>();
                    if (replyList != null) {
                        for (Comment reply : replyList) {
                            Map<String, Object> replyVo = new HashMap<>();
                            // 回复
                            replyVo.put("reply", reply);
                            // 作者
                            replyVo.put("user", userService.findUserById(reply.getUserId()));
                            // 回复目标
                            User target = reply.getTargetId() == 0 ? null : userService.findUserById(reply.getTargetId());
                            replyVo.put("target", target);
    
                            replyVoList.add(replyVo);
                        }
                    }
                    commentVo.put("replys", replyVoList);
    
                    // 回复数量
                    int replyCount = commentService.findCommentCount(ENTITY_TYPE_COMMENT, comment.getId());
                    commentVo.put("replyCount", replyCount);
    
                    commentVoList.add(commentVo);
                }
            }
    
            model.addAttribute("comments", commentVoList);
    
            return "/site/discuss-detail";
        }
        
    }

### 6. View层 ###

`index.html` ：

<ul class="d-inline float-right">
             <li class="d-inline ml-2">赞 11</li>
              li class="d-inline ml-2">|</li>
     </ul>

`discuss-detail.html` :  
由于帖子详情页面的修改比较混杂，将在代码整合的时候展示这部分修改的部分。

### 7. 功能测试 ###

![在这里插入图片描述][511ff8f26573451d9badbf020b126652.png]

![在这里插入图片描述][c6e3fec49a1040b8836fde72422e9d69.png]

## 六、添加评论 ##

*  数据层
    
     *  增加评论数据。
     *  修改帖子的评论数量。
 *  业务层
    
     *  处理添加评论的业务：先增加评论、再更新帖子的评论数量。
 *  表现层
    
     *  处理添加评论数据的请求。
     *  设置添加评论的表单。

### 1. dao层 ###

在 `CommentMapper` 类中添加 `insertComment` 方法，用于增加评论数据，代码如下：

对应的 `comment-mapper.xml` 代码如下：

在 `DiscussPostMapper` 类中添加 `updateCommentCount` 方法，用于修改帖子的评论数量，代码如下：

对应的 `discusspost-mapper.xml` 代码如下：

### 2. service层 ###

在 `CommentService` 类中添加 `addComment` 方法，此方法用到了事务注解，涉及到两张表的操作，代码如下：

@Service
    public class CommentService implements CommunityConstant {
    
        @Autowired
        private CommentMapper commentMapper;
    
        @Autowired
        private SensitiveFilter sensitiveFilter;
    
        @Autowired
        private DiscussPostService discussPostService;
    
    
        public List<Comment> findCommentsByEntity(int entityType, int entityId, int offset, int limit) {
            return commentMapper.selectCommentsByEntity(entityType, entityId, offset, limit);
        }
    
        public int findCommentCount(int entityType, int entityId) {
            return commentMapper.selectCountByEntity(entityType, entityId);
        }
    
        @Transactional(isolation = Isolation.READ_COMMITTED, propagation = Propagation.REQUIRED)
        public int addComment(Comment comment) {
            if (comment == null) {
                throw new IllegalArgumentException("参数不能为空！");
            }
            // 添加评论
            comment.setContent(HtmlUtils.htmlEscape(comment.getContent()));
            comment.setContent(sensitiveFilter.filter(comment.getContent()));
            int rows = commentMapper.insertComment(comment);
    
            // 更新帖子评论数量
            if (comment.getEntityType() == ENTITY_TYPE_POST) {
                int count = commentMapper.selectCountByEntity(comment.getEntityType(), comment.getEntityId());
                discussPostService.updateCommentCount(comment.getEntityId(), count);
            }
            return  rows;
    
        }

在 `DiscussPostService` 中添加 `updateCommentCoun` 方法，代码如下：

### 3. controller层 ###

创建 `CommentController` 类，代码如下：

@RequestMapping("/comment")
    public class CommentController {
    
        @Autowired
        private CommentService commentService;
    
        @Autowired
        private HostHolder hostHolder;
    
        @RequestMapping(value = "/add/{discussPostId}", method = RequestMethod.POST)
        public String addComment(@PathVariable("discussPostId") int discussPostId, Comment comment) {
            comment.setUserId(hostHolder.getUser().getId());
            comment.setStatus(0);
            comment.setCreateTime(new Date());
            commentService.addComment(comment);
    
            return "redirect:/discuss/detail/" + discussPostId;
    
        }
    }

### 4. View层 ###

![在这里插入图片描述][92b59ffdcdb340908e5d906a81b78cd9.png]

![在这里插入图片描述][2832b77481e24e4bacf1f9dbe0b4cabf.png]  
![在这里插入图片描述][cc229e6b45fe4d2180cecab6be6ef909.png]

### 5. 功能测试 ###

![在这里插入图片描述][1417a12e951c4f6c8f64588ba10a655b.png]  
![在这里插入图片描述][cc5e583eade0415ab5d6af9362a3586d.png]  
![在这里插入图片描述][868c421caea54a88973960aad56ea0ba.png]  
![在这里插入图片描述][5713f8476f5549d7a31dfbeb7501b74c.png]

## 七、私信列表 ##

*  私信列表
    
     *  查询当前用户的会话列表，每个会话只显示一条最新的私信。
     *  支持分页显示。
 *  私信详情
    
     *  查询某个会话所包含的私信。
     *  支持分页显示。

### 1. 实体类 ###

创建 `Message` 类，与数据库 `message` 表中的字段互相对应，代码如下：

public class Message {
    
        private int id;
        private int fromId;
        private int toId;
        private String conversationId;
        private String content;
        private int status; // 0：未读 1：已读  2：删除
        private Date createTime;
    
        public int getId() {
            return id;
        }
    
        public void setId(int id) {
            this.id = id;
        }
    
        public int getFromId() {
            return fromId;
        }
    
        public void setFromId(int fromId) {
            this.fromId = fromId;
        }
    
        public int getToId() {
            return toId;
        }
    
        public void setToId(int toId) {
            this.toId = toId;
        }
    
        public String getConversationId() {
            return conversationId;
        }
    
        public void setConversationId(String conversationId) {
            this.conversationId = conversationId;
        }
    
        public String getContent() {
            return content;
        }
    
        public void setContent(String content) {
            this.content = content;
        }
    
        public int getStatus() {
            return status;
        }
    
        public void setStatus(int status) {
            this.status = status;
        }
    
        public Date getCreateTime() {
            return createTime;
        }
    
        public void setCreateTime(Date createTime) {
            this.createTime = createTime;
        }
    
        @Override
        public String toString() {
            return "Message{" +
                    "id=" + id +
                    ", fromId=" + fromId +
                    ", toId=" + toId +
                    ", conversationId='" + conversationId + '\'' +
                    ", content='" + content + '\'' +
                    ", status=" + status +
                    ", createTime=" + createTime +
                    '}';
        }
    }

### 2. dao层 ###

在 `dao` 包下创建 `MessageMapper` 类，代码如下：

@Mapper
    public interface MessageMapper {
    
        // 查询当前用户的会话列表，针对每个会话只返回一条最新的私信
        List<Message> selectConversations(int userId, int offset, int limit);
    
        // 查询当前用户的会话数量
        int selectConversationCount(int userId);
    
        // 查询某个会话所包含的私信列表
        List<Message> selectLetters(String conversationId, int offset, int limit);
    
        //查询某个会话所包含的私信数量
        int selectLetterCount(String conversationId);
    
        //查询未读私信的数量
        int selectLetterUnreadCount(int userId, String conversationId);
    
    }

对应的 `message-mapper.xml` 代码如下：

### 3. service层 ###

在 `service` 包下创建 `MessageService`类，代码如下：

@Service
    public class MessageService {
    
        @Autowired
        private MessageMapper messageMapper;
    
        public List<Message> findConversations(int userId, int offset, int limit) {
            return messageMapper.selectConversations(userId, offset, limit);
        }
    
        public int findConversationCount(int userId) {
            return messageMapper.selectConversationCount(userId);
        }
    
        public List<Message> findLetters(String conversationId, int offset, int limit) {
            return messageMapper.selectLetters(conversationId, offset, limit);
        }
    
        public int findLetterCount(String conversationId) {
            return messageMapper.selectLetterCount(conversationId);
        }
    
        public int findLetterUnreadCount(int userId, String conversationId) {
            return messageMapper.selectLetterUnreadCount(userId, conversationId);
        }
    
    }

### 4. controller层 ###

在 `controller` 包下创建 `MessageController` 类，代码如下：

### 5. View层 ###

![在这里插入图片描述][26d2f79fa74f4c4486174c574cca7381.png]  
![在这里插入图片描述][423962903af447e481dcf40e10af9efd.png]

### 6. 功能测试 ###

![在这里插入图片描述][bf567a80c31741aab4b23f31cd6aa98e.png]  
![在这里插入图片描述][9af282aa64d94974a9e36deed08d0509.png]

### 八、发送私信 ###

*  发送私信
    
     *  采用异步的方式发送私信。
     *  发送成功后刷新私信列表。
 *  设置已读
    
     *  访问私信详情时，将显示的私信设置为已读状态。

### 1. dao层 ###

在 `MessageMapper` 类中添加 `isnertMessage` 方法和 `updateStatus` 方法，用于新增消息和修改消息的状态，代码如下：

对应的 `message-mapper.xml` 代码如下：

<?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="com.nowcoder.community.dao.MessageMapper">
    
        <sql id="selectFields">
            id, from_id, to_id, conversation_id, content, status, create_time
        </sql>
    
        <sql id="insertFields">
            from_id, to_id, conversation_id, content, status, create_time
        </sql>
    
        <select id="selectConversations" resultType="Message">
            select <include refid="selectFields"></include>
            from message
            where id in (
                select max(id) from message
                where status != 2
                and from_id != 1
                and (from_id = #{userId} or to_id = #{userId})
                group by conversation_id
            )
            order by id desc
            limit #{offset}, #{limit}
        </select>
    
        <select id="selectConversationCount" resultType="int">
            select count(m.maxid) from (
                    select max(id) as maxid from message
                    where status != 2
                and from_id != 1
                and (from_id = #{userId} or to_id = #{userId})
                 group by conversation_id
                 ) as m
        </select>
    
        <select id="selectLetters" resultType="Message">
            select <include refid="selectFields"></include>
            from message
            where status != 2
            and from_id != 1
            and conversation_id = #{conversationId}
            order by id desc
            limit #{offset}, #{limit}
        </select>
    
        <select id="selectLetterCount" resultType="int">
            select count(id)
            from message
            where status != 2
            and from_id != 1
            and conversation_id = #{conversationId}
        </select>
    
        <select id="selectLetterUnreadCount" resultType="int">
            select count(id)
            from message
            where status = 0
            and from_id != 1
            and to_id = #{userId}
            <if test="conversationId!=null">
                and conversation_id = #{conversationId}
            </if>
        </select>
    
        <insert id="insertMessage" parameterType="Message" keyProperty="id">
            insert into message(<include refid="insertFields"></include> )
            values(#{fromId}, #{toId}, #{conversationId}, #{content}, #{status}, #{createTime})
        </insert>
    
        <update id="updateStatus">
            update message set status = #{status}
            where id in
            <foreach collection="ids" item="id" open="(" separator="," close=")">
                #{id}
            </foreach>
        </update>
    
    </mapper>

### 2. service层 ###

在 `MessageService` 类中添加 `addMessage` 和 `readMessage` 方法，在 `UserService` 类中添加 `findUserByName` 方法，代码如下：

@Service
    public class MessageService {
    
        @Autowired
        private MessageMapper messageMapper;
    
        @Autowired
        private SensitiveFilter sensitiveFilter;
    
        public List<Message> findConversations(int userId, int offset, int limit) {
            return messageMapper.selectConversations(userId, offset, limit);
        }
    
        public int findConversationCount(int userId) {
            return messageMapper.selectConversationCount(userId);
        }
    
        public List<Message> findLetters(String conversationId, int offset, int limit) {
            return messageMapper.selectLetters(conversationId, offset, limit);
        }
    
        public int findLetterCount(String conversationId) {
            return messageMapper.selectLetterCount(conversationId);
        }
    
        public int findLetterUnreadCount(int userId, String conversationId) {
            return messageMapper.selectLetterUnreadCount(userId, conversationId);
        }
    
        public int addMessage(Message message) {
            message.setContent(HtmlUtils.htmlEscape(message.getContent()));
            message.setContent(sensitiveFilter.filter(message.getContent()));
            return messageMapper.insertMessage(message);
        }
    
        public int readMessage(List<Integer> ids) {
            return  messageMapper.updateStatus(ids, 1);
        }
    
    }

### 3. controller层 ###

在 `MessageController` 类中添加对应的方法，代码如下：

@Controller
    public class MessageController {
    
        @Autowired
        private MessageService messageService;
    
        @Autowired
        private HostHolder hostHolder;
    
        @Autowired
        private UserService userService;
    
        // 私信列表
        @RequestMapping(path = "/letter/list", method = RequestMethod.GET)
        public String getLetterList(Model model, Page page) {
            User user = hostHolder.getUser();
            // 分页信息
            page.setLimit(5);
            page.setPath("/letter/list");
            page.setRows(messageService.findConversationCount(user.getId()));
    
            // 会话列表
            List<Message> conversationList = messageService.findConversations(user.getId(), page.getOffset(), page.getLimit());
            List<Map<String, Object>> conversations = new ArrayList<>();
            if (conversationList != null) {
                for (Message message : conversationList) {
                    Map<String, Object> map = new HashMap<>();
                    map.put("conversation", message);
                    map.put("letterCount", messageService.findLetterCount(message.getConversationId()));
                    map.put("unreadCount", messageService.findLetterUnreadCount(user.getId(), message.getConversationId()));
                    int targetId = user.getId() == message.getFromId() ? message.getToId() : message.getFromId();
                    map.put("target", userService.findUserById(targetId));
    
                    conversations.add(map);
                }
            }
            model.addAttribute("conversations", conversations);
    
            // 查询未读消息数量
            int letterUnreadCount = messageService.findLetterUnreadCount(user.getId(), null);
            model.addAttribute("letterUnreadCount", letterUnreadCount);
    
            return "/site/letter";
        }
    
        // 私信列表详情
        @RequestMapping(path = "/letter/detail/{conversationId}", method = RequestMethod.GET)
        public String getLetterDetail(@PathVariable("conversationId") String conversationId, Page page, Model model) {
            // 分页信息
            page.setLimit(5);
            page.setPath("/letter/detail/" + conversationId);
            page.setRows(messageService.findLetterCount(conversationId));
    
            // 私信列表
            List<Message> letterList = messageService.findLetters(conversationId, page.getOffset(), page.getLimit());
            List<Map<String, Object>> letters = new ArrayList<>();
            if (letterList != null) {
                for (Message message : letterList) {
                    Map<String, Object> map = new HashMap<>();
                    map.put("letter", message);
                    map.put("fromUser", userService.findUserById(message.getFromId()));
                    letters.add(map);
                }
            }
            model.addAttribute("letters", letters);
    
            // 私信目标
            model.addAttribute("target", getLetterTarget(conversationId));
    
            // 设置已读
            List<Integer> ids = getLetterIds(letterList);
            if (!ids.isEmpty()) {
                messageService.readMessage(ids);
            }
    
            return "/site/letter-detail";
        }
    
        private User getLetterTarget(String conversationId) {
            String[] ids = conversationId.split("_");
            int id0 = Integer.parseInt(ids[0]);
            int id1 = Integer.parseInt(ids[1]);
    
            if (hostHolder.getUser().getId() == id0) {
                return userService.findUserById(id1);
            } else {
                return userService.findUserById(id0);
            }
        }
    
        private List<Integer> getLetterIds(List<Message> letterList) {
            List<Integer>  ids = new ArrayList<>();
            if (letterList != null) {
                for (Message message : letterList) {
                    if (hostHolder.getUser().getId() == message.getToId() && message.getStatus() == 0) {
                        ids.add(message.getId());
                    }
                }
            }
            return ids;
        }
    
        @RequestMapping(path = "/letter/send", method = RequestMethod.POST)
        @ResponseBody
        public String sendLetter(String toName, String content) {
            User target = userService.findUserByName(toName);
            if (target == null) {
                return CommunityUtil.getJSONString(1, "目标用户不存在!");
            }
            Message message = new Message();
            message.setFromId(hostHolder.getUser().getId());
            message.setToId(target.getId());
            if (message.getFromId() < message.getId()) {
                message.setConversationId(message.getFromId() + "_" + message.getToId());
            } else {
                message.setConversationId(message.getToId() + "_" + message.getFromId());
            }
            message.setContent(content);
            message.setCreateTime(new Date());
            messageService.addMessage(message);
    
            return CommunityUtil.getJSONString(0);
        }
    }

### 4. View层 ###

`letter.js` ：

$(function(){
        $("#sendBtn").click(send_letter);
        $(".close").click(delete_msg);
    });
    
    function send_letter() {
        $("#sendModal").modal("hide");
    
        var toName = $("#recipient-name").val();
        var content = $("#message-text").val();
        $.post(
            CONTEXT_PATH + "/letter/send",
            {"toName":toName,"content":content},
            function(data) {
                data = $.parseJSON(data);
                if(data.code == 0) {
                    $("#hintBody").text("发送成功!");
                } else {
                    $("#hintBody").text(data.msg);
                }
    
                $("#hintModal").modal("show");
                setTimeout(function(){
                    $("#hintModal").modal("hide");
                    location.reload();
                }, 2000);
            }
        );
    }
    
    function delete_msg() {
        // TODO 删除数据
        $(this).parents(".media").remove();
    }

`letter-detai.html` ：  
![在这里插入图片描述][a32b6e04a7a34b438c79c3255f76682f.png]

&nbnsp;

### 5. 功能测试 ###

![在这里插入图片描述][1a0228050e7a4c739920d8b24cbcb1b5.png]  
![在这里插入图片描述][34c0b7c4c66046c5b4a1aac0a15f59dd.png]  
![在这里插入图片描述][26be3765889b4a9eb5628b89ede79107.png]

## 九、统一处理异常 ##

*  `@ControllerAdvice`
    
     *  用于修饰类，表示该类是`Controller`的全局配置类。
     *  在此类中，可以对`Controller`进行如下三种全局配置：  
        异常处理方案、绑定数据方案、绑定参数方案。
 *  `@ExceptionHandler`
    
     *  用于修饰方法，该方法会在`Controller`出现异常后被调用，用于处理捕获到的异常
 *  `@ModelAttribute`
    
     *  用于修饰方法，该方法会在`Controller`方法执行前被调用，用于为`Model`对象绑定参数。
 *  `@DataBinder`
    
     *  用于修饰方法，该方法会在`Controller`方法执行前被调用，用于绑定参数的转换器。

### 1. controller层 ###

在 `controller` 包中添加 `advice` 包，添加 `ExceptionAdvice` 类：

@ControllerAdvice(annotations = Controller.class)
    public class ExceptionAdvice {
    
        private static final Logger logger = LoggerFactory.getLogger(ExceptionAdvice.class);
    
        @ExceptionHandler({Exception.class})
        public void handleException(Exception e, HttpServletRequest request, HttpServletResponse response) throws IOException {
            logger.error("服务器发生异常: " + e.getMessage());
            for (StackTraceElement element : e.getStackTrace()) {
                logger.error(element.toString());
            }
    
            String xRequestedWith = request.getHeader("x-requested-with");
            //异步请求
            if ("XMLHttpRequest".equals(xRequestedWith)) {
                response.setContentType("application/plain;charset=utf-8");
                PrintWriter writer = response.getWriter();
                writer.write(CommunityUtil.getJSONString(1, "服务器异常!"));
            } else {
                response.sendRedirect(request.getContextPath() + "/error");
            }
        }
    }

在 `HomeController` 类中添加 `getErrorPage` 方法：

@Controller
    public class HomeController {
    
        @Autowired
        private DiscussPostService discussPostService;
    
        @Autowired
        private UserService userService;
    
        @RequestMapping(path = "/index", method = RequestMethod.GET)
        public String getIndexPage(Model model, Page page) {
            // 方法调用时，SpringMVC会自动实例化Model和Page。并将Page注入到Model
            // 所以，在thymeleaf中可以直接访问page对象中的数据
            page.setRows(discussPostService.findDiscussPostRows(0));
            page.setPath("/index");
    
            List<DiscussPost> list = discussPostService.findDiscussPosts(0, page.getOffset(), page.getLimit());
            List<Map<String, Object>> discussPosts = new ArrayList<>();
            if (list != null) {
                for (DiscussPost post : list) {
                    Map<String, Object> map = new HashMap<>();
                    map.put("post", post);
                    User user = userService.findUserById(post.getUserId());
                    map.put("user", user);
                    discussPosts.add(map);
                }
            }
    
            model.addAttribute("discussPosts", discussPosts);
            return "/index";
        }
    
        @RequestMapping(path = "/error", method = RequestMethod.GET)
        public String egtErrorPage() {
            return "/error/500";
    
        }
    }

### 2. 功能测试 ###

![在这里插入图片描述][9f87824fb1b5453da97b0f99c44fcf1b.png]  
![在这里插入图片描述][3f37cf0ce049460e84410eb1550c1172.png]

## 十、统一记录日志 ##

1.  **AOP的概念**
    
     *  Aspect Oriented Programing， 即面向方面（切面）编程。
     *  AOP是一种编程思想，是对OOP的补充， 可以进一步提高编程的效率。
2.  **AOP的术语**  
    ![在这里插入图片描述][a264df6af2a84570914f3ff25a299cd0.png]
3.  **AOP的实现**

*  AspectJ
    
     *  AspectJ是语言级的实现，它扩展了Java语言，定义了AOP语法。
     *  AspectJ在编译期织入代码，它有一个专门的编译器，用来生成遵守Java字节码规范的class文件。
 *  Spring AOP
    
     *  Spring AOP使用纯Java实现，它不需要专门的编译过程，也不需要特殊的类装载器。
     *  Spring AOP在运行时通过代理的方式织入代码，只支持方法类型的连接点。
     *  Spring支持对AspectJ的集成。

1.  **Spring AOP**

*  JDK动态代理
    
     *  ava提供的动态代理技术，可以在运行时创建接口的代理实例。
     *  Spring AOP默认采用此种方式，在接口的代理实例中织入代码。
 *  CGLib动态代理
    
     *  采用底层的字节码技术，在运行时创建子类代理实例。
     *  当目标对象不存在接口时，Spring AOP会采用此种方式，在子类实例中织入代码。

### 1. controller层 ###

在 `controller` 层中添加 `aspect` 包，创建 `ServiceLogAspect`类，代码如下：

@Component
    @Aspect
    public class ServiceLogAspect {
    
        private static final Logger logger = LoggerFactory.getLogger(ServiceLogAspect.class);
    
    
        @Pointcut("execution(* com.nowcoder.community.service.*.*(..))")
        public void pointcut() {
    
        }
    
        @Before("pointcut()")
        public void before(JoinPoint joinPoint) {
            // 用户[1.2.3.4],在[xxx],访问了[com.gerrard.community.service.xxx()].
            ServletRequestAttributes attributes = (ServletRequestAttributes) RequestContextHolder.getRequestAttributes();
            HttpServletRequest request = attributes.getRequest();
            String ip = request.getRemoteHost();
            String now = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date());
            String target = joinPoint.getSignature().getDeclaringTypeName() + "." + joinPoint.getSignature().getName();
            logger.info(String.format("用户[%s],在[%s],访问了[%s].", ip, now, target));
        }
    }

### 2. 功能测试 ###

当我们访问首页的时候，可以查看控制台的日志记录如下：  
![在这里插入图片描述][10fdc5813ff645be87edb73dd1110728.png]

**创作不易，如果有帮助到你，请给文章点个赞和收藏，让更多的人看到！！！**  
**关注博主不迷路，内容持续更新中。**

[2b5b7468d1de44718e5edc8c7a8a9b0c.png]: https://img-blog.csdnimg.cn/2b5b7468d1de44718e5edc8c7a8a9b0c.png
[cc557e5ff82a461582952d50fd95f29b.png]: https://img-blog.csdnimg.cn/cc557e5ff82a461582952d50fd95f29b.png
[bda223a1c8944735b8ff179d9eeb1ee7.png]: https://img-blog.csdnimg.cn/bda223a1c8944735b8ff179d9eeb1ee7.png
[e3397bc4ebaa43c5aedc09fb5e0f74c6.png]: https://img-blog.csdnimg.cn/e3397bc4ebaa43c5aedc09fb5e0f74c6.png
[da75747618d34c16b9f1f20b60e8cbc4.png]: https://img-blog.csdnimg.cn/da75747618d34c16b9f1f20b60e8cbc4.png
[d5f69e1533524ecea7dec3ea60f5ad70.png]: https://img-blog.csdnimg.cn/d5f69e1533524ecea7dec3ea60f5ad70.png
[e61466f772ab4b64a5e2c2d2690463be.png]: https://img-blog.csdnimg.cn/e61466f772ab4b64a5e2c2d2690463be.png
[8e38e418f31f471da039dad7e036e7cd.png]: https://img-blog.csdnimg.cn/8e38e418f31f471da039dad7e036e7cd.png
[245392e095f74e07968cb3a8b7ec750a.png]: https://img-blog.csdnimg.cn/245392e095f74e07968cb3a8b7ec750a.png
[5876b72ea916451f8f7bc5da7b95877a.png]: https://img-blog.csdnimg.cn/5876b72ea916451f8f7bc5da7b95877a.png
[e123ef65189c498aaaf9d9ddb6c193f2.png]: https://img-blog.csdnimg.cn/e123ef65189c498aaaf9d9ddb6c193f2.png
[27496d0fe0ef4df388f46d0a2fd04344.png]: https://img-blog.csdnimg.cn/27496d0fe0ef4df388f46d0a2fd04344.png
[8508f577d8734fe296c79e1296475f4b.png]: https://img-blog.csdnimg.cn/8508f577d8734fe296c79e1296475f4b.png
[511ff8f26573451d9badbf020b126652.png]: https://img-blog.csdnimg.cn/511ff8f26573451d9badbf020b126652.png
[c6e3fec49a1040b8836fde72422e9d69.png]: https://img-blog.csdnimg.cn/c6e3fec49a1040b8836fde72422e9d69.png
[92b59ffdcdb340908e5d906a81b78cd9.png]: https://img-blog.csdnimg.cn/92b59ffdcdb340908e5d906a81b78cd9.png
[2832b77481e24e4bacf1f9dbe0b4cabf.png]: https://img-blog.csdnimg.cn/2832b77481e24e4bacf1f9dbe0b4cabf.png
[cc229e6b45fe4d2180cecab6be6ef909.png]: https://img-blog.csdnimg.cn/cc229e6b45fe4d2180cecab6be6ef909.png
[1417a12e951c4f6c8f64588ba10a655b.png]: https://img-blog.csdnimg.cn/1417a12e951c4f6c8f64588ba10a655b.png
[cc5e583eade0415ab5d6af9362a3586d.png]: https://img-blog.csdnimg.cn/cc5e583eade0415ab5d6af9362a3586d.png
[868c421caea54a88973960aad56ea0ba.png]: https://img-blog.csdnimg.cn/868c421caea54a88973960aad56ea0ba.png
[5713f8476f5549d7a31dfbeb7501b74c.png]: https://img-blog.csdnimg.cn/5713f8476f5549d7a31dfbeb7501b74c.png
[26d2f79fa74f4c4486174c574cca7381.png]: https://img-blog.csdnimg.cn/26d2f79fa74f4c4486174c574cca7381.png
[423962903af447e481dcf40e10af9efd.png]: https://img-blog.csdnimg.cn/423962903af447e481dcf40e10af9efd.png
[bf567a80c31741aab4b23f31cd6aa98e.png]: https://img-blog.csdnimg.cn/bf567a80c31741aab4b23f31cd6aa98e.png
[9af282aa64d94974a9e36deed08d0509.png]: https://img-blog.csdnimg.cn/9af282aa64d94974a9e36deed08d0509.png
[a32b6e04a7a34b438c79c3255f76682f.png]: https://img-blog.csdnimg.cn/a32b6e04a7a34b438c79c3255f76682f.png
[1a0228050e7a4c739920d8b24cbcb1b5.png]: https://img-blog.csdnimg.cn/1a0228050e7a4c739920d8b24cbcb1b5.png
[34c0b7c4c66046c5b4a1aac0a15f59dd.png]: https://img-blog.csdnimg.cn/34c0b7c4c66046c5b4a1aac0a15f59dd.png
[26be3765889b4a9eb5628b89ede79107.png]: https://img-blog.csdnimg.cn/26be3765889b4a9eb5628b89ede79107.png
[9f87824fb1b5453da97b0f99c44fcf1b.png]: https://img-blog.csdnimg.cn/9f87824fb1b5453da97b0f99c44fcf1b.png
[3f37cf0ce049460e84410eb1550c1172.png]: https://img-blog.csdnimg.cn/3f37cf0ce049460e84410eb1550c1172.png
[a264df6af2a84570914f3ff25a299cd0.png]: https://img-blog.csdnimg.cn/a264df6af2a84570914f3ff25a299cd0.png
[10fdc5813ff645be87edb73dd1110728.png]: https://img-blog.csdnimg.cn/10fdc5813ff645be87edb73dd1110728.png