python 全棧開發,Day70(模板自定義標籤和過濾器,模板繼承 (extend),Django的模型層-ORM簡介)

昨日內容回顧

視圖函數:

    request對象
         request.path  請求路徑
         request.GET   GET請求數據  QueryDict  {}
         request.POST  POST請求數據 QueryDict  {}
         request.method 請求方式    "GET"   "POST"
         request.is_ajax()       是不是Ajax請求
         request.get_full_path()    包含請求數據的路徑
         
    return HttpResponse("響應體字符串")
    
    render  :渲染
        render(request,"index.html")
        render(request,"index.html",{"name":name})
    
    redirect: 重定向
        兩次請求

render沒有第3個參數時,直接讀取文件。
有第3個參數時,判斷有沒有{}語法,而後替換css

 

redirect是服務器向瀏覽器發送302指令,它是2次請求。
form表單提交時,url變更了。由於它必然會發生一次請求!html

當form表單的action屬性爲空時,單擊提交。它會獲取當前url做爲action的屬性,它和當前url沒有任何關係。前端

 

思考題:python

假設訪問的是login,login的視圖函數代碼爲:mysql

def login(request):
    return render(request,'login.html')
View Code

訪問頁面是正常的。git

若是改成這樣呢?ajax

def login(request):
    return redirect('/login/')

訪問頁面會是怎樣的效果?正則表達式

分析一下:sql

如今直接訪問login頁面,看看會不會一直跳轉。數據庫

頁面提示:重定向次數過多

模板

模板:
    
    一 變量 {{}}
       1 深度查詢   .
       2 過濾器
         {{now|date:"Y-m-d"}}
         {{file_size:filesizeformat}} 
         {{link|safe}}

    二 標籤{% %}        
        1.
        {% for i in []%}
        {{forloop.counter}}
        {{forloop.last}}
        {%endfor%}
        2.
        {% if  條件%}
        <p>1111</p>
        {%elif%}
        <p>2222</p>
        {%else%}
        <p>3333</p>
        {%endif%}
        
        3 with
        
        4 url
        {% url '別名' 參數 %}
        
        5
        {% csrf_token %}
View Code

注意:datetime也能夠作格式化,好比:

def login(request):
    import datetime
    now = datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S")
    return HttpResponse(now)
View Code

訪問頁面輸出:

也就是說,後端能夠定義格式,前端也能夠定義格式,看你喜歡哪一種。

重點掌握if和for語法,還有csrf_token

 

1、模板自定義標籤和過濾器

標籤,是爲了作一些功能。過濾器,是對斜槓前面的數據作過濾。

爲何要自定義標籤和過濾器?由於自帶的不夠用,須要結合需求,來自定義。

自定義標籤和過濾器須要執行3個步驟:

1、在settings中的INSTALLED_APPS配置當前app,否則django沒法找到自定義的simple_tag.

2、在app中建立templatetags模塊(模塊名只能是templatetags)

三、建立任意 .py 文件,如:my_tags.py

自定義過濾器

舉例:增長一個乘法過濾器

修改settings.py中的INSTALLED_APPS,最後一行添加當前的app。

django開頭的,都是一些自帶的app。它內置在django源碼裏面!

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app01.apps.App01Config',
]
View Code

在app01目錄裏面新建一個templatetags目錄,目錄名必須是這個!!!不然django找不到。

目錄裏面建立my_filter_tag.py,這個py文件名,能夠隨便定義。內容以下:

from django import template
from django.utils.safestring import mark_safe
register=template.Library()

@register.filter
def multi_filter(x,y):
    return x*y
View Code

注意:頭部的3行,是固定寫法,不能改變。

增長@register.filter,是爲了將函數轉換成過濾器。函數的名字,能夠自定義。

修改views.py裏面的index函數,內容以下:

def index(request):
    num = 100
    return render(request,'index.html',{'num':num})
View Code

修改index.html,修改body部分

注意:在使用自定義標籤和過濾器,必須在html文件中,導入以前建立的my_filter_tag

{% load my_filter_tag %}
<p>{{ num|multi_filter:5 }}</p>
View Code

load表示導入模塊。p標籤中的內容,是執行了multi_filter過濾器。

注意:它接收了2個參數。一個是num,一個是5。由於multi_filter過濾器,定義了2個形參,使用它必須傳2個參數才行。

訪問index頁面,輸出:

是由於自定義的模塊,沒有導入成功,提示找不到!爲啥呢?由於django項目啓動時,會導入settings.py定義的模塊導入,因爲app01的自定義模塊是啓動以後加的,因此它並無加載進去。

重啓django項目,就能夠加載了。

再次訪問index,頁面輸出:

 

 若是要完成3位乘法呢?過濾器能夠增長一個形參,可是index.html怎麼加第3個參數呢?

答案是,它不能加第3個參數。因此只能在後端,將參數形式修改列表,元組,字典等方式,就能夠了。

舉例1:計算4*5*6

修改index視圖函數

def index(request):
    num1 = 4
    num2 = 5
    num3 = 6
    num_list = [num1,num2,num3]
    return render(request,'index.html',{'num_list':num_list})
View Code

修改my_filter_tag.py中的過濾器

@register.filter
def multi_filter(num_list):
    res = 1
    for i in num_list:
        res*=i
    return res
