Java项目【仿牛客网3-4】

我会带着你远行 2024-03-17 11:28 62阅读 0赞

## 仿牛客网第三章 ##

## 一、过滤敏感词 ##

目的：开发一个能够过滤敏感词的工具

> 对字符串进行过滤，调用API判断有没有敏感词。使用repalce替换
> 
> but
> 
> 敏感词过多、字符串可能过长，使用replace替换性能太差了
> 
> 采用前缀树数据结构、我们直接实现过滤敏感词的算法

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

[![image][]][image 1]

[![image.png][]][image.png 1]

> 签字数包含一个根节点、根节点不包含任意内容
> 
> 其它节点都只包含一个字符
> 
> 第二个指针不回头【一个一个的走】，第三个指针会往回走【小范围抖动】

开发复用的工具【评论、发帖子都需要使用】

### 定义敏感词 ###

为简便处理定义一个敏感词文件，resources目录下新建一个sensitive-words.txt文件

[![image][image 2]][image_image 2]

### 定义前缀树 ###

因为不会被外界访问，所以在util包下的SensitiveFilter类中定义了**内部类**

@Component  //for复用，托管到容器
    public class SensitiveFilter {
        
        //定义前缀树的结构
        private class TireNode{
        
            //关键词结束的标识
            private boolean isKeywordEnd = false;
            //子节点(key是下级字符，value是下级节点）
            private Map<Character,TireNode> subNodes = new HashMap<>();
            //添加子节点
            public void addSubNode(Character c,TireNode node){
        
                subNodes.put(c,node);
            }
            //获取子节点
            public TireNode getSubNode(Character c){
        
                return subNodes.get(c);
            }
            public boolean isKeywordEnd() {
        
                return isKeywordEnd;
            }
            public void setKeywordEnd(boolean keywordEnd) {
        
                isKeywordEnd = keywordEnd;
            }
        }
    }

### 根据敏感词初始化前缀树 ###

@Component
    public class SensitiveFilter {
        
        private static final Logger logger = LoggerFactory.getLogger(SensitiveFilter.class);
        //要替换的符号
        private static final String REPLACEMENT="***";
        //根节点
        private TireNode rootNode = new TireNode();
        @PostConstruct //服务启动初始化bean时构造器之后执行
        public void init(){
        
            try(//读文件
                    InputStream is = this.getClass().getClassLoader().getResourceAsStream("sensitive-words.txt");
                    BufferedReader br =new BufferedReader(new InputStreamReader(is));
            ) {
        
                String keyword;
                while((keyword = br.readLine())!=null){
        
                    //添加到前缀树
                    this.addKeyWord(keyword);
                }
            } catch (Exception e) {
        
                logger.error("加载敏感词文件失败："+e.getMessage());
            }
        }
        //将一个敏感词添加到前缀树 内部
        private void addKeyWord(String keyword) {
        
            if(StringUtils.isBlank(keyword)) return;
            char[] arr = keyword.toCharArray();
            TireNode tmpNode = rootNode;
            for(int i=0;i<arr.length;i++){
        
                //看是已经具有子节点
                TireNode subNode = tmpNode.getSubNode(arr[i]);
                if(subNode==null){
        
                    //初始化化子节点
                    subNode = new TireNode();
                    tmpNode.addSubNode(arr[i],subNode);
                }
                //指向子节点，进入下一轮循环
                tmpNode = subNode;
            }
            tmpNode.setKeywordEnd(true);//结束标识
        }
        //定义前缀树
        private class TireNode{
        
            //关键词结束的标识
            private boolean isKeywordEnd = false;
            //子节点(key是下级字符，value是下级节点）
            private Map<Character,TireNode> subNodes = new HashMap<>();
            //添加子节点
            public void addSubNode(Character c,TireNode node){
        
                subNodes.put(c,node);
            }
            //获取子节点
            public TireNode getSubNode(Character c){
        
                return subNodes.get(c);
            }
            public boolean isKeywordEnd() {
        
                return isKeywordEnd;
            }
            public void setKeywordEnd(boolean keywordEnd) {
        
                isKeywordEnd = keywordEnd;
            }
        }
    }

### 过滤敏感词方法 ###

依然是在这个类中定义方法

/**
         * 过滤敏感词  被外界调用
         * @param text 待过虑的词
         * @return  过滤后的文本
         */
        public String filter(String text){
        
            if(StringUtils.isBlank(text)) return null;//看这个参数是否合法，判空
            //指针1 指向树，不断扫描前缀树，默认指向根
            TireNode tmpNode = rootNode;
            //指针2 指向首，一直
            int begin = 0;
            //指针3
            int position = 0;
            //结果  记录最后结果，是变长的 stringBuilder
            StringBuilder sb = new StringBuilder();
            while(position<text.length()){
        
                char c = text.charAt(position);//对字符进行判断
                //跳过特殊符号【敏感词中间加一些特殊符号】
                if(isSysbol(c)){
           
                    //若指针1处于根节点，将此符号计入结果，让指针2向下走一步
                    if(tmpNode==rootNode){
        
                        sb.append(c);
                        begin++;
                    }
                    //无论符号在开头或者中间指针3都向下走一步
                    position++;
                    continue;
                }
                //检查下级节点
                tmpNode = tmpNode.getSubNode(c);
                if(tmpNode==null){
        
                    //以begin为开头的字符不是敏感词
                    sb.append(text.charAt(begin));
                    //进入下一个词的判断
                    position = ++begin;
                    tmpNode = rootNode;//重新指向根节点
                }else if(tmpNode.isKeywordEnd()){
        //发现了敏感词
                    //发现敏感词以begin开头，position结尾的词
                    sb.append(REPLACEMENT);//替换敏感词
                    begin = ++position;//进入下一个词的判断
                    tmpNode = rootNode;
                }else{
        //没检测完，还没到结束标识
                    //继续检查下一个字符
                    position++;
                }
            }
            //将最后一批字符记录
            sb.append(text.substring(begin));
            return sb.toString();
        }
        //判读是否为特殊符号 私有，这个类自己用
        private boolean isSysbol(Character c){
        
            //c<0x2E80||c>0x9FFF 东亚文字之外
            //特殊符号返回false，所以前面！
            return !CharUtils.isAsciiAlphanumeric(c)&&(c<0x2E80||c>0x9FFF);
        }

## 二、发布帖子 ##

> 异步请求，当前网页不刷新，but访问服务器，服务器返回一些结果
> 
> 通常是局部刷新，添加数据、更改样式等…

*  AJAX
    
     *  Asynchronous JavaScript and XML
     *  异步的JavaScript与XML，不是一门新技术，只是一个新的术语。
     *  使用AJAX，网页能够**将增量更新呈现在页面上**，而不需要刷新整个页面。
     *  虽然X代表XML，但目前JSON的使用比XML更加普遍。【XML太复杂、不好解析】
     *  https://developer.mozilla.org/zh-CN/docs/Web/Guide/AJAX
 *  示例
    
     *  使用jQuery发送AJAX请求。
 *  实践
    
     *  采用AJAX请求，实现发布帖子的功能。

### AJAX使用示例 ###

1.导入Fastjson 处理JSON相关的操作

<dependency>
           <groupId>com.alibaba</groupId>
           <artifactId>fastjson</artifactId>
           <version>1.2.68</version>
    </dependency>

2.在CommunityUtil类中写几个封装成Json的方法

> 给浏览器返回一个编码：0代表？ 1代表？
> 
> 给浏览器返回提示信息：成功，or 失败
> 
> 返回一些业务数据

//共有的、静态的
    //分装成json对象，json对象==》字符串，便得到json格式的字符串
    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();//===》json格式字符串
        }
    //传入的参数不同  吧
        public static String getJsonString(int code, String msg){
        
            return getJsonString(code,msg,null);
        }
        public static String getJsonString(int code){
        
            return getJsonString(code,null,null);
        }

3.在AlphaController中写一个实例controller

@RequestMapping(path = "/ajax",method = RequestMethod.POST)
        @ResponseBody
        public String testAjax(String name,String age){
            System.out.println(name);
            System.out.println(age);
            return CommunityUtil.getJsonString(0,"操作成功");
        }

4.为了方便直接写一个静态的html测试

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Ajax</title>
    </head>
    <body>
            <input type="button" value="发送" onclick="send();">
    </body>
    
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
    <script>
        function send() {
          
            $.post(
                "/community/demo/ajax",
                {
          "name":"张三","age":12},
                function(data) {
          
                    console.log(typeof(data))
                    console.log(data)
                  ## $.parseJson 表明将传来的data数据转变为JSon对象
                    data = $.parseJSON(data)
                    console.log(typeof(data))
                    console.log(data.code)
                    console.log(data.msg)
                }
            );
        }
    </script>
    </html>

### 完成发布帖子功能 ###

[![image.png][image.png 2]][image.png_image.png 2]

1.老规矩先写插入帖子的dao层

@Repository
    public interface DiscussPostMapper {
        
        /**
         * @param userId 考虑查看我的帖子的情况下设置动态sql
         * @param offset
         * @param limit
         * @return
         */
        List<DiscussPost> selectDiscussPosts(int userId,int offset,int limit);
        //如果需要动态拼接条件（<if>里使用）并且这个方法有且只有一个参数需要用@Param起别名
        //@Param用于给参数取别名
        int selectDiscussPostRows(@Param("userId") int userId);
        int insertDiscussPost(DiscussPost discussPost);
    }

2.写对应mapper.xml

<sql id="insertFields">
        user_id, title, content, type, status, create_time, comment_count, score
    </sql>
    <insert id="insertDiscussPost" parameterType="DiscussPost">
        insert into discuss_post (<include refid="insertFields"></include>)
        values (#{
        userId},#{
        title},#{
        content},#{
        type},#{
        status},#{
        createTime},#{
        commentCount},#{
        score});
    </insert>

3.写Service层在DiscussPostService类中

@Autowired
        SensitiveFilter sensitiveFilter;
        public int addDiscussPost(DiscussPost discussPost){
            if(discussPost==null){
                throw new IllegalArgumentException("参数不能为空");
            }
            //转义HTML标记，将内容视为普通文本
            discussPost.setTitle(HtmlUtils.htmlEscape(discussPost.getTitle()));
            discussPost.setContent(HtmlUtils.htmlEscape(discussPost.getContent()));
            //过滤敏感词
            discussPost.setTitle(sensitiveFilter.filter(discussPost.getTitle()));
            discussPost.setContent(sensitiveFilter.filter(discussPost.getContent()));
            return discussPostMapper.insertDiscussPost(discussPost);
        }

4.controller层新建一个DiscussPostController类

