springboot个人博客的构建(12)分类内容展示

现在type.html页面引入模板。

springboot个人博客的构建(12)分类内容展示_第1张图片

开始进入控制层。这里的名字不能和admin里面的名字一样。基本的注入之后,这里开始点击分类的时候,默认的id=1,用if条件判断,如果开始没获取到数据,那就给他一个默认的第一个id。

开始要拿到分类的列表

List types = typeService.listTypeTop(10000);

上面的实现的业务类在

springboot个人博客的构建(12)分类内容展示_第2张图片

 按照分类排序,排序的规则是按照每个分类里面博客数目的大小倒叙排列。

 

在数据库中拿出来所有的分类。 

页面是这样的。

springboot个人博客的构建(12)分类内容展示_第3张图片

传递10000就能查询到所有的数据。

model.addAttribute("types", types);
model.addAttribute("page", blogService.listBlog(pageable, blogQuery));

第一条是拿到所有分类去前台展示。第二是再前台遍历所有的列表。

BlogQuery blogQuery = new BlogQuery();//新建一个对象
blogQuery.setTypeId(id);//再把这个获取到的id set到blogQuery里面。

model.addAttribute("page", blogService.listBlog(pageable, blogQuery));

这句话就是通过id查到对象的博客。

model.addAttribute("activeTypeId", id);//把id传到前台这样就有选中的效果。

首先先遍历条目:

再遍历分类:

分类遍历完了后,这个时候后台传过来的id要变成显眼色。

点击连接到额时候可以把获取的id传给后台再次刷新分类页面,进的分类展示。

和上面一样,24这个数目也是遍历出来的这个是要放在一个数组中遍历出来。

接下来博客的列表遍历和首页的遍历一样,还有分页,我们复制过来就可以了。

springboot个人博客的构建(12)分类内容展示_第4张图片

上面是模板的链接地址。

 

你可能感兴趣的:(spring,boot)