第一節 Django之視圖View、模板Template


    在我們進入Django的話題之前,先了解一下WSGI和MTV模式。

    什么是WSGI?                          

    在用Python進行Web開發中,我們將其分為兩部分,一是服務器程序,而是應用程序,前者負責把客戶端請求接收、整理,后者負責具體的邏輯處理。那么對於服務器來說,就需要支持不同的框架,比如Django、Flask等,對於框架來說,也只有支持它的服務器才能被開發出的應用使用,這個時候就需要定一個標准,來使得服務器程序和應用程序都支持這個標准,這個標准就是WSGI,全稱是Web Server Gateway Interface,它規定了雙方各自需要實現什么接口,提供什么功能,這樣一來,二者就能配合使用了(可參考:http://blog.csdn.net/on_1y/article/details/18803563)

    什么是MTV模式?                      

    就是把Web應用分為:模型(Model),模板(Template),視圖(View)這三層,這樣一來,各組件之間就保持了松耦合關系;M主要是用來負責業務對象和數據庫對象,T負責把頁面如何展示給用戶,V負責業務邏輯,並在適當的時候調用M和T。

    對於Django來說,還有一個url分發器,它的作用就是將一個個url的頁面請求分發給不同的V處理,V再調用相應的M和T。

        

 

    Django項目搭建以及環境配置     

# 創建項目
django-admin startproject 項目的名稱
# 創建app
python mannage.py startapp  app名稱
# settings配置
# 將自己的app添加到這里
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app',
]
# 在這里我們修改mysql數據庫
DATABASES = {

    'default': {

        'ENGINE': 'django.db.backends.mysql',

        'NAME': 'DjRecord',    #你的數據庫名稱

        'USER': 'root',   #你的數據庫用戶名

        'PASSWORD': '', #你的數據庫密碼

        'HOST': '', #你的數據庫主機,留空默認為localhost

        'PORT': '3306', #你的數據庫端口

    }

}
# 我們用的是pymysql,所以需要在項目名這個目錄下的__init__.py文件添加:
import pymysql
pymysql.install_as_MySQLdb()

# 配置templates路徑
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')]
        ,
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]
# 配置static路徑
STATIC_URL = '/static/'
STATICFILES_DIRS=(
    # 告訴django static的路徑
    os.path.join(BASE_DIR,"static"),

)

# 運行項目
python manage.py runserver  127.0.0.1:8080

# 同步數據庫
python manage.py makemigrations

python manage.py migrate

 

    目錄結構說明:

                                         

    manage.py:Django項目里面的工具,通過它可以調用django shell和數據庫等

    settings.py:包含了項目的默認配置,包括數據庫信息,調試標志以及一些工作的變量

    urls.py:負責把URL模式映射到應用程序

    model.py:負責數據庫處理

    view.py:處理一些業務邏輯

    admin.py:Django自帶的一個后台數據管理系統

    關於靜態文件         

    靜態文件是交由web服務器處理的,Django本身不處理靜態文件,比如,在URL請求的時候,按照web服務器里面的配置規則先處理,以nginx為例,要求配置在nginx.conf里的location,如果是靜態文件,則由nginx直接處理,如果不是,則由Django處理,Django根據urls.py里面的規則進行匹配。

    Django對靜態文件的處理機制

# 在setttings里面配置
在INSTALLED_APPS加入'django.contrib.staticfiles'

# 在urls.py里面加入
if settings.DEBUGS:
    urlpatterns += pattern("",url(r'^media/(?P<path>.*)$',
                            'django.views.static.serve',{'document_root':settings.MEDIA_ROOT}),url(r'^static/(?P<path>.*)$','django.views.static.serve',{'document_root':settings.STATIC_ROOT}),)