@Controller
    @RequestMapping("/discuss")  //路径
    public class DiscussPostController {
        
        @Autowired
        private DiscussPostService discussPostService;
        @Autowired
        private HostHolder hostHolder;
        //声明请求路径、请求方法
        @RequestMapping(path = "/add",method = RequestMethod.POST)
        @ResponseBody
        public String addDiscussPost(String title,String content){
        
            User user = hostHolder.getUser();
            if(user==null){
        
                //返回Json数据
                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,"发布成功");
        }
    }

5.回头看index.html中发布相关

[![image][image 3]][image_image 3]

[![image][image 4]][image_image 4]

看这已经定义好了逻辑，我们改写这

6.改写上述js

$(function(){
        
        $("#publishBtn").click(publish);
    });
    function publish() {
        
        /*把弹框隐藏*/
        $("#publishModal").modal("hide");
        //获取标题和内容
        var title = $("#recipient-name").val();
        var content = $("#message-text").val();
        //发送异步请求
        $.post(
            //三个条件 访问路径、传入数据、回调函数处理返回的结果
            //global.js中定义的
            CONTEXT_PATH+"/discuss/add",//访问路径
            {
        "title":title,"content":content},//传入数据
            function(data) {
        //回调函数
                /*得到状态和提示消息*/
                data = $.parseJSON(data);
                //在提示框中返回消息
                $("#hintBody").text(data.msg);
                $("#hintModal").modal("show");
                /*显示提示框，2秒后自动隐藏提示框*/
                setTimeout(function(){
        
                    $("#hintModal").modal("hide");
                    //刷新页面
                    if(data.code==0){
        
                        window.location.reload();
                    }
                }, 2000);
            }
        )
    }

7.另外有个问题

我要发布按钮在登录前不应该显示，嗨呀其实也无所谓，因为发布时判断是否登录了嘛。。

[![image][image 5]][image_image 5]

这里改着玩玩

[![image][image 6]][image_image 6]

## 三、帖子详情 ##

[![image.png][image.png 3]][image.png_image.png 3]

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

1.DiscussPostMapper增加查询帖子详情

DiscussPost selectDiscussPostById(int id);

2.配置mapper.xml 返回的数据类型resultType

<select id="selectDiscussPostById" resultType="DiscussPost">
         select <include refid="selectFields"></include>
         from discuss_post
         where id = #{id}
    </select>

3.写service层

public DiscussPost findDiscussPostById(int id){
        return discussPostMapper.selectDiscussPostById(id);
    }

4.controller层

@Autowired
        private UserService userService;
    //请求路径、请求方法
        @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);
            //根据userId查名字
            User user = userService.findUserById(post.getUserId());
            model.addAttribute("user",user);
            return "site/discuss-detail";
        }

4.处理首页让每个帖子有个链接

[![image][image 7]][image_image 7]

5.处理discuss-detail页面

先改成Thymeleaf模板的格式

[![image][image 8]][image_image 8]

接着填充数据

[![image][image 9]][image_image 9][![image][image 10]][image_image 10][![image][image 11]][image_image 11]

## 四、事务管理 ##

### 回顾 ###

**什么是事务**

*  事务是由N步数据库操作序列组成的逻辑执行单元，这系列操作要么全执行，要么全放弃执行。

**事务的特性（ACID）**

*  原子性（Atomicity）：事务是应用中不可再分的最小执行体。
 *  一致性（Consistency）：事务执行的结果，须使数据从一个一致性状态，变为另一个一致性状态。
 *  隔离性（Isolation）：各个事务的执行互不干扰，任何事务的内部操作对其他的事务都是隔离的。
 *  持久性（Durability）：事务一旦提交，对数据所做的任何改变都要记录到永久存储器中。

**事务的隔离性**

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

**第一类的丢失更新**

某一个事务的回滚，导致另外一个事务已更新的数据丢失了。

[![image][image 12]][image_image 12]

**第二类丢失更新**

某一个事务的提交，导致另外一个事务已更新的数据丢失了。

[![image][image 13]][image_image 13]

**脏读**

某一个事务，读取了另外一个事务未提交的数据。

[![image][image 14]][image_image 14]

**不可重复读**

某一个事务，对同一个数据前后读取的**结果不一致**。

[![image][image 15]][image_image 15]

**幻读**

某一个事务，对同一个表前后查询到的**行数不一致**。

[![image][image 16]][image_image 16]

**事务隔离级别**

[![image][image 17]][image_image 17]

**实现机制**

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

### Spring事务管理 Spring data access ###

> Spring对任何数据库进行管理时都是透明的，一套API就可以管理数据库事务

*  声明式事务
    
     *  通过XML配置，声明某方法的事务特征。
     *  通过注解，声明某方法的事务特征。
 *  编程式事务【业务复杂、控制局部事务】
    
     *  通过 TransactionTemplate 管理事务，并通过它执行数据库的操作。

**演示声明式事务**

1.在AlphaService中写一个新方法加@Transaction注解

/**
         * 传播机制--两个不同的业务都有可能有不同隔离级别且可能一个业务使用了另一个业务，
         * 传播机制就是解决不同隔离隔离级别同时出现的情况。
         * Propagation.REQUIRED：支持当前事务，就是调用者事务，如果不存在那就创建新事务
         * Propagation.REQUIRES_NEW：创建一个事务，并且暂停当前事务（外部事务）
         * Propagation.NESTED：如果存在外部事务，那么就会嵌套在外部事务之中，A调B，B有独立提交和回滚的能力
         * 否则和REQUIRED一样。
         */   //参数：隔离级别、传播机制
        @Transactional(isolation = Isolation.READ_COMMITTED,propagation = Propagation.REQUIRED)
        public Object save1(){
        
            //新增用户
            User user = new User();
            user.setUsername("hsw");
            user.setSalt(CommunityUtil.generateUUID().substring(0,5));
            user.setPassword(CommunityUtil.md5("123"+user.getSalt()));
            user.setEmail("hsw@qq.com");
            user.setHeaderUrl("http://image.nowcoder.com/head/99t.png");
            user.setCreateTime(new Date());
            userMapper.insertUser(user);
            //新增帖子
            DiscussPost post = new DiscussPost();
            post.setUserId(user.getId());
            post.setTitle("hello");
            post.setContent("新人报道");
            post.setCreateTime(new Date());
            discussPostMapper.insertDiscussPost(post);
            int i = 1/0;
            return "ok";
        }

2.写个测试方法调用这个方法，发现数据库中并没有插入任何数据

**演示编程式事务**

1.在加一个方法

@Autowired
        private TransactionTemplate transactionTemplate;//注入bean
        public Object save2(){
        
            transactionTemplate.setIsolationLevel(TransactionDefinition.ISOLATION_READ_COMMITTED);
            transactionTemplate.setPropagationBehavior(TransactionDefinition.PROPAGATION_REQUIRED);
            return transactionTemplate.execute(new TransactionCallback<Object>() {
        //泛型指定返回的类型
                @Override
                public Object doInTransaction(TransactionStatus transactionStatus) {
        
                    //新增用户
                    User user = new User();
                    user.setUsername("hsw");
                    user.setSalt(CommunityUtil.generateUUID().substring(0,5));
                    user.setPassword(CommunityUtil.md5("123"+user.getSalt()));
                    user.setEmail("hsw@qq.com");
                    user.setHeaderUrl("http://image.nowcoder.com/head/99t.png");
                    user.setCreateTime(new Date());
                    userMapper.insertUser(user);
                    //新增帖子
                    DiscussPost post = new DiscussPost();
                    post.setUserId(user.getId());
                    post.setTitle("hello");
                    post.setContent("新人报道");
                    post.setCreateTime(new Date());
                    discussPostMapper.insertDiscussPost(post);
                    int i = 1/0;
                    return "ok";
                }
            });
        }

2.测试发现也没有插入数据

## 五、显示评论 ##

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

根据评论的数据库我们创建一套实体类

[![image.png][image.png 4]][image.png_image.png 4]

id表明这个评论发出的早晚顺序

user\_id 表明这个评论发出的用户

**entity\_type** 表明这个评论的类型(是属于帖子的评论，还是评论的评论，还是问题的评论)

**entity\_id** 表明这个评论的帖子是哪一个

\*\*target\_id \*\*表明这个帖子所指向的地址【指向某个人】

content 表明的是的是帖子的内容

status 表明的是这个评论的状态，表明状态 0为正常的 1为删除的或者是错误的

create\_time 表明的是这个帖子创立的时间

### 数据层 ###

1.写个实体类

> 同时生成get、set方法
> 
> 写一个toString方法

public class Comment {
        
        private int id;
        private int userId;
        private int entityType;
        private int entityId;
        private int targetId;
        private String content;
        private int status;
        private Date createTime;

2.写个创建新的Mapper类 【支持分页】

@Repository
    public interface CommentMapper {
        
        List<Comment> selectCommentByEntity(int entityType,int entityId,int offset,int limit);//实体条件、分页条件
        int selectCountByEntity(int entityType,int entityId);//评论的总数
    }

3.写对应Mapper.xml Mapper映射方法

<?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.hsw.community.dao.CommentMapper">
        