View Code

修改index.html,修改body部分

{% load my_filter_tag %}
<p>{{ num_list|multi_filter }}</p>
View Code

訪問網頁,輸出:

 

舉例1:顯示a標籤

修改my_filter_tag.py文件,增長link_tag過濾器

@register.filter
def link_tag(href):
    return "<a href=%s>click</a>"%href
View Code

修改index視圖函數

def index(request):
    link = "http://www.py3study.com/"
    return render(request,'index.html',{'link':link})
View Code

修改index.html,修改body部分

{% load my_filter_tag %}
<p>{{ link|link_tag }}</p>
View Code

訪問網頁,輸出:

發現結果不是咱們想要的,查看瀏覽器控制檯,查看響應體,發現被轉義了

由於django遇到html或者js標籤,會轉義。它認爲是不安全的!那麼如何告訴它,是安全的呢?

須要在過濾器中導入make_safe模塊

修改my_filter_tag.py文件中的link_tag過濾器,完整代碼以下:

使用make_safe方法,告訴django是安全的,不須要轉義

from django import template
from django.utils.safestring import mark_safe
register=template.Library()

@register.filter
def multi_filter(num_list):
    res = 1
    for i in num_list:
        res*=i
    return res

@register.filter
def link_tag(href):
    return mark_safe("<a href=%s>click</a>" % href)
View Code

重啓django項目,由於網頁有緩存,懶得清理了,因此直接重啓django項目,見效快! 

再次訪問

效果就出來了。

 

自定義標籤

標籤,是爲了作一些功能

舉例:4個參數的乘法運算

修改my_filter_tag.py,增長multi_tag函數

@register.simple_tag
def multi_tag(x,y,z):
    return x*y*z
View Code

@register.simple_tag表示將函數轉換爲自定義標籤

 

修改index.html,修改body部分

注意:調用標籤,使用{% 標籤過濾器名 參數1,參數2,參數3... %}

參數不限,但不能放在if for語句中

{% load my_filter_tag %}
<p>{% multi_tag 7 8 9 %}</p>
View Code

重啓django項目,訪問網頁,輸出:

 

自定義標籤和自定義過濾器的區別:

1. 標籤,是爲了作一些功能。過濾器,是對斜槓前面的數據作過濾。

2. 標籤能夠寫任意個形參,而過濾器最大隻能寫2個形參。若是過濾器須要接收多個參數,須要將參數存放在列表,元組,字典等數據中。

3. 過濾器能夠用在if等語句後,標籤不能夠

 

2、模板繼承 (extend)

Django模版引擎中最強大也是最複雜的部分就是模版繼承了。模版繼承可讓您建立一個基本的「骨架」模版,它包含您站點中的所有元素,而且能夠定義可以被子模版覆蓋的 blocks 。

經過從下面的例子開始,能夠容易的理解模版繼承:

include

新建advertise.html,使用Bootstrap構建2個面板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>

<div class="row">
    <div class="col-md-4">
        <div class="advertise">
            <div class="panel panel-danger">
                <div class="panel-heading">菜單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading">菜單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>

    </div>
</div>

</body>
</html>
View Code

修改urls.py,增長advertise路徑

urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/', views.index),
    path('advertise/', views.advertise),
]
View Code

修改views.py,增長advertise視圖函數

def advertise(request):
    return render(request, 'advertise.html')
View Code

訪問url: http://127.0.0.1:8000/advertise/

若是首頁,也想顯示左邊的菜單欄呢?代碼複製一遍?

這樣代碼就重複了,使用include,就能夠了。

修改advertise.html,將相同的部分分離處理

<div class="row">
    <div class="col-md-4">
        <div class="advertise">
            <div class="panel panel-danger">
                <div class="panel-heading">菜單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading">菜單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>

    </div>
</div>
View Code

修改index.html,使用include導入advertise.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
{% include 'advertise.html' %}
</body>
</html>
View Code

訪問首頁,效果同上。

 

 extend

 訪問博客園的我的博客,發現不少頁面,有幾處相同的部分。好比右側的側邊欄,頂部的導航欄,尾部部分...等等。

那麼公共區域,不須要本身重複寫,繼承下來就能夠了!

舉例:圖書網頁

編輯index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            width: 100%;
            height: 60px;
            background-color: #369;
        }

        .title {

            line-height: 60px;
            color: white;
            font-weight: 100;
            margin-left: 20px;
            font-size: 20px;
        }
        .container{
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div class="header">
    <p class="title">
        路飛學誠
    </p>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-danger">
                <div class="panel-heading">菜單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading">菜單二</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-warning">
                <div class="panel-heading">菜單三</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>
        <div class="col-md-9">
           <div class="jumbotron">
                <h1>Hello, INDEX!</h1>
                <p>...</p>
                <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
View Code

訪問index頁面,輸出:

 

若是要訪問子頁面,好比書籍管理和做者管理?

修改urls.py,增長articles、authors路徑

urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/',views.index),
    path('articles/',views.articles),
    path('authors/',views.authors),
]
View Code

修改views.py,增長2個視圖函數

def articles(request):
    return render(request, 'articles.html')

def authors(request):
    return render(request, 'authors.html')
View Code