# MEDIA_ROOT和MEDIA_URL
對於靜態文件的處理,包括STATIC和MEDIA兩類,在Django里的定義如下:
MEDIA:只用戶上傳的文件,比如在Model里面的FileField,ImageField上傳的文件,如果我們定義MEDIA_ROOT=c:\temp\media,那么File=models.FileField(upload_to="abc/")#,這樣上傳的文件就會被保存到c:\temp\media\abc
        如:
            class Blog(models.Model):
                    title = models.CharField(max_length=32)
                    photo = models.ImageField(upload_to="photo")
        上傳的圖片就上傳到c:\temp\media\photo,而在模板中要顯示文件,需要在settings里面進行配置:
         BASE_DIR=os.path.abspath(os.path.dirname("__file__")
                MEDIA_ROOT=os.path.join(BASE_DIR,'media/').replace("\\","/")
MEDIA_URL:指定是從瀏覽器訪問時的地址前綴,比如:
              MEDIA_ROOT=c:\temp\media\photo
              MEDIA_URL="/data/"
        在開發階段,media的處理由django處理:
              訪問http://localhost/data/abc/a.png就是訪問c:\temp\media\photo\abc\a.png
              在模板里面這樣寫<img src="{{ MEDIA_URL }}abc/a.png>
        在部署階段最大的不同在於必須讓web服務器來處理media文件,因此必須在web服務器中配置,以便能讓web服務器能訪問media文件,比如nginx.conf:
                location ~/media/{
                        root/temp/
                        break;
                    }
# STATIC_ROOT和STATIC_URL
 STATIC主要指的是css,js,images這樣的文件,在settings里面可以配置STATIC_ROOT和STATIC_URL
        在每個app的static文件夾,均可創建static文件夾,然后當運行collectstatic時,Django會遍歷INSTALL_APPS里面所有app的static文件夾,將里面所有的文件復制到STATIC_ROOT
        STATIC文件還可以配置在STATICFILES_DIRS,指定額外的靜態文件存儲位置,比如:
                STATIC_URL="/static/"        # 引用名
                STATICFILES_DIRS=(
                         os.path.join(BASE_DIR,"static")
                )     
                這樣就不會由於后端的更改影響到前端的引入

     關於URL路由系統           

from django.conf.urls import url,include
from django.contrib import admin
from app import views

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    # 靜態路由
    url(r'^login/',views.login),        # 如 http://127.0.0.1:8080/login
    # 為路由取別名,這樣,在地址修改的時候,前端不需要修改地址
    url(r'^register/',views.register,name='reg'),
    # 動態路由,可以用來做分頁
    # 無名分組,views里面的函數名參數可任意
    url(r'^article/(\d{4})$',views.article),    # 如 http://127.0.0.1:8080/article/2017
    # 有名分組,view里面的函數名必須是year和month
    url(r'^arcticle/(?P<year>\d{4})/(?P<month>\d{2})',views.arcticle),
    # 路由分發
    url(r'^app/',include('app.urls')),
]

      視圖函數views          

    在http請求中產生兩個核心對象,所在位置是,django.http:

      http請求:HttpRequest對象

      http響應:HttpResponse對象

def register(request):
    '''
    request就是HttpRequest對象
    HttpResponse常用的擴展對象
        render:頁面渲染,可將參數以字典的形式傳遞給頁面 也可以通過locals()將參數傳遞過去,沒有進行頁面跳轉,url沒有改變
        redirect:頁面跳轉,url發生改變
    :param request:
    :return:
    '''
    # 獲取請求方法
    if request.method == "GET":
        '''
        對注冊來分析,當我們進入注冊頁面的時候,一般都是GET請求
        '''
        # 獲取GET里面的信息
        ret = request.GET
        print("GET信息",ret)  # 輸出 GET信息 <QueryDict: {}> 是一個字典對象
        return render(request,"register.html")
    elif request.method == "POST":
        '''
        通過表單提交之后,變成了POST請求
        '''
        # 獲取POST里面的信息
        ret = request.POST
        print("POST信息",ret)
        '''
        輸出  POST信息 <QueryDict: {'csrfmiddlewaretoken': ['oeKNHGKKm9Ip6B4Y2bfZM16lD2ECoTylPzX7rKzEUO5baf5Dfw4uB2zz5zz61fL9'], 'username': ['Jason'], 'pwd': ['123'], 'gender': ['1']}>

        也是一個字典對象,可以通過句點獲取表單提交過來的數據
        '''

        return redirect("/login/")

