1、创建归档页面

按照首页建立的方法建立归档页面,将archive.html从模板文件中拷贝到templates目录下,并继承自base.html页面,然后建立视图函数,并通过url将两者联系起来。

archive.html

{% extends 'base.html' %}{% block title %}
归档
{% endblock %}{% block title %}
<div class="content-wrap">
...
{% endblock %}

view.py


class ArichiveView(View):def get(self, request):all_blog = Blog.objects.all().order_by('-create_time')# 分页try:page = request.GET.get('page', 1)except PageNotAnInteger:page = 1p = Paginator(all_blog, 5, request=request)all_blog = p.page(page)return render(request, 'archive.html', {'all_blog': all_blog,})

url.py

url(r'^archive/$', ArichiveView.as_view(), name='archive')

同样,我们需要对视图函数进行分页,这里我们分成了5篇/页, 并另外添加了几篇创建时间为2017年的文章。在archive.html页面中创建分页的代码与index.html是完全一致的,然后for循环得到博客的标题与日期即可。

2、通过regroup区分出不同年代

经过上面的操作貌似已经得到需要的结果了,但是我们只能够得到博客标题的列表,并没有按照年代进行归档,比如:我想实现2017年的博客文章全部放在2017年下面,2018年的放在2018年下面,这就需要按照创建时间来对queryset进行分类了。

regroup 官方文档示例

regroup 可以根据一个类列表对象中元素的某个属性对这些元素进行重新分组。例如有这样一个记录各个国家各个城市信息的列表:

cities = [{'name': 'Mumbai', 'population': '19,000,000', 'country': 'India'},{'name': 'Calcutta', 'population': '15,000,000', 'country': 'India'},{'name': 'New York', 'population': '20,000,000', 'country': 'USA'},{'name': 'Chicago', 'population': '7,000,000', 'country': 'USA'},{'name': 'Tokyo', 'population': '33,000,000', 'country': 'Japan'},
]

我们想按照国家分组显示各个国家的城市信息,效果就像这样:

  • India
    -Mumbai: 19,000,000
    -Calcutta: 15,000,000
  • USA
    -New York: 20,000,000
    -Chicago: 7,000,000
  • Japan
    -Tokyo: 33,000,000

在模板中使用 regroup 模板标签就可以根据 country 属性对 cities 进行分组:

{% regroup cities by country as country_list %}<ul>
{% for country in country_list %}<li>{{ country.grouper }}<ul>{% for city in country.list %}<li>{{ city.name }}: {{ city.population }}</li>{% endfor %}</ul></li>
{% endfor %}
</ul>

基本用法为 {% regroup 类列表对象 by 列表中元素的某个属性 as 模板变量 %}
例如示例中根据 cities 列表中元素的 country 属性 regroup 了 cities,并通过 as 将分组后的结果保存到了 country_list 模板变量中。
然后可以循环这个分组后的列表。被循环的元素包含两个属性:

  • grouper,就是分组依据的属性值,例如这里的 ‘India’、‘Japan’
  • list,属于该组下原列表中元素

按照上述教程,我们为了实现按照年代归档,可以对all_blog进行如下操作:

{% regroup all_blog.object_list by create_time.year as dates_by_year %}{% for year in dates_by_year %}{{ year.grouper }}{% for blog in year.list %}{{ blog.create_time|date:"m-d" }}{{ blog.title }}{% endfor %}{% endfor %}

在这个基础上我们将其添加到之前的样式中,便可得到按照年份进行的归档页面,如我的博客样式:http://www.geerniya.cn/archive/

当然,我们只是按年来划分,还能够继续按照月份来划分,并统计每个月下面发了多少文章,这种排版方式就跟csdn差不多,代码可以参考下面的:

{% regroup all_blog.object_list by create_time.year as dates_by_year %}{% for year in dates_by_year %}{{ year.grouper }}{% regroup year.list by create_time.month as dates_by_month %}{% for month in dates_by_month %}{{ month.grouper }}{% for blog in month.list %}{{ blog.title }}{% endfor %}{% endfor %}{% endfor %}

最终得到的效果应该是这样子的:

  • 2018年
    -3月

    • 博客1
    • 博客2

    -1月

    • 博客3
    • 博客4
  • 2017年
    -11月

    • 博客1
    • 博客2

    -9月

    • 博客3
    • 博客4

当然,还可以给它加上数量,这就很简单了,len(month.list)就可以了。

——————————————————————————————————————————

项目的完整代码:django_blog
觉得有用的欢迎给个star。