新建articles.html,將index.html的代碼所有複製粘貼過來,修改中間內容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            width: 100%;
            height: 60px;
            background-color: #369;
        }

        .title {

            line-height: 60px;
            color: white;
            font-weight: 100;
            margin-left: 20px;
            font-size: 20px;
        }
        .container{
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div class="header">
    <p class="title">
        路飛學誠
    </p>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-danger">
                <div class="panel-heading">菜單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading">菜單二</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-warning">
                <div class="panel-heading">菜單三</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="article_list">
               <ul>
                   <li>紅樓夢</li>
                   <li>三國演義</li>
                   <li>西遊記</li>
                   <li>水滸傳</li>
               </ul>
           </div>
        </div>
    </div>
</div>
</body>
</html>
View Code

訪問articles頁面,效果以下:

 

新建authors.html,將index.html的代碼所有複製粘貼過來,修改中間內容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            width: 100%;
            height: 60px;
            background-color: #369;
        }

        .title {

            line-height: 60px;
            color: white;
            font-weight: 100;
            margin-left: 20px;
            font-size: 20px;
        }
        .container{
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div class="header">
    <p class="title">
        路飛學誠
    </p>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-danger">
                <div class="panel-heading">菜單一</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading">菜單二</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-warning">
                <div class="panel-heading">菜單三</div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>
        <div class="col-md-9">
            <div class="author_list">
               <ul>
                   <li>曹雪芹</li>
                   <li>羅貫中</li>
                   <li>吳承恩</li>
                   <li>施耐庵</li>
               </ul>
           </div>
        </div>
    </div>
</div>
</body>
</html>
View Code

訪問authors頁面,效果以下:

 

 

問題來了,菜單和導航,都是重複的。有了繼承,就能夠解決這個問題。
公共部分有,繼承的子頁面就會有。沒有的部分,子頁面也不會有。

 

這個模版,咱們把它叫做 base.html, 它定義了一個能夠用於兩列排版頁面的簡單HTML骨架。「子模版」的工做是用它們的內容填充空的blocks。

在這個例子中, block 標籤訂義了三個能夠被子模版內容填充的block。 block 告訴模版引擎: 子模版可能會覆蓋掉模版中的這些位置。

子模版可能看起來是這樣的:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
     <title>title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            width: 100%;
            height: 60px;
            background-color: #369;
        }

        .title {

            line-height: 60px;
            color: white;
            font-weight: 100;
            margin-left: 20px;
            font-size: 20px;
        }
        .container{
            margin-top: 20px;
        }
    </style>
</head>
<body>

<div class="header">
    <p class="title">
        路飛學誠
    </p>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-danger">
                <div class="panel-heading"><a href="http://127.0.0.1:8008/index/">首頁</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading"><a href="http://127.0.0.1:8008/authors/">做者</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-warning">
                <div class="panel-heading"><a href="http://127.0.0.1:8008/articles/">文章管理</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>
        <div class="col-md-9">
           {% block content %}

           {% endblock %}
        </div>
    </div>
</div>

</body>
</html>
View Code

修改index.html,刪除多餘的代碼。繼承base.html

它是先繼承,再填充內容。

extends 標籤是這裏的關鍵。它告訴模版引擎,這個模版「繼承」了另外一個模版。當模版系統處理這個模版時,首先,它將定位父模版——在此例中,就是「base.html」。

那時,模版引擎將注意到 base.html 中的三個 block 標籤,並用子模版中的內容來替換這些block。根據 blog_entries 的值,輸出可能看起來是這樣的:

{% extends 'base.html' %}

{% block content %}
<div class="jumbotron">
    <h1>Hello, INDEX!</h1>
    <p>...</p>
    <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>
{% endblock %}
View Code

訪問index頁面,效果以下:

 

修改articles.html,繼承base.html

{% extends 'base.html' %}

{% block content %}
<div class="article_list">
   <ul>
       <li>紅樓夢</li>
       <li>三國演義</li>
       <li>西遊記</li>
       <li>水滸傳</li>
   </ul>
</div>
{% endblock %}
View Code

訪問articles頁面,效果以下:

修改authors.html,繼承base.html

{% extends 'base.html' %}

{% block content %}
<div class="author_list">
    <ul>
       <li>曹雪芹</li>
       <li>羅貫中</li>
       <li>吳承恩</li>
       <li>施耐庵</li>
    </ul>
</div>
{% endblock %}
View Code

訪問authors頁面,效果以下:

 

這樣,就解決了代碼重複問題

 

需求,訪問不一樣頁面時,更改tile標籤的屬性

怎麼作呢?很簡單,在base.html裏面的title標籤位置,定義一個block

在花括號中間的title標籤,表示默認值。若是子頁面不設置block title,那麼顯示默認值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% block title %}
     <title>title</title>
    {% endblock title %}
    
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            width: 100%;
            height: 60px;
            background-color: #369;
        }

        .title {

            line-height: 60px;
            color: white;
            font-weight: 100;
            margin-left: 20px;
            font-size: 20px;
        }
        .container{
            margin-top: 20px;
        }
    </style>
</head>
<body>

