SpringBoot+Vue+Element个人博客项目3-精选文章置顶

目录

SpringBoot+Vue+Element个人博客项目

一.需求解析

 二.代码的实现

第一步 修改实体及数据库

第二步 修改查询语句

第三步：测试类 

 第四步 补充三层结构的代码 (Controller,Service )

第五步： 编写前端请求

三.最终效果  

---

---

SpringBoot+Vue+Element个人博客项目

一.需求解析

 提出需求：如图首页的精选文章因为过多，导致页面变形。我们需要对筛选出的文章进行控制。

 解决思路:  至此我们可以为文章实现置顶功能（即 置顶的文章 = 精选文章），通过设置文章的权重属性，对精选文章进行排序。 并且让其输出固定数量的博客。

 

---

 二.代码的实现

第一步 修改实体及数据库

注意：在企业开发中其实对于设计之初就会对功能块进行预留字段。

1.为博客实体增加两个属性

    //是否置顶
    private Boolean isStick;

    //权重大小
    private int weightNum;

2.修改数据库的表字段

第二步 修改查询语句

我们使用MyBatisPlus的条件构造器QueryWrapper，构造下列语句

SELECT id,title,user_id,create_time,blog_describe,tag_name,content,image_url,is_stick,weight_num
 FROM blog
 WHERE is_stick IS NOT NULL ORDER BY weight_num DESC
 LIMIT 0,6;

没有使用过QueryWrapper.可以参考我的笔记：

1.QueryWrapper的使用

2.QueryWrapper官方文档  

代码解析 ：

//初始化queryWrapper
QueryWrapper<Blog> queryWrapper = new QueryWrapper<>();
// 前面的参数为数据库的列名   is_stick不为空 ，且按照weight_num（权重字段排序）
queryWrapper.isNotNull("is_stick").orderByDesc("weight_num");

 //总页数+总记录数 在使