Django开发个人博客网站——11、通过regroup实现博客的归档相关推荐

  1. PHP个人博客网站设计 学生PHP个人博客网页源码 PHP MYSQL动态网站作品

    大学生PHP MYSQL个人博客网站作品 作品介绍 前端截图 后台截图 作品源地址 作品介绍 采用php+mysql开发,系统采用了3张数据库表(会员.日志.日志分类)记录数据,有批量删除之功能,文章 ...

  2. 博客网站的选择兼开博通文

    找了好几天了,终于下定决心在CSDN上写我的博客,这个博客将是我的博客的主站,至少是在近期是的. 在此之前,我是在CUBLOG上写的博客,虽然内容不多,但由于只能在线写,很是不方便,博客地址是sapk ...

  3. 【Django | 开发】面试招聘网站(增加csv,excel导出企业域账号集成日志管理功能)

  4. 简单的个人博客网站设计 静态HTML个人博客主页 DW个人网站模板下载 大学生简单个人网页作品代码 个人网页制作 学生个人网页设计作业

  5. java开发论文答辩_毕业设计答辩基于JavaWeb的博客网站的设计与实现.ppt

    毕业设计答辩基于JavaWeb的博客网站的设计与实现 博客网站的设计与实现 --指导老师 XXXXX 学生 XXXXX 毕业答辩 一.研究背景和内容 二.系统环境的配置 三.系统使用的技术 四.系统概 ...

  6. 沈阳大学博客网站的设计与实现

    沈阳大学博客系统的设计与实现 目 录 引 言 3 1 系统概述 5 1.1 设计背景 5 1.2 设计意义 5 1.3研究现状 5 1.4 研究本设计的影响 6 1.4.1 对经济的影响 6 1.4. ...

  7. vitepress+gitee pages搭建自己的博客网站

    概述 "不写博客的GISer不是一个好程序员".所以,好多程序员会保留着写博客的习惯,一方面记录自己的学习成果或者解决某个问题的方法,一方面能够帮助到他人,再一方面也能够督促自己多 ...

  8. 项目案例——个人博客网站

    初学函数,将大量的重复代码封装到函数中,写了一个简单的个人博客网站... 个人博客开发需求 用户相关功能: 注册[邮箱.账号.密码.昵称] 登录[账号+密码 | 邮箱+密码] 修改登录密码[原密码.两 ...

  9. 搭建个人博客网站 -- vue初学者学习总结

    搭建个人博客网站 – vue技术学习 开源代码:个性化个人博客系统 参考项目:风丶宇的个人博客 一.项目概述 项目主要是基于SpringBoot + Vue 开发的前后端分离博客,本文主要涉及项目前端 ...

  10. 使用Hugo搭建自己的个人博客网站

    一.使用Hugo(基于Go语言的博客框架)搭建个人博客网站 1.Windows 64位系统下安装Hugo a.Hugo框架下载地址,找到hugo_0.55.4_Windows-64bit.zip文件进 ...

最新文章

  1. 【续】RUP模型与XP模型
  2. Java 求一批数的绝对值
  3. php mysql 博客制作_PHP实现简易blog的制作
  4. HDU 4857 拓扑排序 优先队列
  5. radare2 常用操作总结
  6. cesium学习笔记(问题记录)——以cesium1.77版本为例
  7. 智能语音识别系统-解决方案.pdf
  8. 最新!2020中国高校毕业生薪资排行出炉!好过双一流的高校原来这么多
  9. react 刨坑之路之使用create-react-app脚手架
  10. 各种常用的 Win32Api 汇总(持续更新中. . .)
  11. y的花式写法_26个字母的花式写法,总有一个你喜欢哒
  12. 云开发平台开源应用中心一次体验
  13. Eclipse开发环境搭建
  14. 关于C语言二级指针正确使用总结
  15. kakaotalk语音验证码,已读怎么破?KakaoTalk超实用的隐藏功能,真的太好用了!
  16. Win10下安装Redis
  17. mysql可以操作指针么_使用C API操作mysql数据库
  18. 计算机管理格式化硬盘,计算机管理必备知识|格式化硬盘,究竟用哪一种格式好...
  19. 二元一次不定方程的快速解法
  20. python实现qq机器人qqbot

热门文章

  1. 试试54款开源服务器软件 (比较知名的软件大集合)
  2. 碰撞次数与π的关系问题程序求解
  3. python文件管理api_python调用有道智云API实现文件批量翻译
  4. 中国移动校招面试( 计算机、大数据、通信专业相关岗位)一面
  5. 2021年四大流行Android手机自动化测试工具,全在这里了
  6. 安全测试工具有哪些?
  7. 笔记本计算机并行口什么开启,笔记本连接电脑台式机的方法
  8. “我与正大光明眼科集团共成长”主题演讲比赛精彩回顾
  9. 沟通技巧-《非暴力沟通》书中的精髓:改变对待冲突和矛盾的看法,通过非暴力沟通的方式,可以使生活更加美好。
  10. 沪深300指数历史年分成分股名单数据集(2008-2019年)