<div class="header">
    <p class="title">
        路飛學誠
    </p>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-danger">
                <div class="panel-heading"><a href="http://127.0.0.1:8008/index/">首頁</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading"><a href="http://127.0.0.1:8008/authors/">做者</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-warning">
                <div class="panel-heading"><a href="http://127.0.0.1:8008/articles/">文章管理</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>
        <div class="col-md-9">
           {% block content %}

           {% endblock %}
        </div>
    </div>
</div>

</body>
</html>
View Code

修改articles.html,增長一個block

{% extends 'base.html' %}

{% block content %}
 {{ block.super }}
 <div class="article_list">
   <ul>
       <li>紅樓夢</li>
       <li>三國演義</li>
       <li>西遊記</li>
       <li>水滸傳</li>
   </ul>
</div>
{% endblock %}

{% block title %}
<title>Article</title>
{% endblock %}
View Code

訪問articles頁面,標題就出來了,效果以下:

訪問authors頁面,標題就出來了,效果以下:

因爲沒有設置block title,它顯示默認值。

 

如今有一個問題,右側內容,寫死了。好比文章頁中的內容
修改views.py,2個視圖,分別增長一個列表

def articles(request):
    acticle_list = ['紅樓夢','三國演義','西遊記','水滸傳']
    return render(request, 'articles.html',{'acticle_list':acticle_list})

def authors(request):
    author_list = ['曹雪芹','羅貫中','吳承恩','施耐庵']
    return render(request, 'authors.html',{'author_list':author_list})
View Code

修改修改articles.html,增長一個for循環

{% extends 'base.html' %}

{% block content %}
 <div class="article_list">
   <ul>
       {% for article in acticle_list %}
       <li>{{ article }}</li>
       {% endfor %}
   </ul>
</div>
{% endblock %}

{% block title %}
<title>Article</title>
{% endblock %}
View Code

修改修改authors.html,增長一個for循環

{% extends 'base.html' %}

{% block content %}
<div class="author_list">
    <ul>
       {% for author in author_list %}
       <li>{{ author }}</li>
       {% endfor %}
    </ul>
</div>
{% endblock %}

{% block title %}
<title>Author</title>
{% endblock %}
View Code

從新訪問2個頁面,效果同上。

 

請注意,子模版並無定義 sidebar block,因此係統使用了父模版中的值。父模版的 {% block %} 標籤中的內容老是被用做備選內容(fallback)。

這種方式使代碼獲得最大程度的複用,而且使得添加內容到共享的內容區域更加簡單,例如,部分範圍內的導航。

這裏是使用繼承的一些提示:

  • 若是你在模版中使用 {% extends %} 標籤,它必須是模版中的第一個標籤。其餘的任何狀況下,模版繼承都將沒法工做。

舉例:下面這種寫法是錯誤的。extends必須在block上面才行。

{% block content %}
<div class="jumbotron">
    <h1>Hello, INDEX!</h1>
    <p>...</p>
    <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>
{% endblock %}

{% extends 'base.html' %}
View Code

 訪問網頁,就會報錯

 

  • 在base模版中設置越多的 {% block %} 標籤越好。請記住,子模版沒必要定義所有父模版中的blocks,因此,你能夠在大多數blocks中填充合理的默認內容,而後,只定義你須要的那一個。多一點鉤子總比少一點好。

好比:base.html雖然定義了2個blocks,authors頁面能夠只繼承一個。

 

  • 若是你發現你本身在大量的模版中複製內容,那可能意味着你應該把內容移動到父模版中的一個 {% block %} 中。

  • If you need to get the content of the block from the parent template, the {{ block.super }} variable will do the trick. This is useful if you want to add to the contents of a parent block instead of completely overriding it. Data inserted using {{ block.super }} will not be automatically escaped (see the next section), since it was already escaped, if necessary, in the parent template.

翻譯:

若是您須要從父模板獲取塊的內容,則{{block.super}}變量將執行該操做。若是你想添加父塊的內容而不是徹底覆蓋父塊的內容,這頗有用。使用{{block.super}}插入的數據不會自動轉義(請參閱下一節),由於它已經在父模板中被轉義(若有必要)。

舉例:

在base.html中block content裏面增長一個h3標籤。既系統子頁面顯示h3標籤,同時子標籤填充block content裏面的內容時,h3標籤不會被覆蓋。加入一個{{block.super}}就能夠了。

修改base.html,加入h3標籤。修改block content部分

{% block content %}
<h3>詳細內容</h3>
{% endblock %}

修改articles.html,在block content 下面一行,增長{{block.super}}

{% extends 'base.html' %}

{% block content %}
{{ block.super }}
 <div class="article_list">
   <ul>
       {% for article in acticle_list %}
       <li>{{ article }}</li>
       {% endfor %}
   </ul>
</div>
{% endblock %}

{% block title %}
<title>Article</title>
{% endblock %}
View Code

訪問articles頁面,效果以下

注意:若是子頁面沒有寫{{block.super}},那麼h3標籤就會被覆蓋!

 

  • 爲了更好的可讀性,你也能夠給你的 {% endblock %} 標籤一個 名字 。例如:

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

在大型模版中,這個方法幫你清楚的看到哪個  {% block %} 標籤被關閉了。

好比base.html中的block title,就是遵循這種寫法。

  • 不能在一個模版中定義多個相同名字的 block 標籤,不然會被覆蓋

 

