python程式設計從入門到實踐18章 Django入門

阿新 • • 發佈：2019-01-12

python3.6

Django2.0.1

1. 模板繼承

建立一個base.html，其他的模板都繼承這個父模板。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<p>
    <a href="{% url 'learning_logs:index' %}">Learning Log</a>
</p>
{% block 
 content %}{% endblock content %}
</body>
</html>

{% url 'learning_logs:index' %}
表示在名稱空間learning_logs下的名為index的地址。
index是在/learning_logs/urls.py中的urlpatterns中定義的

{% block content %}{% endblock content %}
這是一個塊標籤，
表示一個名為content的塊，
其中的內容需要由子模組指定。
可以在base.html中定義多個塊，但是子模組可以只指定其中的一個或幾個，不是必須全部指定。

現在重新編寫index.html以繼承base.html
原內容為：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
</head>
<body>
<p>Learning Log</p>
<p>Learning Log helps you keep track of your learning, 
for any topic you're learning about.</p>
</body> 

</html>

把

<p>Learning Log</p>
<p>Learning Log helps you keep track of your learning, 
for any topic you're learning about.</p>

改為：

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

這樣，父模板中的內容就被繼承過來，其中

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

將直接顯示，
而

{% block content %}{% endblock content %}

需要子模板定義。

2. 新增頁面
修改learning_logs/urls.py

"""define url mode of learning_logs"""

from django.urls import path, re_path
from . import views

urlpatterns = [
    # home
    path('', views.index, name='index'),
    # topics
    path('topics/', views.topics, name='topics'),
]
app_name = 'learning_logs'

添加了path('topics/', views.topics, name='topics'),
現在localhost:port/topics/得到了匹配，訪問這個地址時，將呼叫views.py中的topics函式；在其他地方也可以引用別名topics來訪問這個url

下面在檢視views.py中匯入Topic類，並建立topics函式：

from django.shortcuts import render
# import class "Topic" from ./models.py
from .models import Topic


# Create your views here.

def index(request):
    """home page of learning log"""
    return render(request, 'learning_logs/index.html')


def topics(request):
    """show all topics"""
    topics = Topic.objects.order_by('date_added')
    context = {'topics': topics}
    return render(request, 'learning_logs/topics.html', context)

context = {'topics': topics} 定義了一個上下文，它是一個字典。這個上下文馬上會通過render傳送到learning_logs/topics.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>
{% endblock content %}

{% empty %}表示：如果topics為空的話，如何處理

現在父模板base.html如下：

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

目前只有主頁的連結，下面新增topics頁面的連結，使得任何一個繼承base.html的頁面，都顯示指向主頁index和主題頁topics的連結，亦即localhost:port/和localhost:port/topics

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

以上實現了主題頁的顯示，該頁列出所有主題，下面繼續建立單個主題的頁面，在這個頁面中，將顯示有關這個主題的所有話題。
現在要實現這樣的訪問，例如：
localhost:port/topics/1/
即訪問主題id為1的主題。
為此，在learning_logs/urls.py中的urlpatterns中新增：

    # specified topic detail
    re_path('topics/(?P<topic_id>\d+)/', views.topic, name='topic'),

/(?P<topic_id>\d+)/的兩端是兩個斜槓，舉慄說，他們匹配localhost:port/topics/1/中的1，並且把1儲存在topic_id中。
具體地，兩邊的括號()捕獲url中的值，?P<topic_id>把匹配的值存到topic_id中，\d+ 表示匹配任何位數的數字。
如果url匹配了，django就呼叫views.py中的topic函式，並把topic_id中的值作為實參傳遞給它。

現在，建立檢視函式topic()
在views.py中新增：

def topic(request, topic_id):
    """show one topic with its all entry"""
    topic = Topic.objects.get(id=topic_id)
    # minus sign indicates descending sort
    entries = topic.entry_set.order_by('-date_added')
    context = {'topic': topic, 'entries': entries}
    return render(request, 'learning_logs/topic.html', context)

注意這個函式包含一個形參topic_id，
-date_added前的減號表示降序排列，
把主題和條目都存在context字典中，
把上下文context傳遞給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 %}

<p>Topic: {{ topic }}</p>中的topic和{% for entry in entries %}中的entries來自context上下文，是剛剛由render函式傳遞過來的。

<p>{{ entry.date_added|date:'M d, Y H:i' }}</p>
<p>{{ entry.text|linebreaks }}</p>

豎線|表示模板過濾器

最後，修改topics.html，把{{ topic }}修改為<a href="{% url 'learning_logs:topic' topic.id %}">{{ topic }}</a>
讓每個主題都成為連結，連結到相應的主題詳情頁面

{% extends "learning_logs/base.html" %}{% block content %}
    <p>Topics</p>
    <ul>
        {% 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 %}
    </ul>

    <a href="{% url 'learning_logs:new_topic' %}">Add a new topic:</a>

{% endblock content %}然後輸入http://localhost:8000 點選topic:點選Chess:點選Rock Climbing：另外注意：當你修改內容的時候，先把終端關閉 ，然後重新啟動 ，然後再重新整理瀏覽器 ， 不然會出現錯誤！

python程式設計從入門到實踐18章 Django入門

python程式設計從入門到實踐18章 Django入門

《python 程式設計從入門到實踐》-第十八章Django入門，專案3 遇到的問題。

python程式設計：從入門到實踐學習筆記-Django入門（四）

python程式設計：從入門到實踐學習筆記-Django入門（二）

python程式設計：從入門到實踐學習筆記Django入門（一）

python 程式設計從入門到實踐第二章變數和簡單資料型別

python 程式設計從入門到實踐第一章起步

Python程式設計從入門到實踐課後答案:第九章

Python程式設計從入門到實踐課後答案:第八章

Python程式設計從入門到實踐課後答案:第六章

Python程式設計從入門到實踐課後答案:第五章

Python程式設計從入門到實踐課後答案:第四章

Python程式設計從入門到實踐課後答案:第三章

《Python程式設計從入門到實踐》第9章類課後習題（附程式碼）

Python程式設計從入門到實踐課後答案:第十一章

Python程式設計從入門到實踐課後答案:第十章

《Python程式設計從入門到實踐》第10章檔案和異常動手試一試答案（附程式碼）

python程式設計從入門到實踐第六章字典

《Python程式設計從入門到實踐》第8章函式

《Python程式設計從入門到實踐》第9章類

python程式設計從入門到實踐18章 Django入門

相關推薦