【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

时间: 2024-10-13 18:46:10

【3.5】实现上下篇文章跳转的相关文章

Django框架学习----视图与模板(详情页的上下篇文章跳转跳转)

我们实现首页到详情页的跳转之后,接下来就是实现详情的上下篇文章的跳转 第一步:挑选按钮 把选中的按钮复制到我们的detail页面里面,并用一个div包含起来,如下图: 在上图中我定义了两个变量,他现在是不存在的,我们需要在views,py里面把这两个变量赋值之后并且映射过来.如下图: 写好之后重启一下你的项目,你的详情页就拥有了上下篇文章跳转功能了 原文地址:https://www.cnblogs.com/humiao-0626/p/12662555.html

查询文章的上下篇Sql语句

本来觉得这个查询不用大动干戈的洋洋洒洒写一篇文章的:不过看到不少人在这栽跟头:还是简单总结下吧: 文章内容页一般都会有上一篇和下一篇的功能: 那么查询上下篇的sql语句应该怎么写呢: 示例数据表:bjy_article 自增主键:id 当前文章id:10 肯定会有童鞋是说,这简单啊id+1和id-1不就OK了:sql无非如下: SELECT * FROM bjy_article WHERE id=10-1:     #上一篇 SELECT * FROM bjy_article WHERE id=

对于上个文章进销存的流程图补充

对于上个文章进销存的流程图补充

将自己在CSDN上的文章下载到本地并上传到掘金

CSDN 算是一个老牌技术网站了,很多喜欢写文章的人,一开始都是在 CSDN上发布,但是可能由于某些原因,有的人想把自己在 CSDN上的文章放到其他的网站上(嗯,比如掘金),但是由于在 CSDN上发布的文章数量很多,一篇篇复制粘贴下来理论上是可行的,就是手酸了点. 不过,作为技术型体力劳动者人才,重复一种动作几十甚至上百遍未免有点丢失 biger,想起前段时间我花费了 大量时间 翻译的 Puppeteer,至今还没体现出其价值来,于是决定就用它了. 本文的可运行示例代码已经上传到 github了

织梦cms文章内容页上下篇单独获得URL和文章名称修改

1.打开/include/arc.archives.class.php ,查找   $this->PreNext['pre']    //约813行 在其下一行插入: $this->PreNext['preurl'] = "$mlink"; //上一篇链接地址 $this->PreNext['prename'] = "{$preRow['title']}"; //上一篇文章标题 2.查找    $this->PreNext['next']  

bug篇——线上移动端跳转页面

一.问题描述: 在与微信支付对接时,需要由移动端发送https的一个url给微信,目的是为了让微信给自己账号的授权,开始使用window.location.href = url 进行跳转请求,在本地测试时可以正常跳转,当打包vue前端,springboot后端到云服务器上后,再次进行测试,发现ios手机的内置微信浏览器跳转不了了. 解决:在前端用<a></a>标签进行跳转,如下: <a id='links' href="#" style='display:

Markdown 文章 跳转

背景 在查阅一些文档的时候,一些比较优秀博客在文章中是带有目录的,点击就会跳转到指定的锚点. 在本人的某些文章中,也想尝试这样的效果. 做法 实现这样的效果有2种做法(不同之处在于 超链接的写法不同),都是一个锚点+ N个调整连接即可 基于html语法 基于markdown语法 html 语法 <a href="#锚点1">点击这里跳转到锚点1</a> <a href="#锚点名2">点击这里跳转到锚点2</a> &l

espcms内容页上下篇按后台手动排序号

模板文件: {%get name=plist class="did":$read.did,pid:$read.pid%} <li class="fl">{%if $read.ctitle!=''%}上一篇:<a class="infolist2" title="{%$read.title%}" href="{%$read.link%}">{%$read.ctitle%}</a&

win7、win8上SaveFileDialog窗口跳不出的问题

xp上做的开一个线程 线程中数据以Excel形式保存到指定文件中的程序  放到win7 win8上都不跳出保存的对话框? 解决: 在win7.win8上都要对线程  在线程启动前设置其单元状态.设置为创建进入其单线程单元. Thread threadsave = new Thread(new ThreadStart(savedatatoExcel)); threadsave.SetApartmentState(ApartmentState.STA); //保存窗口在win7上显示时 必须对线程加