需求:如今的頁面是手動跳轉的,須要點擊菜單時,自動跳轉頁面。

修改base.html,增長3個a標籤。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% block title %}
     <title>title</title>
    {% endblock title %}

    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            width: 100%;
            height: 60px;
            background-color: #369;
        }

        .title {

            line-height: 60px;
            color: white;
            font-weight: 100;
            margin-left: 20px;
            font-size: 20px;
        }
        .container{
            margin-top: 20px;
        }
    </style>
</head>
<body>

<div class="header">
    <p class="title">
        路飛學誠
    </p>
</div>

<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-danger">
                <div class="panel-heading"><a href="/index/">首頁</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-success">
                <div class="panel-heading"><a href="/authors/">做者</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
            <div class="panel panel-warning">
                <div class="panel-heading"><a href="/articles/">文章管理</a></div>
                <div class="panel-body">
                    Panel content
                </div>
            </div>
        </div>
        <div class="col-md-9">
           {% block content %}
            <h3>詳細內容</h3>
           {% endblock %}
        </div>
    </div>
</div>

</body>
</html>
View Code

訪問網頁,點擊左邊的鏈接,就能夠任意跳轉了。

效果以下:

 

 

3、Django的模型層-ORM簡介

ORM簡介

ORM,全稱是object relation mapping。翻譯過來,就是對象關係映射。

主要來學習MySQL操做,MySQL是一個軟件。它的優勢:1.免費 2.開源

pymysql,就是Mysql給Python提供的接口。早期的接口叫mysqldb

ORM能夠實現不寫sql語句,就能夠實現操做數據庫。

核心是:用python類操做表,用對象操做記錄。
ORM把相應的類和屬性操做,轉換爲sql語句,來操做數據庫。它作了一個翻譯的過程!

學習ORM,就是用什麼語法,能翻譯成什麼樣的sql語句。

看下圖:

 

ORM的優勢:

1.符合python語法。

2.本身寫的sql語句,效率不夠高。由於它直接傳參,就可使用了。

3. 不須要本身寫SQL,對於類的操做,會轉換成相應的SQL語句,來操做數據庫。(核心功能)

4.它不屬於硬編碼,它不針對於MySQL。好比公司發展了,須要換成oracle數據庫。

若是項目中的sql語句寫死了,那麼項目中的全部的sql語句,都得更換。若是用了ORM,只須要改一處,
直接修改setting.py中的數據庫引擎,換成oracle,就能夠了。這樣,方便數據庫迭代,這是它最大的優勢。

ORM的缺點:

1.執行效率低。看上圖,它是從上層到下層的操做。
它有一個翻譯的過程。因此不如直接寫SQL操做的執行效率低。
可是影響不大。真遇到這種請狀況,優化SQL就能夠了。
效率問題,跟SQL有很大的關係。


如今不關心ORM效率問題。除非SQL語句的造詣達到必定級別的時候,就須要使用原生SQL語句。
orm還提供了,執行原生SQL的接口。能夠直接執行原生SQL。

剛開始寫ORM時,必定要對應SQL語句,去寫ORM

 

  • MVC或者MVC框架中包括一個重要的部分,就是ORM,它實現了數據模型與數據庫的解耦,即數據模型的設計不須要依賴於特定的數據庫,經過簡單的配置就能夠輕鬆更換數據庫,這極大的減輕了開發人員的工做量,不須要面對因數據庫變動而致使的無效勞動
  • ORM是「對象-關係-映射」的簡稱。

上圖有一個錯誤,類型是date,不是data。

sql中的表

#sql中的表                                                      

 #建立表:
     CREATE TABLE employee(                                     
                id INT PRIMARY KEY auto_increment ,                    
                name VARCHAR (20),                                      
                gender BIT default 1,                                  
                birthday DATA ,                                         
                department VARCHAR (20),                                
                salary DECIMAL (8,2) unsigned,                          
              );


  #sql中的表紀錄                                                  

  #添加一條表紀錄:                                                          
      INSERT employee (name,gender,birthday,salary,department)            
             VALUES   ("alex",1,"1985-12-12",8000,"保潔部");               

  #查詢一條表紀錄:                                                           
      SELECT * FROM employee WHERE age=24;                               

  #更新一條表紀錄:                                                           
      UPDATE employee SET birthday="1989-10-24" WHERE id=1;              

  #刪除一條表紀錄:                                                          
      DELETE FROM employee WHERE name="alex"                             





#python的類
class Employee(models.Model):
     id=models.AutoField(primary_key=True)
     name=models.CharField(max_length=32)
     gender=models.BooleanField()
     birthday=models.DateField()
     department=models.CharField(max_length=32)
     salary=models.DecimalField(max_digits=8,decimal_places=2)


 #python的類對象
      #添加一條表紀錄:
          emp=Employee(name="alex",gender=True,birthday="1985-12-12",epartment="保潔部")
          emp.save()
      #查詢一條表紀錄:
          Employee.objects.filter(age=24)
      #更新一條表紀錄:
          Employee.objects.filter(id=1).update(birthday="1989-10-24")
      #刪除一條表紀錄:
          Employee.objects.filter(name="alex").delete()
View Code

class類的屬性和字段是對應的。
decimal(10,2)表示最大長度爲10位。小數點2位。那麼整數部分,最大隻能有8位。

ORM的映射關係:

          ORM引擎
python ---------------> sql

類名                        表名
屬性變量                    字段
屬性值                      約束條件

對象                        一條記錄

好比save(),就能夠增長一條記錄。因此是對象對應一條記錄。

寫項目的注意點:

寫任何一個項目,
第一件事情,就是產品經理給你提需求。
最關鍵的時候,瞭解產品需求,邏輯關係。判斷中途是否有bug!
若是作不了,必定要直接說,不能藏着。不然後期拖進度,就麻煩了。
一開始作宏觀的梳理,不然後面會出現bug。致使項目推到重構!!!
對於表的設計,要慎重考慮。
早期,會經歷不少碰壁的過程,這樣你就能成長!
先建立表,分模塊來建立表。
到了寫代碼的時候,反而是最簡單的。
好比一個商城項目,設計表,梳理流程,花了2個月。寫代碼,幾個星期就完成了。
View Code

 

單表操做

建立表

1.  建立模型

默認在應用文件下,有一個models.py文件,好比app01應用。

在app01下的models.py中建立模型:

from django.db import models

# Create your models here.

class Book(models.Model):
     id=models.AutoField(primary_key=True)
     title=models.CharField(max_length=32)
     state=models.BooleanField()
     pub_date=models.DateField()
     price=models.DecimalField(max_digits=8,decimal_places=2)
     publish=models.CharField(max_length=32)
View Code

ORM無法建立數據庫,它只能操做表!
類名,首先字母要大寫,它必須繼承models.Model。這是固定寫法!

2. 更多字段和參數

每一個字段有一些特有的參數,例如,CharField須要max_length參數來指定VARCHAR數據庫字段的大小。還有一些適用於全部字段的通用參數。 這些參數在文檔中有詳細定義,這裏咱們只簡單介紹一些最經常使用的:

更多字段:

<1> CharField
        字符串字段, 用於較短的字符串.
        CharField 要求必須有一個參數 maxlength, 用於從數據庫層和Django校驗層限制該字段所容許的最大字符數.
 
<2> IntegerField
       #用於保存一個整數.
 
<3> FloatField
        一個浮點數. 必須 提供兩個參數:
         
        參數    描述
        max_digits    總位數(不包括小數點和符號)
        decimal_places    小數位數
                舉例來講, 要保存最大值爲 999 (小數點後保存2位),你要這樣定義字段:
                 
                models.FloatField(..., max_digits=5, decimal_places=2)
                要保存最大值一百萬(小數點後保存10位)的話,你要這樣定義:
                 
                models.FloatField(..., max_digits=19, decimal_places=10)
                admin 用一個文本框(<input type="text">)表示該字段保存的數據.
 
<4> AutoField
        一個 IntegerField, 添加記錄時它會自動增加. 你一般不須要直接使用這個字段;
        自定義一個主鍵:my_id=models.AutoField(primary_key=True)
        若是你不指定主鍵的話,系統會自動添加一個主鍵字段到你的 model.
 
<5> BooleanField
        A true/false field. admin 用 checkbox 來表示此類字段.
 
<6> TextField
        一個容量很大的文本字段.
        admin 用一個 <textarea> (文本區域)表示該字段數據.(一個多行編輯框).
 
<7> EmailField
        一個帶有檢查Email合法性的 CharField,不接受 maxlength 參數.
 
<8> DateField
        一個日期字段. 共有下列額外的可選參數:
        Argument    描述
        auto_now    當對象被保存時,自動將該字段的值設置爲當前時間.一般用於表示 "last-modified" 時間戳.
        auto_now_add    當對象首次被建立時,自動將該字段的值設置爲當前時間.一般用於表示對象建立時間.
        (僅僅在admin中有意義...)
 
<9> DateTimeField
         一個日期時間字段. 相似 DateField 支持一樣的附加選項.
 
<10> ImageField
        相似 FileField, 不過要校驗上傳對象是不是一個合法圖片.#它有兩個可選參數:height_field和width_field,
        若是提供這兩個參數,則圖片將按提供的高度和寬度規格保存.    
