Django Blog|05 修改首页显示博客列表
共 1222字,需浏览 3分钟
·
2021-11-01 13:50
大家好,我是老表,这个系列将会更新我编写,项目的学习笔记,也是后面更新的一个重点,希望个人博客页面可以早点和大家见面~欢迎大家点赞、留言支持。
Django Blog|02 创建admin账户&settings.py介绍
Django Blog|03 创建一个blog app和Article模型
Django Blog|04 创建blog视图和完成MVT框架开发
通过前面四节的学习,我们完成了从零开始实现一个Django MVT框架开发,当然,我们的T前端模板很简陋,并且没有显示我们想要的内容,所以这节,我们主要来修改下前端模板。
同样,我们直接将项目跑起来,严格来说,除非因为代码错误自动停止,没有必要去关闭这个django项目。
打开templates中的home.html,将原先的代码简单改一下:
<title>老表的博客title>
<h1>这里是老表的博客,该怎么显示文章列表呢?h1>
刷新页面会发现,页面标题和显示内容变了,当然这只是简单的改变,如果你一点前端基础都没有,我建议你去先学习下前端技术,可以查看文章:小白三天入门前端HTML肝货笔记
接下来我们让前端页面展示我们的博客列表:
<title>老表的博客title>
<h1>博客列表h1>
<ul>
{% for article in object_list %}
<li>
{{article.title}} - {{article.author}}br>
{{article.summary}}
li>
{% endfor %}
ul>
首先
表示页面标题,h1-h6表示的内容标题(一级标题-六级标题),然后是
是无序列表元素,里面一个或者多个元素,是列表条目元素。
在{% for article in object_list %} {% endfor %}
是js代码,记住格式就可以了,可以进行逻辑控制。
object_list是通过ListView
的Django对象的查询集,即查出的所有article对象列表。
这样就可以简单的在页面中展示出,我们所有博客的基础信息了~
欢迎大家点赞、在看、转发支持,点击在看,下次可以第一时间收到公众号推文~
本文为付费专栏,每周更新1-2篇,利用Django带大家一起实现个人博客,最后也会上线。
如果是对Django感兴趣的初学者可以购买,如果你对Django已经有所了解了,那我不建议你付费,你可以选择后面你感兴趣的、更深层次的章节进行付费,如果需要的话。
阅读到这里的都是真想学习Django的学习者,我为大家准备了一个Django学习交流群(付费,目前直接购买本系列任意一篇文章即可加入),加入方式如下: