【3.5】实现上下篇文章跳转
时间:2019-09-03
本文章向大家介绍【3.5】实现上下篇文章跳转,主要包括【3.5】实现上下篇文章跳转使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1.添加上下篇文章的按钮
1 <div> 2 <nav aria-label="..."> 3 <ul class="pager"> 4 <li><a href="/blog/detail/{{ previous_article.article_id }}">上一篇:{{ previous_article.title }}</a></li> 5 <li><a href="/blog/detail/{{ next_article.article_id }}">下一篇:{{ next_article.title }}</a></li> 6 </ul> 7 </nav> 8 </div>
2.修改视图函数
1 def get_detail_page(requset, article_id): 2 all_article = Article.objects.all() 3 curr_article = None 4 previous_index = 0 5 next_index = 0 6 previous_article = None 7 next_article = None 8 for index, article in enumerate(all_article): 9 # 当文章是第一篇的时候 10 if index == 0: 11 previous_index = 0 12 next_index = index + 1 13 # 当文章是最后一篇的时候 14 elif index == len(all_article) - 1: 15 previous_index = index - 1 16 next_index = index 17 else: 18 previous_index = index - 1 19 next_index = index + 1 20 if article.article_id == article_id: 21 curr_article = article 22 previous_article = all_article[previous_index] 23 next_article = all_article[next_index] 24 break 25 section_list = curr_article.content.split('\n') 26 return render(requset, 'blog/detail.html', 27 { 28 'curr_article': curr_article, 29 'section_list': section_list, 30 'previous_article': previous_article, 31 'next_article': next_article 32 })
原文地址:https://www.cnblogs.com/zydeboke/p/11451662.html
- OSX SIP机制的“那些事”
- [WCF REST] 帮助页面与自动消息格式(JSON/XML)选择
- WCF服务端运行时架构体系详解[下篇]
- python和C语言混编的几种方式
- 通过“四大行为”对WCF的扩展[实例篇]
- 古中国数学家的计算力真是惊人
- 基于Apache Spark机器学习的客户流失预测
- 数据库连接字符串的处理方法!加密解密连接字符串。
- ASP.net实现无扩展名的URL重写。简单、方便、无需ISAPI。
- 通过自定义ServiceHost实现对WCF的扩展[实例篇]
- 通过自定义ServiceHost实现对WCF的扩展[原理篇]
- python使用rsa库做公钥解密(网上别处找不到)
- 通过“四大行为”对WCF的扩展[原理篇]
- WCF客户端运行时架构体系详解[下篇]
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法