        <sql id="selectFields">
            id, user_id, entity_type, entity_id, target_id, content, status, create_time
        </sql>
        <select id="selectCommentByEntity" resultType="Comment">   
            select <include refid="selectFields"></include>
            from comment
            where status=0
            and entity_type= #{entityType}
            and entity_id=#{entityId}
            order by create_time asc
            limit #{offset},#{limit}
        </select>
        <select id="selectCountByEntity" resultType="int">		 
            select count(id)
            from comment
            where status = 0
            and entity_type= #{entityType}
            and entity_id=#{entityId}
        </select>
    </mapper>

别忘了写完测试一波

### 业务层 ###

很简单

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

### 表现层 ###

*  controller：处理请求
 *  页面：展现数据

1.直接在DiscussPostController中加写内容

@Autowired
        private UserService userService;
        @Autowired
        private CommentService commentService;
        @RequestMapping(path = "/detail/{discussPostId}",method = RequestMethod.GET)
        //如果参数中有bean，最终springmvc都会存在model中，所以Page会存到model中
        public String getDiscussPost(@PathVariable("discussPostId") int discussPostId, Model model, Page page){
         //如果参数中有bean，最终springmvc都会存在model中
            //查询这个帖子
            DiscussPost post = discussPostService.findDiscussPostById(discussPostId);
            model.addAttribute("post",post);
            //根据userId查名字
            User user = userService.findUserById(post.getUserId());
            model.addAttribute("user",user);
            
            
            //查评论的分页信息
            page.setLimit(5);//每页显示5条数据
            page.setPath("/discuss/detail/"+discussPostId);//路径
            page.setRows(post.getCommentCount()); //帖子相关字段中冗余存了一个commentcount  也可以从评论表查询【效率低】
            //帖子的评论：称为--评论  ENTITY_TYPE_POST
            //评论的评论：称为--回复  ENTITY_TYPE_REPLY
            //评论列表
            List<Comment> comments = commentService.findCommentsByEntity(
                    ENTITY_TYPE_POST, post.getId(), page.getOffset(), page.getLimit());
            //用map对我们要展示的数据 做统一的封装
            List<Map<String,Object>> commentVoList = new ArrayList<>();
            if(comments!=null){
        
                for(Comment c:comments){
        
                    //评论Vo ：Vo的意思是viewObject的意思 视图对象
                    Map<String,Object> commentVo = new HashMap<>();
                    //放评论
                    commentVo.put("comment",c);
                    //放作者
                    commentVo.put("user",userService.findUserById(c.getUserId()));
                    
                    //回复列表
                    List<Comment> replys = commentService.findCommentsByEntity(ENTITY_TYPE_REPLY, c.getId(), 0, Integer.MAX_VALUE);//不分页了
                    //回复的Vo列表
                    List<Map<String,Object>> replyVoList = new ArrayList<>();
                    if(replys!=null){
        
                        for(Comment r:replys){
        
                            Map<String,Object> replyVo = new HashMap<>();
                            //放回复
                            replyVo.put("reply","r");
                            //放回复者user
                            replyVo.put("user",userService.findUserById(r.getUserId()));
                            //放被回复者，如果有的话
                            User target = r.getTargetId() == 0 ? null : userService.findUserById(r.getTargetId());
                            replyVo.put("target",target);
                            replyVoList.add(replyVo);
                        }
                    }
                    //回复加入进来
                    commentVo.put("replys",replyVoList);
                    //一条评论回复的数量
                    int replyCount = commentService.findCommentCount(ENTITY_COMMENT, c.getId());
                    commentVo.put("replyCount",replyCount);
                    //加入评论Vo
                    commentVoList.add(commentVo);
                }
            }
            //传给模板
            model.addAttribute("comments",commentVoList);
            return "site/discuss-detail";
        }

2.处理模板

[![image][image 18]][image_image 18][![image][image 19]][image_image 19]

还有一堆慢慢写就没事

遍历帖子

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

遍历回复

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

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

3.分页处理直接复用index页面的分页就可

[![image][image 20]][image_image 20]因为都一样并且controller中查询恢复帖子的列表也是根据当前页面offset和limit查的

## 六、添加评论 ##

**增加评论，注意事务管理**

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

### 数据层 ###

1.增加插入评论的mapper

[![image][image 21]][image_image 21][![image][image 22]][image_image 22]

2.增加帖子回复数量的mapper

[![image][image 23]][image_image 23]

[![image][image 24]][image_image 24]

### 业务层 ###

1.DiscussPostService

[![image][image 25]][image_image 25]

2.CommentService

@Autowired
        private DiscussPostService discussPostService;
        @Autowired
        private SensitiveFilter sensitiveFilter;
    	//声明式事务  加注解（隔离级别、传播机制）
        @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()== CommunityContant.ENTITY_TYPE_POST){
        
                int count = commentMapper.selectCountByEntity(CommunityContant.ENTITY_TYPE_POST, comment.getEntityId());
                discussPostService.updateCommentCount(comment.getEntityId(),count);
            }
            return rows;
        }

### 表现层 ###

1.单独创建一个Controller—CommentController

@Controller
    @RequestMapping("/comment")
    public class CommentController {
        
        @Autowired
        private CommentService commentService;
        @Autowired
        private HostHolder hostHolder;
        @RequestMapping(path = "/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;
        }
    }

2.处理页面

*  给帖子回复  
    [![image][image 26]][image_image 26]
 *  给评论回复  
    [![image][image 27]][image_image 27]
 *  给某个人回复  
    [![image][image 28]][image_image 28]

## 七、私信之显示私信列表 ##

[![image.png][image.png 5]][image.png_image.png 5]

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

个人想法:

首先创建message实体类，创建message-mapper。我们发现message-mapper可能有这么几种方法会在展示层上用到，我们可以先写。首先是我们在会话列表中需要展示最新的私信，我们还需要得出总的会话行数，进行分页的操作。第二，我们点进私信详情时，展示与之对话的私信，并且也将分页功能实现

[![image][image 29]][image_image 29]

### 表设计 ###

[![image][image 30]][image_image 30]

*  conversasion\_id:表明通信的双方id拼接，规定小的id在前大的在后  
    [![image][image 31]][image_image 31]

### 数据层 ###

1.写entity

[![image][image 32]][image_image 32]

2.写mapper

@Repository
    public interface MessageMapper {
        
        List<Message> selectConversation(int userId, int offset, int limit);
        
        int selectConversationCount(int userId);
        
        List<Message> selectLetter(String conversationId,int offset,int limit);
        
        int selectLetterCount(String conversationId);
        
        int selectLetterUnreadCount(int userId,String conversationId);
    }
    <?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.hsw.community.dao.MessageMapper">
        <sql id="selectFields">
            id, from_id, to_id, conversation_id, content, status, create_time
        </sql>
        <select id="selectConversation" 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 create_time 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="selectLetter" resultType="Message">
                select <include refid="selectFields"></include>
                from message
                where status!=2
                and from_id!=1
                and conversation_id=#{conversationId}
                order by create_time 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>
    </mapper>

### 业务层 ###

新建个MessageService即可

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

### 表现层 ###

1.新建一个MessageController

@Controller
    public class MessageController {
        
        @Autowired
        private HostHolder hostHolder;
        @Autowired
        private MessageService messageService;
        @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()));
                    //拿到对话对方的userId
                    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";
        }
    }

2.处理视图

*  先改成Thymeleaf的形式
 *  往里边填充数据即可没啥好说的轻车熟路  
    [![image][image 33]][image_image 33]

复用首页的分页逻辑

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

## 八、私信之私信详情 ##

[![image.png][image.png 6]][image.png_image.png 6]

*  私信详情
 *   *  查询某个会话所包含的私信。
     *  支持分页显示。

### 表现层 ###

1.新增controller方法

@RequestMapping(path = "/letter/detail/{conversationId}",method = RequestMethod.GET)
        public String getLetterDetail(@PathVariable("conversationId")String conversationId,Page page,Model model){
        
            //设置分页信息
            page.setPath("/letter/detail/"+conversationId);
            page.setLimit(5);
            page.setRows(messageService.findLetterCount(conversationId));
            //私信列表
            List<Message> lettersList = messageService.findLetters(conversationId, page.getOffset(), page.getLimit());
            List<Map<String,Object>> letters = new ArrayList<>();
            if(lettersList!=null){
        
                for(Message message:lettersList){
        
                    Map<String,Object> map = new HashMap<>();
                    map.put("letter",message);
                    map.put("fromUser",userService.findUserById(message.getFromId()));
                    letters.add(map);
                }
            }
            model.addAttribute("letters",letters);
            //判断和谁对话
            User target = getLetterTarget(conversationId);//私有方法
            model.addAttribute("target",target);
            return "/site/letter-detail"; //返回模板
        }
        private User getLetterTarget(String conversationId){
        
            User user = hostHolder.getUser();
            String[] ids = conversationId.split("_");//分隔
            int id1 = Integer.parseInt(ids[0]);
            int id2 = Integer.parseInt(ids[1]);
            return user.getId()==id1?userService.findUserById(id2):userService.findUserById(id1);
        }

2.处理页面

声明ttymeleaf模板

修改静态变量，js、css

header用首页header替换、分页逻辑利用首页逻辑

[![image][image 34]][image_image 34]

### 私信详情返回后处理已读消息个数 ###

[![image][image 35]][image_image 35]

解决方法

[![image][image 36]][image_image 36][![image][image 37]][image_image 37]

## 九、发送私信 ##

[![image.png][image.png 7]][image.png_image.png 7]

*  发送私信
    
     *  采用异步的方式发送私信。
     *  发送成功后刷新私信列表。

### 数据层 ###

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

[![image][image 38]][image_image 38]

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

### 业务层 ###

[![image][image 39]][image_image 39]

读取消息，将状态改为已读。【可以传入多个id，定义为一个集合】

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

### 表现层 ###

1.controller中

@RequestMapping(path = "/letter/send",method = RequestMethod.POST)
        @ResponseBody
        public String sendLetter(String toName,String content){
        
            //System.out.println(toName+content);
            User user = userService.selectByName(toName);//将name==》id
            if(user==null){
        
                return CommunityUtil.getJsonString(1,"目标用户不存在");
            }
            Message message = new Message();
            message.setFromId(hostHolder.getUser().getId());
            message.setToId(user.getId());
            //拼接conversationId，谁小谁在前面
            String conversationId = message.setFromId()<message.setToId()?
                                    message.setFromId()+"_"+message.setToId():
                                   message.setToId()+"_"+message.setFromId();
            message.setConversationId(conversationId);
            message.setContent(content);
            message.setCreateTime(new Date());
            message.setStatus(0);
            messageService.addMessage(message);
            return CommunityUtil.getJsonString(0);
        }

2.letter.html页面中

[![image][image 40]][image_image 40][![image][image 41]][image_image 41]

letter.js

$(function(){
        
        $("#sendBtn").click(send_letter);
        $(".close").click(delete_msg);
    });
    function send_letter() {
        
        //①关掉输入框 ②向服务端发送数据 ③提示框【发送成功or失败】
        $("#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);
            }
        );
    }

### 已读消息处理 ###

Messagecontroller

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

在请求详情的方法中，更改状态，设置为已读

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

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

*  @ControllerAdvice
    
     *  用于修饰类，表示该类是Controller的全局配置类。
     *  在此类中，可以对Controller进行如下三种全局配置：  
        异常处理方案、绑定数据方案、绑定参数方案。
 *  @ExceptionHandler—异常处理方案
    
     *  用于修饰方法，该方法会在Controller出现异常后被调用，用于处理捕获到的异常。
     *  利用其统一处理，所有controller可能发生的异常
 *  @ModelAttribute—绑定数据方案（想象下Page类被自动封装进Model里）
    
     *  用于修饰方法，该方法会在Controller方法执行前被调用，用于为Model对象绑定参数。
     *  给Model绑定一个统一的参数、供所有controller
 *  @DataBinder—绑定参数方案（想象下Page类的使用）
    
     *  用于修饰方法，该方法会在Controller方法执行前被调用，用于绑定参数的转换器。
     *  页面向服务器传参、自动的进行转换
        
        [![image][image 42]][image_image 42]

往上抛最终处理异常在表现层，统一处理异常针对表现层，Spring还有SpringBoot给我们提供了现成的方案

### SpringBoot自动处理方式 ###

1.把报错的错误码作为页面名放到如下目录下，当报出来相关错误会自动显示报错的页面。

[![image][image 43]][image_image 43]