def login(request):
    return render(request,"login.html")

    模板系統Template             

    組成:HTML代碼+邏輯控制代碼

    邏輯控制代碼的組成

    ①變量,使用雙大括號來引用變量:{{ var_name }}

# 視圖函數
def index(request):
    people={
        "username":"Jason",
        "age":18,
        "gender":""
    }

    username="Jason"

    return render(request,"index.html",{"username":username,"people":people})

<!--模板文件-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--通過雙大括號來獲取變量-->
    <h1>歡迎{{ username }}</h1>

    <!--通過句點符號來實現深度查詢-->
    <h2>用戶名:{{ people.username }}</h2>
    <h2>年齡:{{ people.age }}</h2>
    <h2>性別:{{ people.gender }}</h2>
</body>
</html>

 

 

    ②過濾器,語法格式:{{obj|filter:param}}

        (1)add   
            使用形式為:{{ value | add: "2"}}
            意義:將value的值增加2
        (2)addslashes
            使用形式為:{{ value | addslashes }}
            意義:在value中的引號前增加反斜線
        (3)capfirst
            使用形式為:{{ value | capfirst }}
            意義:value的第一個字符轉化成大寫形式
        (4)cut
             使用形式為:{{ value | cut:arg}}, 例如,如果value是“String with spaces” arg是" "那么輸出是"Stringwithspaces"
             意義:從給定value中刪除所有arg的值
        (5)date
             使用形式為::
                 (a) {{ value | date:"D d M Y" }},例如,如果value是一個datetime對象(datetime.datetime.now())那么輸出將是字符串"Wed 09 Jan 2008"
                 (b) {{ value | date }},這種形式沒有格式化字符串,這時候,格式化字符串會自動采用DATE_FORMAT所設置的形式。
             意義:將日期格式數據按照給定的格式輸出
        (6)default
             使用形式:{{ value | default: "nothing" }},例如,如果value是“”,那么輸出將是nothing
             意義:如果value的意義是False,那么輸出使用缺省值
        (7)default_if_none
             使用形式:{{ value | default_if_none:"nothing" }},例如,如果value是None,那么輸出將是nothing
             意義:如果value是None,那么輸出將使用缺省值
        (8)dictsort
             意義:如果value的值是一個字典,那么返回值是按照關鍵字排序的結果
             使用形式:{{ value | dictsort:"name"}},例如,
             如果value是:

       [
           {'name': 'zed', 'age': 19},
           {'name': 'amy', 'age': 22},
           {'name': 'joe', 'age': 31},
       ]
       那么,輸出是:
       [
           {'name': 'amy', 'age': 22},
           {'name': 'joe', 'age': 31},
           {'name': 'zed', 'age': 19},
       ]

    (9)dictsortreversed
       意義:如果value的值是一個字典,那么返回值是按照關鍵字排序的結果的反序
       使用形式:與上述(8)完全相同。
    (10)divisibleby
       使用形式:{{ value | divisibleby:arg}},如果value是21,arg是3,那么輸出將是True
       意義:如果value能夠被arg整除,那么返回值將是True
    (11)escape
       使用形式:{{ value | escape}}
       意義:替換value中的某些字符,以適應HTML格式,包括:
        < is converted to &lt;
        > is converted to &gt;
        ' (single quote) is converted to &#39;
        " (double quote) is converted to &quot;
        & is converted to &amp;
        
       escape僅僅在輸出的時候才起作用,所以escape不能夠用在鏈式過濾器的中間,
他應該總是最后一個過濾器,如果想在鏈式過濾器的中間使用,那么可以使用force_escape

    (12)escapejs
       使用形式:{{ value | escapejs }}
       意義:替換value中的某些字符,以適應JAVASCRIPT和JSON格式。
    (13)filesizeformat
       使用形式:{{ value | filesizeformat }}
       意義:格式化value,使其成為易讀的文件大小,例如:13KB,4.1MB等。
    (14)first
       使用形式:{{ value | first }}
       意義:返回列表中的第一個Item,例如,如果value是列表['a','b','c'],那么輸出將是'a'。
    (15)floatformat
       使用形式:{{ value | floatformat}}或者{{value|floatformat:arg}},
                 arg可以是正數也可以是負數。沒有參數的floatformat相當於floatformat:-1
       (1)如果不帶arg,那么引擎會四舍五入,同時最多只保留一位小數。
      34.23234    {{value|floatformat}}    34.2
      34.00000    {{value|floatformat}}    34
      34.26000    {{value|floatformat}}    34.3
    (2)如果arg是正數,那么引擎會四舍五入,同時保留arg位的小數。
      34.23234    {{value|floatformat:3}}    34.232
      34.00000    {{value|floatformat:3}}    34.000
      34.26000    {{value|floatformat:3}}    34.260
    (3)如果arg是負數,那么引擎會四舍五入,如果有小數部分,那么保留arg位小數;否則,則沒有任何小數部分。
      34.23234    {{value|floatformat:"-3"}}    34.232
      34.00000    {{value|floatformat:"-3"}}    34
      34.26000    {{value|floatformat:"-3"}}    34.26
    (16)get_digit
       使用形式:{{ value | get_digit:"arg"}},例如,如果value是123456789,arg是2,那么輸出是8
       意義:給定一個數字,返回,請求的數字,記住:1代表最右邊的數字,如果value不是合法輸入,
             那么會返回所有原有值。
    (17)iriencode
       使用形式:{{value | iriencode}}
       意義:如果value中有非ASCII字符,那么將其進行抓化成URL中適合的編碼,如果value已經進行過URLENCODE,
             改操作就不會再起作用。
    (18)join
       使用形式:{{ value | join:"arg"}},如果value是['a','b','c'],arg是'//'那么輸出是a//b//c
       意義:使用指定的字符串連接一個list,作用如同python的str.join(list)
   (19)last
       使用形式:{{ value | last }}
       意義:返回列表中的最后一個Item
   (20)length
       使用形式:{{ value | length }}
       意義:返回value的長度。
    (21)length_is
       使用形式:{{ value | length_is:"arg"}}
       意義:返回True,如果value的長度等於arg的時候,例如:如果value是['a','b','c'],arg是3,那么返回True
   (22)linebreaks
       使用形式:{{value|linebreaks}}
       意義:value中的"\n"將被<br/>替代,並且整個value使用</p>包圍起來,從而適和HTML的格式
    (23)linebreaksbr
       使用形式:{{value |linebreaksbr}}
       意義:value中的"\n"將被<br/>替代
    (24)linenumbers
       使用形式:{{value | linenumbers}}
       意義:顯示的文本,帶有行數。
    (25)ljust
       使用形式:{{value | ljust}}
       意義:在一個給定寬度的字段中,左對齊顯示value
    (25)center
       使用形式:{{value | center}}
       意義:在一個給定寬度的字段中,中心對齊顯示value 
    (25)rjust
       使用形式:{{value | rjust}}
       意義:在一個給定寬度的字段中,右對齊顯示value
    (26)lower
       使用形式:{{value | lower}}
       意義:將一個字符串轉換成小寫形式
    (27)make_list
       使用形式:{{value | make_list}}
       意義:將value轉換成一個list,對於字符串,轉換成字符list;對於整數,轉換成整數list
       例如value是Joel,那么輸出將是[u'J',u'o',u'e',u'l'];value是123,那么輸出將是[1,2,3]
    (28)pluralize
       使用形式:{{value | pluralize}},或者{{value | pluralize:"es"}},或者{{value | pluralize:"y,ies"}}
       意義:如果value不是1,則返回一個復數后綴,缺省的后綴是's'
    (29)random
       使用形式:{{value | random}}
       意義:從給定的list中返回一個任意的Item
    (30)removetags
       使用形式:{{value | removetags:"tag1 tag2 tag3..."}}
       意義:刪除value中tag1,tag2....的標簽。例如,如果value是<b>Joel</b> <button>is</button> a <span>slug</span>
             tags是"b span",那么輸出將是:Joel <button>is</button> a slug
    (31)safe
       使用形式:{{value | safe}}
       意義:當系統設置autoescaping打開的時候,該過濾器使得輸出不進行escape轉換
     (32)safeseq
       與上述safe基本相同,但有一點不同的就是:safe是針對字符串,而safeseq是針對多個字符串組成的sequence
    (33)slice
       使用形式:{{some_list | slice:":2"}}
       意義:與python語法中的slice相同,:2表示第一的第二個元素
     (34)slugify
        使用形式:{{value | slugify}}
        意義:將value轉換成小寫形式,同事刪除所有分單詞字符,並將空格變成橫線
              例如:如果value是Joel is a slug,那么輸出將是joel-is-a-slug
    (35)stringformat
        這個不經常用,先不說
     (36)striptags
        使用形式:{{value | striptags}}
        意義:刪除value中的所有HTML標簽
     (37)time
        使用形式:{{value | time:"H:i"}}或者{{value | time}}
        意義:格式化時間輸出,如果time后面沒有格式化參數,那么輸出按照TIME_FORMAT中設置的進行。
     (38)title
        轉換一個字符串成為title格式。
     (39)truncatewords
        使用形式:{{value | truncatewords:2}}
        意義:將value切成truncatewords指定的單詞數目
        例如,如果value是Joel is a slug 那么輸出將是:Joel is ...
    (40)truncatewords_html
        使用形式同(39)
        意義:truncation點之前如果某個標簽打開了,但是沒有關閉,那么在truncation點會立即關閉。
              因為這個操作的效率比truncatewords低,所有只有在value是html格式時,才考慮使用。
     (41)upper
        轉換一個字符串為大寫形式
     (42)urlencode
        將一個字符串進行URLEncode
    (43)urlize
        意義:將一個字符串中的URL轉化成可點擊的形式。
        使用形式:{{ value | urlize }}
        例如,如果value是Check out www.djangoproject.com,那么輸出將是:
              Check out <a href="http://www.djangoproject.com">www.djangoproject.com</a>
    (44)urlizetrunc
        使用形式:{{ value | urlizetrunc:15}}
        意義:與(43)相同,但是有一點不同就是現實的鏈接字符會被truncate成特定的長度,后面以...現實。
     (45)wordcount
        返回字符串中單詞的數目
     (46)wordwrap
        使用形式:{{value | wordwrap:5}}
        意義:按照指定的長度包裝字符串
        例如,如果value是Joel is a slug,那么輸出將會是:
        Joel
        is a
        slug
    (47)timesince
        使用形式:{{value | timesince:arg}}
        意義:返回參數arg到value的天數和小時數
        例如,如果 blog_date 是一個日期實例表示 2006-06-01 午夜, 而 comment_date 是一個日期實例表示 2006-06-01 早上8點,
              那么 {{ comment_date|timesince:blog_date }} 將返回 "8 hours".
    (48)timeuntil
        使用形式:{{value | timeuntil}}
        意義:與(47)基本相同,一個不同點就是,返回的是value距離當前日期的天數和小時數

     ③標簽,語法格式:{% tags %}

