Django搭建个人博客：编写文章详情页面

dabai 发布于2019-07-30 17:53 / 3903人阅读

摘要：有了文章列表页面后，当然还需要详情页面，方便用户对某一篇感兴趣的文章深入阅读。编写视图函数打开，增加文章详情页面的视图函数文章详情取出相应的文章需要传递给模板的对象载入模板，并返回对象函数中多了这个参数。

有了文章列表页面后，当然还需要详情页面，方便用户对某一篇感兴趣的文章深入阅读。

编写视图函数

打开article/views.py，增加文章详情页面的视图函数article_detail()：

article/views.py

...

# 文章详情
def article_detail(request, id):
    # 取出相应的文章
    article = ArticlePost.objects.get(id=id)
    # 需要传递给模板的对象
    context = { "article": article }
    # 载入模板，并返回context对象
    return render(request, "article/detail.html", context)

article_detail(request, id)函数中多了id这个参数。注意我们在写model的时候并没有写叫做id的字段，这是Django自动生成的用于索引数据表的主键（Primary Key，即pk）。有了它才有办法知道到底应该取出哪篇文章。

ArticlePost.objects.get(id=id)意思是在所有文章中，取出id值相符合的唯一的一篇文章。

然后编写article/urls.py，配置路由地址：

article/urls.py

...

urlpatterns = [
    ...
    
    # 文章详情
    path("article-detail//", views.article_detail, name="article_detail"),
]

：Django2.0的path新语法用尖括号<>定义需要传递的参数。这里需要传递名叫id的整数到视图函数中去。

重申一下老版本的Django是没有path语法的。

编写模板

在templates/article/中新建detail.html文件，编写如下代码：

templates/article/detail.html


{% extends "base.html" %}
{% load staticfiles %}


{% block title %}
    文章详情
{% endblock title %}


{% block content %}



    
        
        {{ article.title }}
        作者：{{ article.author }}
        
        
            {{ article.body }}
        
    


{% endblock content %}

这里我们用{{ article.xxx }}取出了文章标题、作者以及正文。

前面我们已经通过后台创建了几篇文章，这里将取出id为1的一篇文章测试效果。

运行开发服务器后，在浏览器中输入http://127.0.0.1:8000/article/article-detail/1/：

优化网页入口

虽然已经实现了文章详情功能，但是通过输入url访问的方式实在太不友好。

改写header.html，让用户可通过导航栏右侧的文章链接返回首页：

templates/header.html

...

    
        
        
             
            文章
          
        
    


...

注意看这里href是如何改写的：

href定义了链接跳转的地址

{% url "..." %}是Django规定的语法，用于指明具体地址

关于其中的"article:article_list"的解释：

前面的article是在项目根目录的urls.py中定义的app的名称

后面的article_list是在app中的urls.py中定义的具体的路由地址

通过这样的方法就将链接跳转的指向给配置好了，只要对应url的名称不变，url本身无论怎么变化，Django都可以解析到正确的地址，很灵活。

当然你也可以直接在href中写入url的地址，但是一旦url有变化，所有相关的链接都会失效，降低维护性。

然后再改写list.html，让用户可点击阅读本文按钮进入文章详情：

templates/article/list.html

...



    
    阅读本文
    


...

留意文章的id是如何传递的：

在list.html中，通过href="{% url "article:article_detail" article.id %}"，将id传递给article/urls.py

在article/urls.py中，通过传递给视图函数article_detail()

在视图函数article_detail()中，通过形参id取得了文章的id值，并进行处理，最终定位了需要获取的文章对象

现在我们可以通过链接访问网站上的不同页面了，而不需要手动输入url。当然这也是现代网站的基础。

总结

现在我们也拥有查看文章详情的功能了，并且优化了网页切换的体验。

下一章将学习使用Markdown语法对文章正文进行排版。

有疑问请在杜赛的个人网站留言，我会尽快回复。

或Email私信我：dusaiphoto@foxmail.com

项目完整代码：Django_blog_tutorial

转载请告知作者并注明出处。

云服务器 GPU云服务器搭建个人博客个人博客搭建如何用wordpress搭建个人博客阿里云服务器linux搭建个人博客

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/42488.html

Django搭建个人博客：在博文中发表评论

摘要：确认创建成功后，记得在中注册因为我们想显示发表评论的时间，修改时区设置为上海的时区。处理错误请求发表评论仅接受请求。返回到一个适当的中即用户发送评论后，重新定向到文章详情页面。总结本章实现了发表评论展示评论的功能。在没有互联网的年代，我们用日记来记录每天的心得体会。小的时候我有一个带锁的日记本，生怕被别人看见里面写了啥，钥匙藏得那叫一个绝。现在时代变了，网络版的日记本：博客，却巴不...

Jinkey 2019-07-30 18:42 评论0 收藏0
Django搭建个人博客：编写删除文章功能

摘要：既然有了写文章的功能，那当然也必须要有删除文章的功能了。编写基本功能有了之前的学习做铺垫，删除文章实现起来就比较简单了。保存所有文件后刷新页面，很好，达到了理想的效果总结本章新增了删除博客文章的功能，并且使用了弹窗组件优化了用户体验。既然有了写文章的功能，那当然也必须要有删除文章的功能了。编写基本功能有了之前的学习做铺垫，删除文章实现起来就比较简单了。首先增加一个视图函数： a...

Chaz 2019-07-30 18:03 评论0 收藏0
Django搭建个人博客：使用 Bootstrap 4 改写模板文件

上一章我们的网站页面实在太粗糙，你肯定不会拿来做真正的博客首页。因此这章我们要借助Bootstrap的力量，改写一个大气的博客。配置Bootstrap 4 Bootstrap是用于网站开发的开源前端框架（前端指的是展现给最终用户的界面），它提供字体排印、窗体、按钮、导航及其他各种组件，旨在使动态网页和Web应用的开发更加容易。 Bootstrap有几个版本都比较流行，我们选择最新版本的Boots...

lolomaco 2019-07-30 17:53 评论0 收藏0
Django搭建个人博客：使用Markdown语法书写文章

摘要：重新打开一个命令行窗口，进入虚拟环境，安装是一种通用语法高亮显示器，可以帮助我们自动生成美化代码块的样式文件。上一章我们实现了文章详情页面。为了让文章正文能够进行标题、加粗、引用、代码块等不同的排版（像在Office中那样！），我们将使用Markdown语法。安装Markdown Markdown是一种轻量级的标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的或...

沈建明 2019-07-30 17:53 评论0 收藏0
Django搭建个人博客：渲染Markdown文章目录

摘要：博文也是同样的，好的目录对博主和读者都很有帮助。文中的目录之前我们已经为博文支持了语法，现在继续增强其功能。修改文章详情视图文章详情目录扩展仅仅是将将扩展添加了进去。通过将目录传递给模板。对会读书的人来说，读一本书要做的第一件事，就是仔细阅读这本书的目录。阅读目录可以对整体内容有所了解，并清楚地知道感兴趣的部分在哪里，提高阅读质量。博文也是同样的，好的目录对博主和读者都很有帮助。更...

Bamboy 2019-07-30 18:42 评论0 收藏0