### @ControllerAdvice和@ExceptionHandler处理异常 ###

1.写一个跳转到处理页面的controller，这里在HomeController里写

@RequestMapping(path = "/error",method = RequestMethod.GET)
        public String getErrorPage(){
        
            return "/error/500";
        }

2.在controller包下新建advice包并创建处理异常类

@ControllerAdvice(annotations = Controller.class)
    //只扫描带有controller注解的bean
    public class HandleException {
        
        private static final Logger logger = LoggerFactory.getLogger(HandleException.class);
        @ExceptionHandler({
        Exception.class})//处理所有异常的注解
        //public voic 修饰 ,参数可以传进去很多可以查资料
        public void handleException(Exception e,
                                    HttpServletRequest request,
                                    HttpServletResponse response) throws IOException {
        
            logger.error("服务器发生异常 "+e.getMessage());
            for(StackTraceElement element:e.getStackTrace()){
        
                logger.error(element.toString());
            }
            //判断是html请求还是json请求，学习这个找法
            String xRequestWith = request.getHeader("x-requested-with");
            if("XMLHttpRequest".equals(xRequestWith)){
        
                //异步请求返回XML、普通的请求返回的是html
                //response.setContentType("application/json"); //浏览器会自动转成json数据
                //浏览器会自动返回普通字符串
                response.setContentType("application/plain;charSet=utf-8");
                PrintWriter writer = response.getWriter();
                writer.write(CommunityUtil.getJsonString(1,"服务器异常"));
            }else{
        
                response.sendRedirect(request.getContextPath()+"/error");
            }
        }
    }

很方便，不需要每个页面加代码

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

控制通知：访问发生异常时，进行统一的异常处理

拦截器：也是针对控制器进行处理

记日志可能针对业务组件、数据访问层、控制器等进行日志记录

【记录日志属于系统需求，尽量不要在业务需求里耦合系统需求，一旦需求发生变化，改变非常大】

需求：对所有的service记录日志

[![image][image 44]][image_image 44]

### AOP ###

**AOP的概念**

*  Aspect Oriented Programing，即面向方面（切面）编程。
 *  AOP是一种编程思想，是对OOP的补充，可以进一步提高编程的效率。【AOP和OOP互补】

[![image][image 45]][image_image 45]

**AOP的术语**

[![image][image 46]][image_image 46]

*  Target：已处理完业务逻辑的代码为目标对象【一个个业务组件称之为处理需求的目标对象】
 *  Aspect：封装业务需求的组件称之为aspect，即切面
 *  【整个编程过程完全针对aspect进行编程，所以称之为面向切面编程】
 *  Weaving：将封装的代码织入到目标对象target对象中【不同的框架提供的功能】
 *  Joinpoint：允许织入的位置。目标对象上有很多地方能被织入代码叫连接点【属性、过滤器、成员方法、代码块都允许织入】
 *  Pointcut：切点声明到底织入到哪些位置
 *  Advice：通知声明到底要处理什么样的逻辑

**AOP的实现**

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

**Spring AOP**

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

### 来个小例子 ###

1.导入一个包

[![image][image 47]][image_image 47]

2.新建aspect包写一个AlphaAspect类

@Component
    @Aspect
    public class AlphaAspect {
    	//* 代表方法的返回值  com.hsw.community.service包名 .*.所有类 *(..)所有方法以及所有的参数
        @Pointcut("execution(* com.hsw.community.service.*.*(..))")
        //方法名字随便取
        public void pointcut(){
        }
        @Before("pointcut()")//连接点的开始
        public void before(){
            System.out.println("before");
        }
        @After("pointcut()")//连接点的后面
        public void after(){
            System.out.println("after");
        }
        @AfterReturning("pointcut()")//有了返回值以后
        public void afterReturning(){
            System.out.println("afterReturning");
        }
        @AfterThrowing("pointcut()")//抛异常时
        public void afterThrowing(){
            System.out.println("afterThrowing");
        }*/
        @Around("pointcut()")//前后都织入，方法需要有返回值以及参数
        public Object around(ProceedingJoinPoint joinPoint) throws Throwable{
            System.out.println("aroundBefore");
            Object obj = joinPoint.proceed();//调用目标组件的方法
            System.out.println("aroundAfter");
            return obj;
        }
    }

### 正式处理业务 ###

访问任意业务组件方法时，日志通知方法都被触发了，统一处理记录日志记录

> AOP容易掌握、but AOP理念、机制、术语、概念多理解一下。。。

@Component
    @Aspect
    public class ServiceLoggerAspect {
        
        private static final Logger logger = LoggerFactory.getLogger(ServiceLoggerAspect.class);//实例化Logger
        @Pointcut("execution(* com.hsw.community.service.*.*(..))")//声明切点
        public void pointcut(){
        
        }
        @Before("pointcut()")//前置通知
        public void before(JoinPoint joinPoint){
        
            //用户{1.2.3.4}，在{xxxx},访问了{com.hsw.community.service.xxx}
            //RequestContextHolder工具类  工具类==》子类型，得到的方法更多一些
            ServletRequestAttributes requestAttributes = (ServletRequestAttributes) RequestContextHolder.getRequestAttributes();
            HttpServletRequest request = requestAttributes.getRequest();//得到request对象
            String ip = request.getRemoteHost();//用户ip地址
            String now = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date());//时间
            String TypeName = joinPoint.getSignature().getDeclaringTypeName(); //类名
            String methodName = joinPoint.getSignature().getName();//方法名
            String target = TypeName+"."+methodName;
            logger.info(String.format("用户[%s],在[%s],访问了[%s]",ip,now,target));
        }
    }
    输出：
    ...
    用户[127.0.0.1],在[2020-05-18 22:27:06],访问了
    [com.hsw.community.service.UserService.findUserById]
    ...

## 仿牛客网第四章 ##

## 一、Redis入门 ##

> Redis，一站式高性能存储方案，提升性能
> 
> 支持数据类型多、性能完善、使用简单

*  Redis是一款基于键值对的NoSQL数据库，它的值支持多种数据结构：  
    字符串(strings)、哈希(hashes)、列表(lists)、集合(sets)、有序集合(sorted sets)等。
 *  Redis将所有的数据都存放在**内存**中，所以它的读写性能十分惊人。  
    同时，Redis还可以将内存中的数据以快照或日志的形式保存到硬盘上，以保证数据的安全性。
    
    > 【快照即RDB形式，将内容原原本本的直接存在硬盘上。优点：体积小、恢复快 缺点：耗时、做存储时可能会产生阻塞 不适合实时场景、适合几个小时做一次的场景】
    > 
    > 【日志形式AOF：每执行一次，将以日志形式存Redis命令 优点：速度快，可以实时存 缺点：追加的形式，体积大，占用磁盘空间；恢复慢】
 *  Redis典型的应用场景包括：**缓存、排行榜、计数器、社交网络【点赞】、消息队列**等。【消息队列可以用更专业的服务器，kafak】

redis相关链接：[官网][Link 1]，[github][]

各个数据类型应用场景：

<table> 
 <thead> 
  <tr> 
   <th>类型</th> 
   <th>简介</th> 
   <th>特性</th> 
   <th>场景</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>String(字符串)</td> 
   <td>二进制安全</td> 
   <td>可以包含任何数据,比如jpg图片或者序列化的对象,一个键最大能存储512M</td> 
   <td>—</td> 
  </tr> 
  <tr> 
   <td>Hash(字典)</td> 
   <td>键值对集合,即编程语言中的Map类型</td> 
   <td>适合存储对象,并且可以像数据库中update一个属性一样只修改某一项属性值(Memcached中需要取出整个字符串反序列化成对象修改完再序列化存回去)</td> 
   <td>存储、读取、修改用户属性</td> 
  </tr> 
  <tr> 
   <td>List(列表)</td> 
   <td>链表(双向链表)</td> 
   <td>增删快,提供了操作某一段元素的API</td> 
   <td>1,最新消息排行等功能(比如朋友圈的时间线) 2,消息队列</td> 
  </tr> 
  <tr> 
   <td>Set(集合)</td> 
   <td>哈希表实现,元素不重复</td> 
   <td>1、添加、删除,查找的复杂度都是O(1) 2、为集合提供了求交集、并集、差集等操作</td> 
   <td>1、共同好友 2、利用唯一性,统计访问网站的所有独立ip 3、好友推荐时,根据tag求交集,大于某个阈值就可以推荐</td> 
  </tr> 
  <tr> 
   <td>Sorted Set(有序集合)</td> 
   <td>将Set中的元素增加一个权重参数score,元素按score有序排列</td> 
   <td>数据插入集合时,已经进行天然排序</td> 
   <td>1、排行榜 2、带权重的消息队列</td> 
  </tr> 
 </tbody> 
</table>

### Redis使用演示 ###

1.reids默认有16个库，从0-15，可以使用下边的语句切换

select [index]

[![image][image 48]][image 48]

2.刷新数据库FLUSHDB命令，如下

[![image][image 49]][image 49]

3.String类型的演示

set key value [EX seconds] [PX milliseconds] [NX|XX]
    多个单词，用：连接
    get key
    incr key //值加一
    decr key //值减一

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

4.hash类型数据

hset key field value
    hget key field

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

5.list类型数据【存、取 左右都可以】

> l表示左边
> 
> r表示右边

lpush key value [value ...]
    llen key  //看列表的长度
    lindex key index //查询某个索引对应的值
    lrange key start stop //查询索引范围内对应的值
    lpop key
    rpush key value [value ...]
    rpop key

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

6.set类型数据 无序、不重复

sadd key member [member ...]
    scard key  //统计集合中有多少元素，输出个数
    spop key [count]  //随机从集合中弹出数据【可以实现抽奖】
    smembers key  //相比于scard来说，输出set中所有的member

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

7.sortset类型数据 有序集合

zadd key [NX|XX] [CH] [INCR] score member [score member ...]
    zcard key
    zscore key member	//查询某个值的分数
    zrank key member  //返回排名
    zrange key start stop [WITHSCORES]   //取某个返回内的排名

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

8.常用命令

keys *   //查询当前库里所有的key
    type key  //查询某个key值的类型
    exists key [key ...]  //查询某个key是否存在
    del key   //删除某个key的数据
    expire key seconds  //设置某个key的过期时间

## 二、 Spring整合Redis ##

*  引入依赖
    
     *  spring-boot-starter-data-redis
 *  配置Redis
    
     *  配置数据库参数
     *  编写配置类，构造RedisTemplate【Redis核心组件，Spring提供】
        
        > SpringBoot已经自动配置了该类
        > 
        > but SpringBoot中的key定义为Object类型，我们常用的key是String类型，因此，我们需要重新配置
 *  访问Redis
    
     *  redisTemplate.opsForValue() **String**
     *  redisTemplate.opsForHash() **Hash**
     *  redisTemplate.opsForList() **List**
     *  redisTemplate.opsForSet() **Set**
     *  redisTemplate.opsForZSet() **Zset**