# views函數
def index(request):
    temp_list=["星期一","星期二","星期三","星期四","星期五","星期六","星期日"]

    return render(request,"index.html",{"temp_list":temp_list})
<!--HTML模板-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <!--標簽的使用-->
    <!--對於for來說,不支持中斷循環,也不支持continue語句,內置一個forloop模板變量
        forloop.counter表示循環的次數
        forloop.first當第一次循環的時候,為True
    -->
    {% for temp in temp_list %}
        <!--對於if來說,不允許同一標簽里同時出現and和or,這樣容易產生歧義-->
        {% if temp == "星期一" or temp == "星期三" or temp == "星期五" or temp == "星期日"%}
            <h2>不上班</h2>
            {% elif temp == "星期二" or temp == "星期四"%}
            <h3>上班</h3>
            {% else %}
            <h1>吃大餐</h1>
        {% endif %}
  
  {% empty %}
<!--當temp_list為空,會走這里,和for循環並列-->
  <h1>放假時間太多了</h1>
  {% endfor %}
<!-- 其他標簽:
{% csrf_token %}:用於生成csrf_token標簽,用於防止跨站攻擊驗證,如果在views中用的是render_to_response方法 則不會生效,一般會和表單一起提交給后台
{% url "reg" %}:引用路由配置的地址,也就是路由中的name值,如: <form method="post" action="{% url "reg" %}"> ... </form> url(r"^register",views.register,name='reg')
{% with total=fhjsaldfhjsdfhlasdfhljsdal %} {{ total }} {% endwith %}:使用更簡單的變量名代替復雜的變量名
{% verbatim %} {% endverbatim %}:禁止render
{% load tz %}:加載標簽庫
-->

</body>

</html>

 

    ④自定義filter和simple_tag

      步驟:

        a:在app中創建tempaltetags模塊

        b:創建任意的.py文件,如:my_tags.py

        c:在使用自定義simple_tag和filter的html文件中導入之前創建的my_tags.py:{% load my_tags %}

        d:使用simple_tag和filter

        

#自定義標簽和過濾器
from django import template
register = template.Library()   # regsiter 的名字是固定的,不可改變

@register.filter()
def filter_multi(x,y):
    '''
    自定義過濾器
    :param x: 模板中過濾器左邊的參數
    :param y: 模板中過濾器右邊的參數
    :return:
    '''
    return x*y

def simple_tag_multi(x,y):
    '''
    自定義標簽
    :param x:
    :param y:
    :return:
    '''
    return x*y
# views函數
def index(request):
    age = 18
    return render(request,"index.html",{"age":age})
<!--引入自定義標簽-->
{% load my_tags %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--自定義filter限制參數個數,只能傳遞一個參數,比如只能傳2,可以用在控制語句中-->
    <h1>{{ age|filter_multi:2 }}</h1>
    <!--自定義tag不限制參數個數 但是不能用在控制語句中-->
    <h1>{% simple_tag_multi 3 5 %}</h1>
</body>
</html>

 

     ⑤模板繼承extends

      {% include %}:該標簽允許在當前模板中包含其他模板,標簽的參數是所要包含的模板名稱,可以是一個變量,也可以是用單/雙引號硬編碼的字符串

     

# views函數
def index(request):
    current_date = time.ctime()
    return render(request,"index.html",{"current_date":str(current_date)})
<!--基礎模板-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %} {% endblock %}</title>
</head>
<body>
    <h1>My helpful timestamp site</h1>
    <!--block告訴模板引擎,字模板可以重載這些部分-->
    {% block content %}
    <h3>今天</h3>
    {% endblock %}
    {% block footer %}
    <hr>
    <p>Thanks for visiting my site</p>
    {% endblock %}
</body>
</html>
<!--子模板-->
{% extends "base.html" %}

{% block title %}
    The current time
{% endblock %}

{% block content %}
    <!--如果我們想要父標簽的內容-->
    {{ block.super }}
    <h3>it is now {{ current_date }}</h3>
{% endblock %}

 

 

 

    

 

 

 

    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM