springboot个人博客的构建（14）归档内容展示

最新推荐文章于 2021-07-05 02:13:53 发布
置顶 最新推荐文章于 2021-07-05 02:13:53 发布
阅读量412 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40979622/article/details/84260745
版权

归档的形式和前面的几乎差不多。

首先在归档的额前台引入模板。

然后在控制层开始实现。

报错了，然后我们来业务层来实现它。首先要返回一个map集合，我们在业务成构建。

String对应的是年份，list代表的年份的列表。 最终要返回结果的集合。不需要传递参数，对所有的进行归档。

 

 

先把所有的年份列表拿过来。 年份所对应的博客列表。

 

 

博客数量，下面代码实现。 

 

 

只取年份。

根据年份查询。

接下来，我们看看前台：

 

 

 

 

 

 

 

爱吃西瓜的小松鼠
关注
springboot+thymeleaf实现博客归档功能
卓尔货币的博客
05-11 473
文章同步发布在我的个人博客(zhuoerhuobi.cn) 随着博客数量的增多，对于系统来说，一个归档功能显得必不可少。以下是基于springboot开发的按时间倒序的归档功能。 1、后端数据逻辑 首先如果能够提前在建文章表时增加文章的年、月等字段，可以方便我们从数据库有序、分层级的读取文章。由于我的article表早已创建好，其中只有创建时间戳这一个关于时间的字段，所以需要在代码进行一些较复杂的操作。 我的预想是按照年-月两层树结构来显示归档，所以我将全部文章倒序取出来之后，放在一个两级map中储存.
Spring Boot制作个人博客-归档页
qq_48838980的博客
06-06 505
文章目录1、创建归档页2、修改代码（1）修改标题（2）修改默认选择标签（3）修改文章列表标题栏（4）删除中间内容代码3、按照年份做分类列表4、最终效果 根据不同年份，展示文章列表 1、创建归档页 随意复制一个html改名为archives.html 2、修改代码 （1）修改标题 （2）修改默认选择标签 （3）修改文章列表标题栏 （4）删除中间内容代码 3、按照年份做分类列表 <!--按照年份做列表--> <h3 class="ui cent
Springboot7 博客的归档
weixin_45199794的博客
07-15 154
Springboot7 博客的归档 //BlogServiceImpl package com.zr.service.impl; import com.zr.dao.BlogDao; import com.zr.po.Blog; import com.zr.po.BlogQuery; import com.zr.po.Tag; import com.zr.po.Type; import com.zr.service.IBlogService; import org.springframework.bea
SpringBoot后端开发归档页面+异常处理+拦截
qq_41823958的博客
08-03 354
SpringBoot后端开发归档页面+异常处理+拦截归档页面异常处理登录拦截界面显示归档页面错误显示页面 归档页面 归档是把所有新闻按照对应的年份划分起来，所以需要编写对应的sql查询语句，将结果按照年份分组进行返回。 在NewRepository.java中编写对应的方法和SQL语句: @Query("select function('date_format',n.updateTime,'%Y') as year from News n group by year order by year desc
基于Spring Boot+Vue的博客系统 18——博客归档功能
芊雨的博客
10-16 955
需求 博客归档界面单独设计一个页面，左边以月份的形式展示时间，右边分页按月份展示文章，默认展示最新月份的文章，点击左边时间右边会显示对应月份的文章。 实现 后端API实现 数据库访问层（ArticleRepository）设计： // 查询出所有文章最后一次更新的时间 @Query(value = "select gmt_update from article", nativeQuery = tr...
基于Springboot的个人博客系统(个人开发)
08-12
在本项目中，我们主要探讨的是一个基于Springboot框架构建的个人博客系统。这个系统集成了Markdown编辑器，实现了分页、赞赏、标签、归档、用户评论以及评论管理等多种功能，为用户提供了一个完整的博客发布与管理...
springboot个人博客-毕业设计
10-12
标题中的“springboot个人博客-毕业设计”表明这是一个基于Spring Boot技术构建的个人博客系统，是作者的毕业设计项目。这个项目可能包含了博客的创建、管理、展示、评论以及搜索等功能，适合用来学习Spring Boot的...
基于SpringBoot的个人博客系统设计与实现-论文.docx
06-09
- **游客端需求**：支持查看博客内容、按分类/标签/归档浏览、搜索功能、查看作者信息。 - **管理员端需求**：实现博客管理（包括新增、编辑、删除）、分类管理和标签管理。 - **技术需求**：系统应采用Spring Boot...
blog-vue-springboot:基于Vue+SpringBoot构建的博客项目
07-24
Vue + SpringBoot实现的博客系统 线上地址： ssr 服务端渲染版本 效果图 首页 登录页 注册页 文章分类-标签、详情 文章归档 写文章 文章详情 评论 技术 前端 blog-app Vue Vue-router Vuex ElementUI mavon-editor ...
SpringBoot与Thymeleaf构建个人博客系统教程
前端负责展示内容，包括首页博客展示、博客分类、所有博客标签、博客归档等功能。后端负责管理，包括管理员登录、博客管理、分类管理、标签管理等模块。这个系统不仅可以作为Java课程设计，还可以用于个人存放博客...
spring boot mybatis jsp前端展示对mysql增删改查
09-26
spring boot mybatis js前端展示对mysql增删改查，web页面很一般，下载者可以自行增加页面布局与样式，也给刚入门spring boot 的网友以工dome
Spring boot实训 个人博客系统四 归档页
aqaerw的博客
07-05 199
1.新建文件archives.html 2.将头部代码复制过来,将头部文件生成: 2.在index添加活动显示页面: 3.修改头部名称为归档: 4.编写中间主内容: <div class="ui fluid vertical menu"> <a href="#" target="_blank" class="item"> <span>
Spring boot实训开发个人博客（五）归档页
欢迎您
07-04 425
Spring boot实训开发个人博客（五）归档页 1.新建html文件archives.html 2.先写头部文件: 3.在index添加活动显示页面: 4.中间内容部分: 1.修改头部: 5.编写底部内容: <footer class="ui inverted vertical segment m-padded-tb-massive"> <div class="ui center aligned container"> &l
springboot开发小而美的博客学习笔记05（归档页面）
LALisafans的博客
06-15 321
归档页面分为 导航、底部还有中间由时间划分归纳的列表 导航： <!-- 导航 --> <nav class="ui inverted attached segment m-padded-tb-mini m-shadow-small" > <div class="ui container"> <div class="ui inverted secondary stackable menu"> <!-- L
SpringBoot--个人博客--6.页面设计与开发--归档页
weixin_41988224的博客
02-11 321
6.1 笔记 <!--1--> <span> <i class="mini teal circle icon"></i>关于可以练习的清单 <div class="ui teal basic left pointing label m-padded-tb-mini">2月11日</div> </sp...
基于SpringBoot从零构建博客网站 - 确定需求和表结构
weixin_30500473的博客
04-15 163
要确定一个系统的需求，首先需要明确该系统的用户有哪些，然后针对每一类用户，确定其需求。对于博客网站来说，用户有3大类，分别是： 作者，也即是注册用户 游客，也即非注册用户 管理员，网站维护人员 那么从这3大类用户的角度分析，来确定博客网站的需求。 1、作者需求 作者是博客网站中最重要的用户，是博客网站内容的直接贡献者，那么从作者的角度来说，需求有： 注册、登录、退出 这是作者进入与离开网站必...
Spring Boot - 个人博客 - 归档页 + 关于我
Forlogenの解忧杂货铺
07-14 627
文章目录1. 归档页1.1 需求分析1.2 前端处理1.3 后端处理2. 关于我2.1 需求分析2.2 前后端处理 归档页 关于我 1. 归档页 1.1 需求分析 博客归档页如上所示，它实现的也是对于博客的统计归档，不过是根据时间的先后进行。对于具体某一年来说，同样是按照时间先后进行排列。首先需要获取到博客的总数，在顶部的segment中显示；然后根据年份进行查询数据库，获取对应年份的博客列表，其中列表按照时间降序排列；对于具体的某一篇博客，需要显示的信息有标题、更新时间和标签。 由于年份和对应的博
好看的博客归档页面
愿你拥有大风与烈酒,也能享受孤独与自由
03-28 1279
发现一个比较好看的个人博客归档页面的设计 如图 只需要一个CSS样式以及JS随后接收后台数据渲染就可以了 timeline.css *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } .timeline ul li { list-style-type: none; position: relative; width: 6px; margin: 0 auto
SpringBoot归档和新闻的新闻详情页
ljcmy13579的博客
08-03 377
SpringBoot归档和新闻的新闻详情页 归档功能 创建归档archives.html，大致只要修改中间部分代码 <!--中间内容--> <div class="m-container-small m-padded-tb-big" style="height: 800px!important;"> <div class="ui container"> <!--header--> <div class="u
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值