<11> FileField
     一個文件上傳字段.
     要求一個必須有的參數: upload_to, 一個用於保存上載文件的本地文件系統路徑. 這個路徑必須包含 strftime #formatting,
     該格式將被上載文件的 date/time
     替換(so that uploaded files don't fill up the given directory).
     admin 用一個<input type="file">部件表示該字段保存的數據(一個文件上傳部件) .
 
     注意:在一個 model 中使用 FileField 或 ImageField 須要如下步驟:
            (1)在你的 settings 文件中, 定義一個完整路徑給 MEDIA_ROOT 以便讓 Django在此處保存上傳文件.
            (出於性能考慮,這些文件並不保存到數據庫.) 定義MEDIA_URL 做爲該目錄的公共 URL. 要確保該目錄對
             WEB服務器用戶賬號是可寫的.
            (2) 在你的 model 中添加 FileField 或 ImageField, 並確保定義了 upload_to 選項,以告訴 Django
             使用 MEDIA_ROOT 的哪一個子目錄保存上傳文件.你的數據庫中要保存的只是文件的路徑(相對於 MEDIA_ROOT).
             出於習慣你必定很想使用 Django 提供的 get_<#fieldname>_url 函數.舉例來講,若是你的 ImageField
             叫做 mug_shot, 你就能夠在模板中以 {{ object.#get_mug_shot_url }} 這樣的方式獲得圖像的絕對路徑.
 
<12> URLField
      用於保存 URL. 若 verify_exists 參數爲 True (默認), 給定的 URL 會預先檢查是否存在( 即URL是否被有效裝入且
      沒有返回404響應).
      admin 用一個 <input type="text"> 文本框表示該字段保存的數據(一個單行編輯框)
 
<13> NullBooleanField
       相似 BooleanField, 不過容許 NULL 做爲其中一個選項. 推薦使用這個字段而不要用 BooleanField 加 null=True 選項
       admin 用一個選擇框 <select> (三個可選擇的值: "Unknown", "Yes""No" ) 來表示這種字段數據.
 
<14> SlugField
       "Slug" 是一個報紙術語. slug 是某個東西的小小標記(短籤), 只包含字母,數字,下劃線和連字符.#它們一般用於URLs
       若你使用 Django 開發版本,你能夠指定 maxlength. 若 maxlength 未指定, Django 會使用默認長度: 50.  #
       之前的 Django 版本,沒有任何辦法改變50 這個長度.
       這暗示了 db_index=True.
       它接受一個額外的參數: prepopulate_from, which is a list of fields from which to auto-#populate
       the slug, via JavaScript,in the object's admin form: models.SlugField
       (prepopulate_from=("pre_name", "name"))prepopulate_from 不接受 DateTimeFields.
 
<13> XMLField
        一個校驗值是否爲合法XML的 TextField,必須提供參數: schema_path, 它是一個用來校驗文本的 RelaxNG schema #的文件系統路徑.
 
<14> FilePathField
        可選項目爲某個特定目錄下的文件名. 支持三個特殊的參數, 其中第一個是必須提供的.
        參數    描述
        path    必需參數. 一個目錄的絕對文件系統路徑. FilePathField 據此獲得可選項目.
        Example: "/home/images".
        match    可選參數. 一個正則表達式, 做爲一個字符串, FilePathField 將使用它過濾文件名. 
        注意這個正則表達式只會應用到 base filename 而不是
        路徑全名. Example: "foo.*\.txt^", 將匹配文件 foo23.txt 卻不匹配 bar.txt 或 foo23.gif.
        recursive可選參數.要麼 True 要麼 False. 默認值是 False. 是否包括 path 下面的所有子目錄.
        這三個參數能夠同時使用.
        match 僅應用於 base filename, 而不是路徑全名. 那麼,這個例子:
        FilePathField(path="/home/images", match="foo.*", recursive=True)
        ...會匹配 /home/images/foo.gif 而不匹配 /home/images/foo/bar.gif
 
<15> IPAddressField
        一個字符串形式的 IP 地址, (i.e. "24.124.1.30").
<16> CommaSeparatedIntegerField
        用於存放逗號分隔的整數值. 相似 CharField, 必需要有maxlength參數.
View Code

更多參數:

(1)null
 
若是爲True,Django 將用NULL 來在數據庫中存儲空值。 默認值是 False.
 
(1)blank
 
若是爲True,該字段容許不填。默認爲False。
要注意,這與 null 不一樣。null純粹是數據庫範疇的,而 blank 是數據驗證範疇的。
若是一個字段的blank=True,表單的驗證將容許該字段是空值。若是字段的blank=False,該字段就是必填的。
 
(2)default
 
字段的默認值。能夠是一個值或者可調用對象。若是可調用 ,每有新對象被建立它都會被調用。
 
(3)primary_key
 
若是爲True,那麼這個字段就是模型的主鍵。若是你沒有指定任何一個字段的primary_key=True,
Django 就會自動添加一個IntegerField字段作爲主鍵,因此除非你想覆蓋默認的主鍵行爲,
不然不必設置任何一個字段的primary_key=True。
 
(4)unique
 
若是該值設置爲 True, 這個數據字段的值在整張表中必須是惟一的
 
(5)choices
由二元組組成的一個可迭代對象(例如,列表或元組),用來給字段提供選擇項。 若是設置了choices ,默認的表單將是一個選擇框而不是標準的文本框,<br>並且這個選擇框的選項就是choices 中的選項。
View Code

3. settings配置

首先是註冊app:
修改mysite下的settings.py文件裏面的INSTALLED_APPS。註冊你的app,最後一行添加,我用的app名是app01

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app01',
]
View Code

不註冊它,你的數據庫就不知道該給哪一個app建立表。

 

若想將模型轉爲mysql數據庫中的表,須要在settings中配置:

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',   # 數據庫引擎mysql
        'NAME': 'book',       # 你要存儲數據的庫名,事先要建立之
        'USER': 'root',      # 數據庫用戶名
        'PASSWORD': '',      # 密碼
        'HOST': 'localhost', # 主機
        'PORT': '3306',      # 數據庫使用的端口
    }
}
View Code

注意1:NAME即數據庫的名字,在mysql鏈接前該數據庫必須已經建立,而上面的sqlite數據庫下的db.sqlite3則是項目自動建立 USER和PASSWORD分別是數據庫的用戶名和密碼。

 

因爲ORM不能建立數據庫,須要手動建立。

進入mysql,建立數據庫book。

C:\Users\xiao>mysql -u root
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 9
Server version: 5.7.22-log MySQL Community Server (GPL)

Copyright (c) 2000, 2018, Oracle and/or its affiliates. All rights reserved.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql> CREATE DATABASE book DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
Query OK, 1 row affected (0.01 sec)

mysql>
View Code

 

django鏈接MySQL,使用的是pymysql模塊,必須得安裝2個模塊。不然後面會建立表不成功!或者提示no module named MySQLdb 

pip3 install pymysql
pip3 install mysqlclient

注意:某些windows電腦安裝 mysqlclient會提示C++缺失。

啓動項目,會報錯:no module named MySQLdb 。這是由於django默認你導入的驅動是MySQLdb,但是MySQLdb 對於py3有很大問題,因此咱們須要的驅動是PyMySQL

因此,咱們只須要找到app01(應用名)文件下的__init__,在裏面寫入:

import pymysql
pymysql.install_as_MySQLdb()

 

接下來要在pycharm的teminal中經過命令建立數據庫的表了。有2條命令,分別是:

python manage.py makemigrations

E:\python_script\django框架\day5\mysite>python manage.py makemigrations
Migrations for 'app01':
  app01\migrations\0001_initial.py
    - Create model Book
View Code

它的做用至關於 在該app下創建 migrations目錄,並記錄下你全部的關於modes.py的改動,好比0001_initial.py, 可是這個改動尚未做用到數據庫文件

 

再輸入命令:

python manage.py migrate

E:\python_script\django框架\day5\mysite>python manage.py migrate
Operations to perform:
  Apply all migrations: admin, app01, auth, contenttypes, sessions
Running migrations:
  Applying contenttypes.0001_initial... OK
  Applying auth.0001_initial... OK
  Applying admin.0001_initial... OK
  Applying admin.0002_logentry_remove_auto_add... OK
  Applying app01.0001_initial... OK
  Applying contenttypes.0002_remove_content_type_name... OK
  Applying auth.0002_alter_permission_name_max_length... OK
  Applying auth.0003_alter_user_email_max_length... OK
  Applying auth.0004_alter_user_username_opts... OK
  Applying auth.0005_alter_user_last_login_null... OK
  Applying auth.0006_require_contenttypes_0002... OK
  Applying auth.0007_alter_validators_add_error_messages... OK
  Applying auth.0008_alter_user_username_max_length... OK
  Applying auth.0009_alter_user_last_name_max_length... OK
  Applying sessions.0001_initial... OK
View Code

它是將該改動做用到數據庫文件,好比建立表,修改表字段之類的操做。

 

注意2: 若是想打印orm轉換過程當中的sql,須要在settings中進行以下配置:

最後一行添加便可!

LOGGING = {
    'version': 1,
    'disable_existing_loggers': False,
    'handlers': {
        'console':{
            'level':'DEBUG',
            'class':'logging.StreamHandler',
        },
    },
    'loggers': {
        'django.db.backends': {
            'handlers': ['console'],
            'propagate': True,
            'level':'DEBUG',
        },
    }
}
View Code

 演示一下:

刪除數據庫book

mysql> drop database book;
Query OK, 11 rows affected (1.95 sec)

mysql> CREATE DATABASE book DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
Query OK, 1 row affected (0.00 sec)
View Code

刪除app01目錄下的migrations文件夾

 從新執行上面2個命令

python manage.py makemigrations

E:\python_script\django框架\day5\mysite>python manage.py makemigrations
(0.000) SELECT @@SQL_AUTO_IS_NULL; args=None
(0.000) SET SESSION TRANSACTION ISOLATION LEVEL READ COMMITTED; args=None
(0.001) SELECT VERSION(); args=None
(0.000) SET SESSION TRANSACTION ISOLATION LEVEL READ COMMITTED; args=None
(0.001) SHOW FULL TABLES; args=None
No changes detected
View Code

 

python manage.py migrate

E:\python_script\django框架\day5\mysite>python manage.py migrate
(0.000) SELECT @@SQL_AUTO_IS_NULL; args=None
(0.000) SET SESSION TRANSACTION ISOLATION LEVEL READ COMMITTED; args=None
(0.000) SELECT @@sql_mode; args=None
(0.001) SELECT VERSION(); args=None
(0.001) SHOW FULL TABLES; args=None
(0.000) SHOW FULL TABLES; args=None
Operations to perform:
  Apply all migrations: admin, auth, contenttypes, sessions
Running migrations:
(0.001) SHOW FULL TABLES; args=None
CREATE TABLE `django_migrations` (`id` integer AUTO_INCREMENT NOT NULL PRIMARY KEY, `app` varchar(255) NOT NULL, `name` varchar(255) NOT NULL, `applied` datetime(6) NOT NULL); (params None)
(0.252) CREATE TABLE `django_migrations` (`id` integer AUTO_INCREMENT NOT NULL PRIMARY KEY, `app` varchar(255) NOT NULL, `name` varchar(255) NOT NULL, `applied` datetime(6) NOT NULL); args=None
...
View Code

上面這個命令輸出內容太多了,直接...代替了!

相關文章
相關標籤/搜索