springboot专题学习(6)footer、详情页和部分导航栏

本文介绍了在Spring Boot项目中如何完善博客的footer、详情页跳转及导航栏功能。包括footer的操作与实现,如查询新博客数据并绑定到界面;导航栏的search、分类和标签的实现,涉及模糊查询、分类查询和标签查询的功能;以及详情页的实现,实现了从首页点击跳转到博客详情页并显示内容。
摘要由CSDN通过智能技术生成

前言

暑期线上实训的第十四节课。
项目练习为利用springboot框架实现博客基本功能。
今天的任务是完善博客首页结尾的footer、详情页跳转以及导航栏部分功能。

footer

操作

在_fragments.html中找到关于footer部分的路径
如果想要对footer部分进行修改,后台也必须有关于newblog的查询方法,去到Sql中查找到相关的数据绑定到newblog中,最后反馈到界面上
在这里插入图片描述
在indexController中新增newblog,新增传输对象blogService,将查询出来的数据反馈给_fragments的newblogList

    @GetMapping("/footer/newblog")
    public String newblogs(Model model){
   
        List<Blog> blogs = blogService.listRecommendBlogTop(3);
        model.addAttribute("newblogs",blogs);
        return "_fragments :: newblogList";
    }

在这里插入图片描述
然后发现,除了“最新博客”一览功能实现了之外,“联系我”与“Blog”部分仍有待完善

同样在html中找到
在这里插入图片描述
但是index.email与index.qq路径并不是实际存在的,这部分的信息来自配置文件当中
于是创建对应的配置文件,将上述的信息存放到messages.properties当中
在这里插入图片描述


index.email=2429690558@qq.com
index.qq=2429690558

同理Blog部分也一样。不过为了不产生中文乱码,需要把内容放在名为CN.后缀下的配置文件当中
在这里插入图片描述
在这里插入图片描述


index.blogDescription=这是我的个人博客、会分享关于编程、写作、思考相关的任何内容,希望可以给来到这儿的人有所帮助...

*格式有要求,首行不编辑,从第二行开始写

实现

在这里插入图片描述

导航栏

search

操作

index界面搜索框功能的完善
在这里插入图片描述
先导入实现准备好的search.html
在html中找到了search的路径,以及对应的模糊查询参数searchname:query
在这里插入图片描述
在indexController中增加saerch方法,在这之后返回到search界面

    @PostMapping("/sea
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值