### 导包 ###

日常操作你懂得

<dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-data-redis</artifactId>
        <version>2.2.5.RELEASE</version>
    </dependency>

### 配置Redis ###

application.properties中

[![image][image 50]][image 50]

*  database=11表示使用第12个库

因为RedisTemplate是<String,Object>类型的不利于我们操作所以要写一个配置类

[![image][image 51]][image 51]

RedisConfig 配置类

@Configuration
    public class RedisConfig {
        
        @Bean
        public RedisTemplate<String,Object> redisTemplate(RedisConnectionFactory factory){
        
            //访问数据库需要建立连接、连接是由连接工厂创建的，因此注入连接工厂
            RedisTemplate<String,Object> template = new RedisTemplate<>();
            template.setConnectionFactory(factory); //将工厂设置2给Template
            //Template有了工厂，具备访问数据库的能力
            //设置key的序列化方式
            template.setKeySerializer(RedisSerializer.string());
            //设置value的序列化方式
            template.setValueSerializer(RedisSerializer.json());
            //设置hash的key序列化方式
            template.setHashKeySerializer(RedisSerializer.string());
            //设置hash的value的序列化方式
            template.setHashValueSerializer(RedisSerializer.json());
            template.afterPropertiesSet();
            return template;
        }
    }

### RedisTemplate访问redis ###

在Redis事务执行过程中不要进行查询，否则会返回空数据！

1.写一个测试类

@SpringBootTest
    @ContextConfiguration(classes = CommunityApplication.class)
    public class RedisTest {
        
        @Autowired
        private RedisTemplate redisTemplate;
        @Test
        public void testStrings() {
        
            String redisKey = "test:count";
            redisTemplate.opsForValue().set(redisKey, 1);
            System.out.println(redisTemplate.opsForValue().get(redisKey));
            System.out.println(redisTemplate.opsForValue().increment(redisKey));
            System.out.println(redisTemplate.opsForValue().decrement(redisKey));
        }
        @Test
        public void testHashes() {
        
            String redisKey = "test:user";
            redisTemplate.opsForHash().put(redisKey, "id", 1);
            redisTemplate.opsForHash().put(redisKey, "username", "zhangsan");
            System.out.println(redisTemplate.opsForHash().get(redisKey, "id"));
            System.out.println(redisTemplate.opsForHash().get(redisKey, "username"));
        }
        @Test
        public void testLists() {
        
            String redisKey = "test:ids";
            redisTemplate.opsForList().leftPush(redisKey, 101);
            redisTemplate.opsForList().leftPush(redisKey, 102);
            redisTemplate.opsForList().leftPush(redisKey, 103);
            System.out.println(redisTemplate.opsForList().size(redisKey));
            System.out.println(redisTemplate.opsForList().index(redisKey, 0));
            System.out.println(redisTemplate.opsForList().range(redisKey, 0, 2));
            System.out.println(redisTemplate.opsForList().leftPop(redisKey));
            System.out.println(redisTemplate.opsForList().leftPop(redisKey));
            System.out.println(redisTemplate.opsForList().leftPop(redisKey));
        }
        @Test
        public void testSets() {
        
            String redisKey = "test:teachers";
            redisTemplate.opsForSet().add(redisKey, "刘备", "关羽", "张飞", "赵云", "诸葛亮");
            System.out.println(redisTemplate.opsForSet().size(redisKey));
            System.out.println(redisTemplate.opsForSet().pop(redisKey));
            System.out.println(redisTemplate.opsForSet().members(redisKey));
        }
        @Test
        public void testSortedSets() {
        
            String redisKey = "test:students";
            redisTemplate.opsForZSet().add(redisKey, "唐僧", 80);
            redisTemplate.opsForZSet().add(redisKey, "悟空", 90);
            redisTemplate.opsForZSet().add(redisKey, "八戒", 50);
            redisTemplate.opsForZSet().add(redisKey, "沙僧", 70);
            redisTemplate.opsForZSet().add(redisKey, "白龙马", 60);
            System.out.println(redisTemplate.opsForZSet().zCard(redisKey));
            System.out.println(redisTemplate.opsForZSet().score(redisKey, "八戒"));
            System.out.println(redisTemplate.opsForZSet().reverseRank(redisKey, "八戒"));
            System.out.println(redisTemplate.opsForZSet().reverseRange(redisKey, 0, 2));
        }
        @Test  //常用命令
        public void testKeys() {
        
            redisTemplate.delete("test:user");
            System.out.println(redisTemplate.hasKey("test:user"));
            redisTemplate.expire("test:students", 10, TimeUnit.SECONDS);
        }
        // 多次访问同一个key  简化方案，绑定key
        @Test
        public void testBoundOperations() {
        
            String redisKey = "test:count";
            BoundValueOperations operations = redisTemplate.boundValueOps(redisKey);
            operations.increment();
            operations.increment();
            operations.increment();
            operations.increment();
            operations.increment();
            System.out.println(operations.get());
        }
        //声明式事务作用于整个方法，方法中需要查询时就不合适了，所以演示编程式事务
        // 编程式事务  NoSQL数据库，不必须满足ACID，实现简单
        //启用事务之后，不会立刻执行命令，将命令放到队列，直至提交事务时，将队列==》Redis中，一起执行
        @Test
        public void testTransactional() {
        
            Object obj = redisTemplate.execute(new SessionCallback() {
        
                @Override
                public Object execute(RedisOperations operations) throws DataAccessException {
        
                    String redisKey = "test:tx";
                    operations.multi();
                    operations.opsForSet().add(redisKey, "zhangsan");
                    operations.opsForSet().add(redisKey, "lisi");
                    operations.opsForSet().add(redisKey, "wangwu");
                    //显示为[]，所以一定不要在redis事务中做查询。
                    System.out.println(operations.opsForSet().members(redisKey));
                    return operations.exec();
                }
            });
            //这里会显示所有的操作结果
            System.out.println(obj);
        }
    }

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

## 三、点赞 ##

> 重点考虑性能问题，可能很多人同时给同一个人点赞
> 
> 因此，将点赞数据存在Redis中

*  点赞
    
     *  支持对帖子、评论点赞。
     *  第1次点赞，第2次取消点赞。
 *  首页点赞数量
    
     *  统计帖子的点赞数量。
 *  详情页点赞数量
    
     *  统计点赞数量。
     *  显示点赞状态。

[![image.png][image.png 8]][image.png 8]

个人想法

因为我们是通过redis进行点赞的功能上线，所以我们在这一次可以不使用dao层来进行功能的书写。

[![image][image 52]][image 52]

> 存在Redis中，操作非常简单，因此不单独写数据访问层

### Redis生成key的工具类 ###

> 简单工具、方便复用，不需要容器进行管理

public class RedisUtil {
        
        private static final String SPLIT=":";
        private static final String PREFIX_ENTITY_LIKE = "like:entity";
        
        //某个实体的赞
        //like:entity:entityType:entityId 由方法参数传来的参数组成的key值
        //value是个set：存的是用户id，为了统计谁给我点了赞
        public static String getEntityLikeKey(int entityType,int entityId){
        
            return PREFIX_ENTITY_LIKE+SPLIT+entityType+SPLIT+entityId;
        }
    }

### 业务层 ###

@Service
    public class LikeService {
        
        @Autowired  //注入RedisTemplate
        private RedisTemplate redisTemplate;
        
        //点赞
        public void like(int userId,int entityType,int entityId){
        
            String entityLikeKey = RedisUtil.getEntityLikeKey(entityType,entityId);//key
            //第一次点是点赞，第二次点是取消赞
            //先判断是否点过赞  value是set集合存的是userId
            Boolean isMember = redisTemplate.opsForSet().isMember(entityLikeKey, userId);
            if(isMember){
        
                //说明点过赞，这次是取消赞
                redisTemplate.opsForSet().remove(entityLikeKey,userId);
            }else{
        
                //说明是第一次点赞
                redisTemplate.opsForSet().add(entityLikeKey,userId);
            }
        }
        //查询实体点赞的数量
        public long findEntityLikeCount(int entityType,int entityId){
        
            String entityLikeKey = RedisUtil.getEntityLikeKey(entityType,entityId);
            return redisTemplate.opsForSet().size(entityLikeKey);
        }
        //查询某人对某实体的点赞状态
        //返回int 是为了以后业务扩展 比如点了踩啥的记录状态
        public int findEntityLikeStatus(int userId,int entityType,int entityId){
        
            String entityLikeKey = RedisUtil.getEntityLikeKey(entityType,entityId);
            return redisTemplate.opsForSet().isMember(entityLikeKey,userId)?1:0;
        }
    }

### 表现层：点赞功能的实现 ###

> 异步请求，不刷新页面，for 高效率
> 
> 后面用拦截器拦截请求，使用SpringSecrety进行重构，检查权限【是否登录】

@Controller
    public class LikeController {
        
        @Autowired
        private LikeService likeService;
        @Autowired
        private HostHolder hostHolder;
        
        @RequestMapping(path = "/like",method = RequestMethod.POST)
        @ResponseBody
        public String like(int entityType,int entityId){
        
            User user = hostHolder.getUser();
            //实现点赞
            likeService.like(user.getId(),entityType,entityId);
            //统计数量
            long likeCount = likeService.findEntityLikeCount(entityType,entityId);
            //状态
            int likeStatus = likeService.findEntityLikeStatus(user.getId(),entityType,entityId);
            //返回的结果
            Map<String,Object> map = new HashMap<>();
            map.put("likeCount",likeCount);
            map.put("likeStatus",likeStatus);
            return CommunityUtil.getJsonString(0,null,map);    //正确、无提示、点赞
        }
    }

**处理页面**

1.帖子点赞

[![image][image 53]][image 53]

*  href的东西表名跳转的地方是找js的方法
 *  onclick里的like方法有三个参数
    
     *  this用来标志是哪里点的赞（帖子可以点赞，用户评论也可以点赞）
     *  1表明是给帖子点赞
     *  post.id是帖子的id号
 *  为了方便显示数据把 赞 这个字用< b >标签包围，11用< i >包围

2.评论点赞

[![image][image 54]][image 54]

*  2表明给帖子评论点赞，其他同理

3.评论的回复点赞

[![image][image 55]][image 55]\- 3表示给评论回复点赞

4.处理js

[![image][image 56]][image 56]

*  新建一个discuss.js

### 表现层：点赞数量的显示 ###

1.首页上点赞数量的显示

HomeController中getIndexPage方法

[![image][image 57]][image 57]处理index.html

[![image][image 58]][image 58]2.帖子详情·页面上点赞数量的显示

[![image][image 59]][image 59]

页面处理

[![image][image 60]][image 60]

## 四、我收到的赞 ##

*  重构点赞功能
    
     *  以用户为key，记录点赞数量
     *  increment(key)，decrement(key)
 *  开发个人主页
    
     *  以用户为key，查询点赞数量

[![image][image 61]][image 61]

### 重构点赞功能 ###

1.在RedisUtil中加一个key

[![image][image 62]][image 62]

2.LikeService增加一个操作记录用户获得点赞的数量

并用编程式事务完成。想想为啥不用声明式事务—代码中有答案

//点赞
        public void like(int userId,int entityType,int entityId,int entityUserId){
          //entityUserId 就是被点赞的user的Id
    /*        String entityLikeKey = RedisUtil.getEntityLikeKey(entityType,entityId);
            //第一次点是点赞，第二次点是取消赞
            //先判断是否点过赞  value是set集合存的是userId
            Boolean isMember = redisTemplate.opsForSet().isMember(entityLikeKey, userId);
            if(isMember){
                //说明点过赞，这次是取消赞
                redisTemplate.opsForSet().remove(entityLikeKey,userId);
            }else{
                //说明是第一次点赞
                redisTemplate.opsForSet().add(entityLikeKey,userId);
            }*/
            //编程式事务
            redisTemplate.execute(new SessionCallback() {
        
                @Override
                public Object execute(RedisOperations redisOperations) throws DataAccessException {
        
                    String entityLikeKey = RedisUtil.getEntityLikeKey(entityType,entityId);//以实体为key
                    String userLikeKey = RedisUtil.getUserLikeKey(entityUserId);//以用户为key
                    //判断当前用户有没有点赞，这一步应该在事务开启前执行，因为在事务中的查询不会立即得到结果
                    Boolean isMember = redisOperations.opsForSet().isMember(entityLikeKey, userId);
                    //事务开启
                    redisOperations.multi();
                    if(isMember){
        
                        //说明点过赞，这次是取消赞
                        redisTemplate.opsForSet().remove(entityLikeKey,userId);
                        //被点赞的用户点赞数量减一
                        redisOperations.opsForValue().decrement(userLikeKey);
                    }else{
        
                        //说明是第一次点赞
                        redisTemplate.opsForSet().add(entityLikeKey,userId);
                        //被点赞的用户点赞数量加一
                        redisOperations.opsForValue().increment(userLikeKey);
                    }
                    return redisOperations.exec();
                }
            });
        }

3.LikeService增加查询某个用户获得赞的数量

[![image][image 63]][image 63]

4.重构表现层

[![image][image 64]][image 64]

detail页面

[![image][image 65]][image 65]

[![image][image 66]][image 66]

### 开发个人主页 ###

1.UserController增加找用户页面的方法

@Autowired
        private LikeService likeService;
        //个人主页
        @RequestMapping(path = "/profile/{userId}",method = RequestMethod.GET)
        public String getProfilePage(@PathVariable("userId")int userId,Model model){
        
            User user = userService.findUserById(userId);
            if(user==null){
        
                throw new RuntimeException("该用户不存在");
            }
            //用户
            model.addAttribute("user",user);
            int likeCount = likeService.findUserLikeCount(user.getId());
            model.addAttribute("likeCount",likeCount);
            return "/site/profile";
        }

2.处理index.html中的链接

[![image][image 67]][image 67]

所有用户头像也得加链接

这里只处理了首页上的，其他的暂时没有处理。

[![image][image 68]][image 68]3.处理profile.html

[![image][image 69]][image 69]

## 五、关注、取消关注 ##

*  需求
 *   *  开发关注、取消关注功能。
     *  统计用户的关注数、粉丝数。
 *  关键
 *   *  若A关注了B，则A是B的Follower（粉丝），B是A的Followee（目标）。
     *  关注的目标可以是用户、帖子、题目等，在实现时将这些目标抽象为实体。

### RedisUtil中增加获得key的方法 ###

[![image][image 70]][image 70]

### 业务层 ###

@Service
    public class FollowService {
        
        @Autowired
        private RedisTemplate redisTemplate;
        //关注
        public void follow(int userId,int entityType,int entityId){
        
            //还得依靠事务解决，因为有多次操作
            redisTemplate.execute(new SessionCallback() {
        
                @Override
                public Object execute(RedisOperations redisOperations) throws DataAccessException {
        
                    String followee = RedisUtil.getFolloweeKey(userId,entityType);
                    String follower = RedisUtil.getFollowerKey(entityType,entityId);
                    //启用事务
                    redisOperations.multi();
                    //userId关注entityId
                    redisOperations.opsForZSet().add(followee,entityId,System.currentTimeMillis());
                    //entityId的粉丝是userId
                    redisOperations.opsForZSet().add(follower,userId,System.currentTimeMillis());
                    return redisOperations.exec();
                }
            });
        }
        //取消关注
        public void unFollow(int userId,int entityType,int entityId){
        
            //还得依靠事务解决，因为有多次操作
            redisTemplate.execute(new SessionCallback() {
        
                @Override
                public Object execute(RedisOperations redisOperations) throws DataAccessException {
        
                    String followee = RedisUtil.getFolloweeKey(userId,entityType);
                    String follower = RedisUtil.getFollowerKey(entityType,entityId);
                    //启用事务
                    redisOperations.multi();
                    //userId没有关注谁
                    redisOperations.opsForZSet().remove(followee,entityId);
                    //谁的粉丝没有userId
                    redisOperations.opsForZSet().remove(follower,userId);
                    return redisOperations.exec();
                }
            });
        }
        //查询关注的实体的数量
        public long findFolloweeCount(int userId,int entityType){
        
            String followee = RedisUtil.getFolloweeKey(userId,entityType);
            return redisTemplate.opsForZSet().zCard(followee);
        }
        //查询实体的粉丝数量
        public long findFollowerCount(int entityType,int entityId){
        
            String follower = RedisUtil.getFollowerKey(entityType,entityId);
            return redisTemplate.opsForZSet().zCard(follower);
        }
        //查询当前用户是否关注该实体
        public boolean hasFollowed(int userId,int entityType,int entityId){
        
            String followee = RedisUtil.getFolloweeKey(userId,entityType);
            return redisTemplate.opsForZSet().score(followee,entityId)!=null?true:false;
        }
    }

### 表现层 ###

FollowController

@Controller
    public class FollowController {
        
        @Autowired
        private FollowService followService;
        @Autowired
        private HostHolder hostHolder;
        @RequestMapping(path = "/follow",method = RequestMethod.POST)
        @ResponseBody
        public String follow(int entityType,int entityId){
        
            User user = hostHolder.getUser();
            if(user==null){
        
                throw new RuntimeException("用户没有登录");
            }
            followService.follow(user.getId(),entityType,entityId);
            return CommunityUtil.getJsonString(0,"已关注");
        }
        @RequestMapping(path = "/unfollow",method = RequestMethod.POST)
        @ResponseBody
        public String unfollow(int entityType,int entityId){
        
            User user = hostHolder.getUser();
            if(user==null){
        
                throw new RuntimeException("用户没有登录");
            }
            followService.unFollow(user.getId(),entityType,entityId);
            return CommunityUtil.getJsonString(0,"已取消关注");
        }
    }

UserController中如下方法增加功能

[![image][image 71]][image 71][![image][image 72]][image 72]

**页面处理**

因为各种地方都可以关注，此处只演示在用户主页关注人，其他大同小异

[![image][image 73]][image 73]继续改成这样，处理关注按钮

[![image][image 74]][image 74]

在profile.js中写处理逻辑

$(function(){
        
        $(".follow-btn").click(follow);
    });
    function follow() {
        
        var btn = this;
        if($(btn).hasClass("btn-info")) {
        
            // 关注TA
            $.post(
                CONTEXT_PATH+"/follow",
                {
        "entityType":3,"entityId":$(btn).prev().val()},
                function (data) {
        
                    data = $.parseJSON(data);
                    if(data.code==0){
        
                        window.location.reload();
                    }else{
        
                        alert(data.msg)
                    }
                }
            )
        } else {
        
            // 取消关注
            $.post(
                CONTEXT_PATH+"/unfollow",
                {
        "entityType":3,"entityId":$(btn).prev().val()},
                function (data) {
        
                    data = $.parseJSON(data);
                    if(data.code==0){
        
                        window.location.reload();
                    }else{
        
                        alert(data.msg)
                    }
                }
            )
            //$(btn).text("关注TA").removeClass("btn-secondary").addClass("btn-info");
        }
    }

继续修改profile.html处理显示

[![image][image 75]][image 75]

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

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

### 业务层 ###

FollowService中增加方法

@Autowired
        private UserService userService;
        //查询某个用户关注的人
        public List<Map<String,Object>> findFollowees(int userId,int offset,int limit){
        
            String followee = RedisUtil.getFolloweeKey(userId,ENTITY_USER);
            Set<Integer> targetIds = redisTemplate.opsForZSet().reverseRange(followee, offset, offset + limit - 1);
            if(targetIds==null){
        
                return null;
            }
            List<Map<String,Object>> list = new ArrayList<>();
            for(Integer id:targetIds){
        
                Map<String,Object> map = new HashMap<>();
                User user = userService.findUserById(id);
                //用户
                map.put("user",user);
                Double score = redisTemplate.opsForZSet().score(followee, id);
                //关注时间
                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 follower = RedisUtil.getFollowerKey(ENTITY_USER,userId);
            //虽然返回的是set但是是redis内置实现了一个set可以有序排列
            Set<Integer> targetIds = redisTemplate.opsForZSet().reverseRange(follower, offset, offset + limit - 1);
            if(targetIds==null){
        
                return null;
            }
            List<Map<String,Object>> list = new ArrayList<>();
            for(Integer id:targetIds){
        
                Map<String,Object> map = new HashMap<>();
                User user = userService.findUserById(id);
                //用户
                map.put("user",user);
                Double score = redisTemplate.opsForZSet().score(follower, id);
                //关注时间
                map.put("followTime",new Date(score.longValue()));
                list.add(map);
            }
            return list;
        }

### 表现层 ###

1.某个用户关注了谁—FollowController增加如下方法

@Autowired
        private UserService userService;
        @RequestMapping(path="/followees/{userId}",method = RequestMethod.GET)
        public String getFollowees(@PathVariable("userId")int userId, Page page, Model model){
        
            //页面需要用username
            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_USER));
            List<Map<String, Object>> followees = followService.findFollowees(userId, page.getOffset(), page.getLimit());
            if(followees!=null){
        
                for(Map<String,Object> map:followees){
        
                    //判段当前用户对这个用户的关注状态
                    User followeeUser = (User)map.get("user");
                    boolean hasFollowed = hasFollowed(followeeUser.getId());
                    map.put("hasFollowed",hasFollowed);
                }
            }
            model.addAttribute("users",followees);
            return "/site/followee";
        }
        private boolean hasFollowed(int userId){
        
            if(hostHolder.getUser()==null){
        
                return false;
            }
            return followService.hasFollowed(hostHolder.getUser().getId(),CommunityContant.ENTITY_USER,userId);
        }

