博客项目学习笔记十八：用户中心（我收藏的帖子）

最新推荐文章于 2024-03-19 22:45:29 发布

xqxls1

最新推荐文章于 2024-03-19 22:45:29 发布

阅读量245

点赞数

分类专栏：项目实战文章标签： java html javascript spring boot spring

本文链接：https://blog.csdn.net/qq_43568109/article/details/117514711

版权

项目实战专栏收录该内容

27 篇文章 2 订阅

订阅专栏

博客项目目录：请戳这里

准备

需求：用户登录后，进入用户中心页面，显示如下信息，当点击“加载更多”，会把当前页的下一页加载出来。
在这里插入图片描述

1.在controller层添加对应方法

根据当前账户id，在收藏表进行查询，得到收藏文章的id，再根据这些文章id从文章表取出对应的文章。

	//我收藏的帖子
    @ResponseBody
    @GetMapping("/user/collection")
    public Result collection() {
        IPage page = postService.page(getPage(), new QueryWrapper<Post>()
                .inSql("id", "SELECT post_id FROM user_collection where user_id = " + getProfileId())
        );
        return Result.success(page);
    }

2.修改user下的index.ftl

修改收藏的帖子对应的部分

<ul class="mine-view jie-row" id="collection">
    <script id="tpl-collection" type="text/html">
        <li>
            <a class="jie-title" href="/post/{{d.id}}" target="_blank">{{d.title}}</a>
            <i>收藏于{{layui.util.timeAgo(d.created, true)}}</i>
        </li>
    </script>
</ul>

添加对应的flow方法

flow.load({
              elem: '#collection'
              ,isAuto: false
              ,done: function(page, next){
                  var lis = [];

                  $.get('/user/collection?pn='+page, function(res){
                      layui.each(res.data.records, function(index, item){

                          var tpl = $("#tpl-collection").html();
                          laytpl(tpl).render(item, function (html) {
                              $("#collection .layui-flow-more").before(html);
                          });
                      });

                      next(lis.join(''), page < res.data.pages);
                  });
              }
          });