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

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

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

开始要拿到分类的列表

List<Type> types = typeService.listTypeTop(10000);

上面的实现的业务类在

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

 

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

页面是这样的。

传递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这个数目也是遍历出来的这个是要放在一个数组中遍历出来。

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

上面是模板的链接地址。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值