当前位置：首页 > article >正文

Django学习(四)——创建其它网页

article 2025/9/12 2:43:02

参考书籍：《Python编程从入门到实践》—Eric Matthes

我们将创建两个显示数据的网页，其中一个列出所有的主题，另一个显示特定主题的所有条目。对于每个网页，我们都将指定 URL模式，编写一个视图函数，并编写一个模板

模板继承

创建网站时，几乎都有一些所有网页都将包含的元素。在这种情况下，可编写一个包含通用元素的父模板，并让每个网页都继承这个模板，而不必在每个网页中重复定义这些通用元素。所以我们先创建一个父模板。

父模板

我们首先来创建一个名为base.html的模板，并将其存储在index.html所在的目录中。这个文件包含所有页面都有的元素；其他的模板都继承base.html。当前，所有页面都包含的元素只有顶端的标题。我们将在每个页面中包含这个模板，因此我们将这个标题设置为到主页的链接

<p><a href="{% url 'learning_logs:index' %}">Learning Log</a>
</p>
{% block content %}{% endblock content %}

模板标签(用{% %}表示)生成一个URL，该URL与learning_logs/urls.py中定义的名为index的URL模式匹配。
在最后一行我们插入了一对块标签，名为content，是一个占位符，其中包含的消息由子模版指定。

子模版

重新编写index.html

{% extends "learning_logs/base.html" %}
{% block content %}<p>Learning Log helps you keep track of your learning, for any topic you'relearning about.</p>
{% endblock content %}

将标题Learning Log替换成了从父模板那里继承的代码。
content的{% block %}是一个描述项目"学习笔记"的段落。

显示所有主题的页面

URL模式

定义URL https://localhost:8000/topics返回显示所有主题的页面。

在learning_logs/urls.py中添加

#显示所有的主题
url(r'^topics/$',views.topics,name='topics'),

视图

在views.py中添加库函数

from .models import Topic

再添加

def topics(request):"""显示所有的主题"""topics = Topic.objects.order_by('date_added')context = {'topics':topics}return render(request,'learning_logs/topics.html',context)

topics = Topic.objects.order_by('date_added')请求Topic对象，并按属性date_added对它们进行排序
最后，我们定义了一个将要发送给模板的上下文。上下文是一个字典，其中的键是我们在模板中用来访问数据的名称，而值是我们要发送给模板的数据。

模板

显示所有主题的页面的模板接受字典context。在index.html所在的目录下新建文件topics.html

{% extends "learning_logs/base.html" %}
{% block content %}<p>Topics</p><ul>{% for topic in topics %}<li>{{ topic }}</li>{% empty %}<li>No topics have been added yet.</li>{% endfor %}</ul><a href="{% url 'learning_logs:new_topic' %}">Add a new topic:</a>
{% endblock content %}

修改父模板base.html

<p><a href="{% url 'learning_logs:index' %}">Learning Log</a> - <a href="{% url 'learning_logs:topics' %}">Topics</a>
</p>
{% block content %}{% endblock content %}

'-'是一个连字符，然后添加了一个到显示所有主题的页面的链接——使用的也是模板标签url。这让Django生成一个链接，它与learning_logs/urls.py中名为topics的URL模式匹配。

注意！！！如果此时出现learning_logs' is not a registered namespace的错误，在learning_logs/urls.py末尾中添加：app_name='learning_logs'

淦，之前一直报错原来是把Topic模型里面的date_added打成data了。好不容易改了之后又出现了OperationalError at/admin/learning_logs/topic/add table learning_logs_topic has no column named text的问题，原因是更改了models.py文件里面的主题之后没有迁移数据库，一定要记得更改了models.py的文件后要执行python manage.py makemigration learning_logs python manage.py migrate这两步命令！！！
主页图：
在这里插入图片描述
Topic:

显示特定主题的页面

我们还需要一个显示具体主题的页面。所以需要定义一个新的URL模式，编写一个视图和创建一个模板。

URL模式

#在learning_logs/urls.py中添加

#特定主题的详细页面
url(r'^topics/(?P<topic_id>\d+)/$',views.topic,name='topic'),

这同样包含了一个正则表达式。r让Django将这个字符串当作原始字符串，并指出正则表达式在引号内。(/(?P<topic_id>\d+)/)与包含在两个斜杠内的整数匹配，并将整数存储在topic_id中。这部分表达式两边的括号捕获URL的值，表达式\d+与两个斜杠内的任何数字都匹配。

如果发现URL与这个模式匹配，Django就会调用视图函数topic()，并将topic_id中的值作为值传递给它。

视图

在views.py中添加

def topic(request,topic_id):"""显示单个主题及其所有的条目"""topic = Topic.objects.get(id=topic_id)entries = topic.entry_set.order_by('-date_added')context = {'topic':topic,'entries':entries}return render(request,'learning_logs/topic.html',context)

函数接受正则表达式(?P<topic_id>\d+)捕获的值
使用get获取指定的主题
-date_added按降序排序，即先显示最近的条目
然后将主题和条目都存储在context字典中，最后发送给模板topic.html

模板

在index.html所在目录下添加topic.html文件

{% extends 'learning_logs/base.html' %}
{% block content %}<p>Topic:{{topic}}</p>
<p>Entries:</p>
<ul>{% for entry in entries %}<li><p>{{entry.date_added|date:'M d, Y H:i' }}</p><p>{{entry.text|linebreaks}}</p></li>>{% empty %}<li>There are no entries for this topic yet.</li>{% endfor %}
</ul>{% endblock content%}

每个列表项目都将列出两项信息：条目的时间戳和完整的文本。为了列出时间戳，显示出属性date_added的值。在Django中，竖线’|'表示模板过滤器——对模板变量的值进行修改的函数。在这里过滤器date:'M d, Y H:i'按照月日年时分的格式显示时间。
下一行的过滤器linebreaks将包含换行符的长条目转换为浏览器就能理解的格式。

将显示所有主题的每个主题都设置为链接

修改topics.html

{% for topic in topics %}<li><a href="{%url 'learning_logs:topic' topic.id%}">{{ topic }}</a></li>
{% empty %}<li>No topics have been added yet.</li>
{% endfor %}