2.某个用户的粉丝

@RequestMapping(path="/followers/{userId}",method = RequestMethod.GET)
        public String getFollowers(@PathVariable("userId")int userId, Page page, Model model){
        
            //页面需要用username
            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_USER,userId));
            List<Map<String, Object>> followers = followService.findFollowers(userId, page.getOffset(), page.getLimit());
            if(followers!=null){
        
                for(Map<String,Object> map:followers){
        
                    //判段当前用户对这个用户的关注状态
                    User followeeUser = (User)map.get("user");
                    boolean hasFollowed = hasFollowed(followeeUser.getId());
                    map.put("hasFollowed",hasFollowed);
                }
            }
            model.addAttribute("users",followers);
            return "/site/follower";
        }

### 处理页面 ###

1.profile.html

[![image][image 76]][image 76]

2.followee.html

[![image][image 77]][image 77]3.follower.html

同理，仔细点尤其是处理已关注未关注按钮那里

## 七、优化登录模块 ##

*  使用Redis存储验证码
 *   *  验证码需要频繁的访问与刷新，对性能要求较高。
     *  验证码不需永久保存，通常在很短的时间后就会失效。
     *  分布式部署时，存在Session共享的问题。
 *  使用Redis存储登录凭证
 *   *  处理每次请求时，都要查询用户的登录凭证，访问的频率非常高。
 *  使用Redis缓存用户信息
 *   *  处理每次请求时，都要根据凭证查询用户信息，访问的频率非常高。

我们可以实现从redis中获取验证码，首先当客户端获取验证码时，先随机生成一个值，这个值作为是客户的登录凭证，我们将这个凭证设置时间为60秒，到时间自动删除。

### 使用Redis存储验证码 ###

[![image.png][image.png 9]][image.png 9]

最初，我们把验证码存在了session里，这样不好。使用Redis存验证码的好处：

*  Redis性能较高
 *  Redis可以设置失效时间
 *  存到Redis里分布式部署的时候避免了Session共享的问题

1.RedisUtil中增加存储验证码的key

[![image][image 78]][image 78]

2.LoginController里方法

修改getKaptcha方法

[![image][image 79]][image 79]

修改Login方法

[![image][image 80]][image 80]

### 使用Redis存储登录凭证 ###

[![image.png][image.png 10]][image.png 10]

最初，我们把登陆凭证存到了MySql里，每次都需要频繁的查询，因为设置了拦截器查询登陆状态。替换用login\_ticket表存数据

[![image][image 81]][image 81]

1.RedisUtil中定义key

[![image][image 82]][image 82]

2.LoginTicketMapper加@Deprecated注解表名不推荐使用

[![image][image 83]][image 83]3.重构代码主要集中在UserService和LoginService中

1.LoginService中login方法

[![image][image 84]][image 84]2.LoginService中logout方法

[![image][image 85]][image 85]

3.UserService中findLoginTicket方法

[![image][image 86]][image 86]

### 使用Redis缓存用户信息 ###

就是查询用户的时候先从Redis中取，没有的话先从数据库中取然后存到redis中。用户状态变化时直接删除Redis中的数据。

1.RedisUtil中增加key

[![image][image 87]][image 87]

2.在UserService中封装三个方法：

*  从redis中取数据  
    [![image][image 88]][image 88]
 *  redis没有的时候数据库找到user后写入redis  
    [![image][image 89]][image 89]
 *  数据变更时删除缓存  
    [![image][image 90]][image 90]

3.其他涉及查询User的地方调这三个方法

[![image][image 91]][image 91][![image][image 92]][image 92][![image][image 93]][image 93]

[image]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/2c96fceac7b84dc38f01767c8b358208.png
[image 1]: https://xiaochen-pictures.oss-cn-guangzhou.aliyuncs.com/computer-pictures/1683598058174.png
[image.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/d55f5bff6fd644faaf64b3aa39beba0b.png
[image.png 1]: https://xiaochen-pictures.oss-cn-guangzhou.aliyuncs.com/computer-pictures/1683598058158.png
[image 2]: https://img-blog.csdnimg.cn/img_convert/7f4adcf44b7946606c542d9a80e5eef3.png
[image_image 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/982ebcdc25ed4fc8802a21d8403cd331.png
[image.png 2]: https://img-blog.csdnimg.cn/img_convert/ee7a32b76baccfc5a2da4987a3cab0f3.png
[image.png_image.png 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/29545b58c87842c4aff33eff87d6489b.png
[image 3]: https://img-blog.csdnimg.cn/img_convert/16e784df7beaefed740270488b3db90a.png
[image_image 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/c3fda1409a1644fb99f7c17ce2f0e606.png
[image 4]: https://img-blog.csdnimg.cn/img_convert/aae314844167ffda1785df239098ba58.png
[image_image 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/ceed206f629041a7b5ded73b95a367b0.png
[image 5]: https://img-blog.csdnimg.cn/img_convert/2d6885979719bd21ff4080964e4e71d9.png
[image_image 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/bfec893ea58f42a0b21ecc1c922ea007.png
[image 6]: https://img-blog.csdnimg.cn/img_convert/0d1927eb9a35bd679fccaea6d96c2d89.png
[image_image 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/711b8ce9341f4fe1b4b16d74c13d9ebf.png
[image.png 3]: https://img-blog.csdnimg.cn/img_convert/3caca925a97053f0c8883e51544bdcf9.png
[image.png_image.png 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/66ee65eb3e4d4652822eda5c334028ce.png
[image 7]: https://img-blog.csdnimg.cn/img_convert/54dabca9ec6c84653881678046c1b3e5.png
[image_image 7]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/d4004d17a57049428dfba71fab751830.png
[image 8]: https://img-blog.csdnimg.cn/img_convert/7bbd2fa25aa006e782763a79c551b269.png
[image_image 8]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/f6d1436b2ccd400d8ef40634f4e865af.png
[image 9]: https://img-blog.csdnimg.cn/img_convert/11daeaf7be51b3c160015ca81ed18109.png
[image_image 9]: https://xiaochen-pictures.oss-cn-guangzhou.aliyuncs.com/computer-pictures/1683598058249.png
[image 10]: https://img-blog.csdnimg.cn/img_convert/8e10a876d5eefce3fabd757b2283e639.png
[image_image 10]: https://xiaochen-pictures.oss-cn-guangzhou.aliyuncs.com/computer-pictures/1683598058251.png
[image 11]: https://img-blog.csdnimg.cn/img_convert/a53d0229b736011822f6754d9c79f6f6.png
[image_image 11]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/c330bf04f72049da806e5fcd44532453.png
[image 12]: https://img-blog.csdnimg.cn/img_convert/81c29a9b18dab9adbfdc0081c66646e3.png
[image_image 12]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/48fb34e1bb8444faaeeb87ee1e534906.png
[image 13]: https://img-blog.csdnimg.cn/img_convert/fcc6d7ed9ac45e94e013fd005099aa7e.png
[image_image 13]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/b08aad7076b44b0188ad1c1364b63ad4.png
[image 14]: https://img-blog.csdnimg.cn/img_convert/6fca1292e7cff6d56e1fd491db906e45.png
[image_image 14]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/83377ea6e5f647f3b46b340c6889b9a7.png
[image 15]: https://img-blog.csdnimg.cn/img_convert/ad3c7c70a565783afe2be357bb1adffc.png
[image_image 15]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/c5a67838970a448985642c5aad4fad30.png
[image 16]: https://img-blog.csdnimg.cn/img_convert/91993db31ad12b5b18437bac7bc79483.png
[image_image 16]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/0f310878d3f24d5baf6c140de134dd49.png
[image 17]: https://img-blog.csdnimg.cn/img_convert/2277919dd8376500c55ede44a622f7a2.png
[image_image 17]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/a88c68c9a2f1439a91be044074815ff7.png
[image.png 4]: https://img-blog.csdnimg.cn/img_convert/903de10a666d0d00e91faff83191cb4b.png
[image.png_image.png 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/56931a899a1c4f618f9cf4eddb2eabe5.png
[image 18]: https://img-blog.csdnimg.cn/img_convert/b68f79902e8cf3597fbd1bc165529ca5.png
[image_image 18]: https://xiaochen-pictures.oss-cn-guangzhou.aliyuncs.com/computer-pictures/1683598058544.png
[image 19]: https://img-blog.csdnimg.cn/img_convert/62b4a3713f8937988ca73a8373998108.png
[image_image 19]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/a994c8db10a84f45830ec58903acdd9d.png
[2c8731c9eb2a44278028f0007d55052c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/a18122b1ce8f43ebbc8de3a1ffed72ca.png
[25d1433a3f74498fb8b3e5b01b4a140c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/4bf03acd72d64f518d6ad06a41a468f3.png
[5cbbf308c7354a8ca36c82a903b7f70e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/fac599e1eff14cfba6b08b90444d341c.png
[image 20]: https://img-blog.csdnimg.cn/img_convert/297e90e84a62b2662473f6d40a4ef11c.png
[image_image 20]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/a4d29e900bac4ca880c3fbda4ff0c1ac.png
[image 21]: https://img-blog.csdnimg.cn/img_convert/833920fd4ea67c72ffa099fbb0bcd708.png
[image_image 21]: https://xiaochen-pictures.oss-cn-guangzhou.aliyuncs.com/computer-pictures/1683598058572.png
[image 22]: https://img-blog.csdnimg.cn/img_convert/2ddfeccc551a99dc68b787804bdca9ef.png
[image_image 22]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/c0eb6afc44344b55a0e91e6d6851a3f7.png
[image 23]: https://img-blog.csdnimg.cn/img_convert/ae3dea3d1e408e9f983fcc5f23092aa0.png
[image_image 23]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/1f9f01dc82c0465c8376a9fae19c579e.png
[image 24]: https://img-blog.csdnimg.cn/img_convert/9e6bbf9bd82c7c360b3482cb22b15b71.png
[image_image 24]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/951130e1f1774187b3dae76cf1ff26fb.png
[image 25]: https://img-blog.csdnimg.cn/img_convert/b97cca0ee3f08fa85e6e9da75d67ca06.png
[image_image 25]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/1fe5de08b3cb467f9b7c163611c67352.png
[image 26]: https://img-blog.csdnimg.cn/img_convert/2db427a34e72e17c51e6c22c15c8ed07.png
[image_image 26]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/f540ca40cc2f45eca6f1c7914b096ef2.png
[image 27]: https://img-blog.csdnimg.cn/img_convert/8fea6e8a8d6d6b0b522f25ac89e4ccde.png
[image_image 27]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/218a878a472b43518950cfc415b32156.png
[image 28]: https://img-blog.csdnimg.cn/img_convert/23bcb0d5d1060f65c313dd3f2549ad1b.png
[image_image 28]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/341e3b4f038d4d458a53a84fb34ae864.png
[image.png 5]: https://img-blog.csdnimg.cn/img_convert/8e2ed87a44d4621a6e4803191de40e44.png
[image.png_image.png 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/6a0278bfc40149809f9b875f5dafefdd.png
[image 29]: https://img-blog.csdnimg.cn/img_convert/fdeb5c61b3da7060877e186082412531.png
[image_image 29]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/c934b9fa302b4d9b860d79d70496634e.png
[image 30]: https://img-blog.csdnimg.cn/img_convert/99b3a56148b15fc8740c1ee0c2601854.png
[image_image 30]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/19c28b282a2747b7a8b577574571983f.png
[image 31]: https://img-blog.csdnimg.cn/img_convert/d6bedfa443ad1c273ea4a89c33ca8825.png
[image_image 31]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/a5e6c2ea0602402b90561d8b77aa1b72.png
[image 32]: https://img-blog.csdnimg.cn/img_convert/dbdeecdd6de538e66dbdf2faa5772015.png
[image_image 32]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/6e53198452804b39acaf9b91273c01d7.png
[image 33]: https://img-blog.csdnimg.cn/img_convert/6c3530f40dfde1f050154e9954dca866.png
[image_image 33]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/9ab5b17fa37f4ceeb50d00240048e523.png
[a9341070d10642258c6e0586fcb26852.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/080e071876c74d9c925c5a12cea25e11.png
[image.png 6]: https://img-blog.csdnimg.cn/img_convert/7db021c02437e0ee36094138c866eec4.png
[image.png_image.png 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/db9997710fbc47f59d2af6d3590c136a.png
[image 34]: https://img-blog.csdnimg.cn/img_convert/36e58628af346b3b8e2ea65e5b4d5ff2.png
[image_image 34]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/3284a15e1bf9432ba14395bace48818d.png
[image 35]: https://img-blog.csdnimg.cn/img_convert/8cb1829f59780d102e78ee833426605b.png
[image_image 35]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/884d8361f35e4b42a5baa96c9089e4f0.png
[image 36]: https://img-blog.csdnimg.cn/img_convert/066b329adcb1a2a3a357a7b9ca98fbe8.png
[image_image 36]: https://xiaochen-pictures.oss-cn-guangzhou.aliyuncs.com/computer-pictures/1683598058852.png
[image 37]: https://img-blog.csdnimg.cn/img_convert/7ed1fabe614abb3565588b4dd0c28b35.png
[image_image 37]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/ee18070d06844f97938e84d98b181c9a.png
[image.png 7]: https://img-blog.csdnimg.cn/img_convert/ba906b90faa97cb0866a4149cb070750.png
[image.png_image.png 7]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/acb2ecf909854f51a5e26d9c265e554e.png
[c62bc2d0a39e493c90c5d4703fe934ee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/d74c41d59c5343dfa99b6f1b975c4f0d.png
[image 38]: https://img-blog.csdnimg.cn/img_convert/e0195935f7ae5165b73b3055b3cf68a0.png
[image_image 38]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/6e94ea9906064176a3242587ce46d88f.png
[a269a4efb1fc4651bece43e95f2b0704.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/d87c5d19195e44d8bdaefdcaa11756a3.png
[image 39]: https://img-blog.csdnimg.cn/img_convert/d0ca1dfcc54f99fc117dee019da73ee5.png
[image_image 39]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/c2d811c69a9846e1be4094e8a16ff914.png
[ccbd13d4fd5e48e9a605b4ace29ee212.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/81882c12b47e4e7fa65e48b8c1f97040.png
[image 40]: https://img-blog.csdnimg.cn/img_convert/7dc8248c0499d48a991938f41fd52825.png
[image_image 40]: https://xiaochen-pictures.oss-cn-guangzhou.aliyuncs.com/computer-pictures/1683598058894.png
[image 41]: https://img-blog.csdnimg.cn/img_convert/a0ff6b53d710bb6bffa694c04e627d9e.png
[image_image 41]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/44ab845d48f243d4afe6355b2e097c73.png
[0d54a5d1dcd74673b3176aa993c6d46e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/072434a79ec64890b7ab7d4d72af1328.png
[a3d7d73114e4428eafbb23167164125f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/168684654e964be09f3218ec64123d08.png
[image 42]: https://img-blog.csdnimg.cn/img_convert/f20a992b30c46b09f0d60024f62fce68.png
[image_image 42]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/9717acdb47b744cdb53bedc25281e417.png
[image 43]: https://img-blog.csdnimg.cn/img_convert/99dc97554f6b3cd811c7af1dc6825a0a.png
[image_image 43]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/69cfd8f8d6d9426b816b7f9c36b15c80.png
[image 44]: https://img-blog.csdnimg.cn/img_convert/84e5b23fcfdb9cfd87de401cf321c973.png
[image_image 44]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/761e36d8c4214a12917f564b629260ad.png
[image 45]: https://img-blog.csdnimg.cn/img_convert/02b79d543f3e8bb7de25a6a2eebc57ea.png
[image_image 45]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/9a187aad76504aa786f72b99cd21b6b2.png
[image 46]: https://img-blog.csdnimg.cn/img_convert/8d73e0b22bf69b2eb9d446b08b2e640c.png
[image_image 46]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/2a5a444adf3a496380136c0d4cbc4ff5.png
[image 47]: https://img-blog.csdnimg.cn/img_convert/2049734f67a629ae68c250e4c64ccc52.png
[image_image 47]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/2cf01418ae414214b89f0d1f53cc923b.png
[Link 1]: https://redis.io/
[github]: https://github.com/microsoftarchive/redis
[image 48]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/237b105ee9bf454b9622669905a9e6cf.png
[image 49]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/b87247fdad9b4313b96299dba6f4ecb5.png
[6291e2a2547546f39cc5b087972d6eef.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/53e316a0770b46599355650e291d8168.png
[22fe92ff870246fcbb12c3ece8cc3d88.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/ed38029dd6694ea5822c31eed61cfe8c.png
[8a7fe94ca0a24b12b29a61c5f909309f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/83d47e6a26d24b91a6ee4d2aeeab0e53.png
[899ab1befe004f598fd2fee955f31fba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/ec420bd4c05348479c51f88a1f6be2c0.png
[0d399be130b64adcb132aab89fd4615a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/ebb69385a0164cccb8333b4a9a8723a8.png
[image 50]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/0472d62a56fa4b8385282df8ec03d324.png
[image 51]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/1cce700093394f96bde4be57e3844177.png
[f08c8a93961745efbcfa8ffb5d76a1b8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/fd815b797e5048a288275a15fead1919.png
[image.png 8]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/aad7d43a13774c46be5472b75de4d2fd.png
[image 52]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/7f2674793c36426cae864185bf0d3eea.png
[image 53]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/4f979a0e0a604e01a7fd9da84cb741d9.png
[image 54]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/5c6b618718b84455921fd2f7c66d0772.png
[image 55]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/9d7eab45849f484b9daeea54f98ea093.png
[image 56]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/56bfc0518c104c8bb38c77e8bb5c5cd8.png
[image 57]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/6b9d7d09fbea4ca6873977b19b02c8ca.png
[image 58]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/e8e8fc13846f4166bff79cb79b131eb0.png
[image 59]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/89792769454d4352a740e6a469ad8516.png
[image 60]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/0c6cfeb42de04aee8e0abd04c969bdf7.png
[image 61]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/1c9c46c7e33b4800a0808c0a51c13453.png
[image 62]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/4b16c63f84fe4794b1eced3af864ed64.png
[image 63]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/8939b1ee53d54904b4e9ba56b73e1f86.png
[image 64]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/32a12a1c4c2041f58c6eb87a44cce07f.png
[image 65]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/991e463142444de7972b1fb715f67f63.png
[image 66]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/e4aa918c325c4ba588fdfe1c899d14ee.png
[image 67]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/8d25c79cf0af4ee19e6752a8fc5f68ac.png
[image 68]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/b3b1655590e94ffbbd28129cfbcd1694.png
[image 69]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/3b46663a8c5f4416b6e67d38a7f73e48.png
[image 70]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/9d85c2aa57f143a786ffb8ba2ee20c28.png
[image 71]: https://img-blog.csdnimg.cn/img_convert/527695200a7deaedbf11b3ddaf8674eb.png
[image 72]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/c2326b80a1b746b8af19dfc0d87ad168.png
[image 73]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/a46393b9e6074e4789d82bb4b38f1bcc.png
[image 74]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/e6cef9ad586047fb9dcb5d906b8436aa.png
[image 75]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/754e8609e30c408eac9a0529d78e5f39.png
[image 76]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/fbdf7f34f29c409ea96283c6b3fdff56.png
[image 77]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/00cf7692c4dc495083993d281e3a50ce.png
[image.png 9]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/d70a2cc91283480fa8ecdfbff364733c.png
[image 78]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/6d8815387fc6482dbc45e962f87508fa.png
[image 79]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/971bd45ee9da4ee59cf1f0eeae413694.png
[image 80]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/8960d90e58514df59f742e82e2238a14.png
[image.png 10]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/0357d22c8cc74d15bada6997274e79d3.png
[image 81]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/0eaf46e74f324fef9a73cf0e65c728bf.png
[image 82]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/1819f610a56d426ba7e6727ae728ae37.png
[image 83]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/98050f1ee71742ba89595a59f28ab4df.png
[image 84]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/73d66eb138c24e91b23a555d71cb3fc4.png
[image 85]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/c1029a8a23564053a49a8f0f8483bb1d.png
[image 86]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/feb05667a27f4f6ca0b72cf262cfaa98.png
[image 87]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/a1c1ad4588a34bdcaebb4c2cfd04efb5.png
[image 88]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/ec1c620642ca474aa2da09ea01495a5f.png
[image 89]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/f15a15140e6e40c3879adda3852a09b8.png
[image 90]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/2f81b10d268b44a3aaea90670cccd3d2.png
[image 91]: https://img-blog.csdnimg.cn/img_convert/74fd9c2511f871f93dc89d860a6d48c1.png
[image 92]: https://img-blog.csdnimg.cn/img_convert/bf14ad5524b96c16cb22b97188b7d96a.png
[image 93]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/17/0b347e036f7a4129baaab4b83e83e45a.png