Django安裝及簡單使用 1.2

Django安裝及簡單使用 1.2

代碼都在github：
URL:https://github.com/njxshr/codes/tree/master/testdj

視圖和 URL 配置

  • 在先前創(chuàng)建的 HelloWorld 目錄下的 HelloWorld 目錄新建一個(gè) view.py 文件，并輸入代碼：
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# @Time    : 2018/3/26 下午4:37
# @Author  : lee
# @File    : view.py
# @Version : 1.0
# 說明: code后有'#'是測試時(shí)加的或者需要修改的code
# 用法：視圖文件

from django.http import HttpResponse

def hello(request):
    return HttpResponse("Hello World !")
  • 接著，綁定 URL 與視圖函數(shù)。打開 urls.py 文件，刪除原來代碼，將以下代碼復(fù)制粘貼到 urls.py 文件中：
from django.conf.urls import url
 
from . import view
 
urlpatterns = [
    url(r'^$', view.hello),
]
實(shí)現(xiàn)結(jié)果
  • 我們也可以修改urls.py的以下規(guī)則：
from django.conf.urls import url
 
from . import view
 
urlpatterns = [
    url(r'^hello$', view.hello),
]

url() 函數(shù)介紹

  • regex: 正則表達(dá)式，與之匹配的 URL 會(huì)執(zhí)行對(duì)應(yīng)的第二個(gè)參數(shù) view。

  • view: 用于執(zhí)行與正則表達(dá)式匹配的 URL 請(qǐng)求。

  • kwargs: 視圖使用的字典類型的參數(shù)。

  • name: 用來反向獲取 URL。

模板應(yīng)用實(shí)例

  • 在 HelloWorld 目錄底下創(chuàng)建 templates 目錄并建立 hello.html文件


    目錄結(jié)構(gòu)

    -hello.html

<h1>{{ hello }}</h1>

從模板中我們知道變量中使用了雙括號(hào)
修改settings.py 修改TEMPLATESDIRS 為 [BASE_DIR+"/templates",]，

  • HelloWorld/HelloWorld/settings.py 文件代碼
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [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',
            ],
        },
    },
]

修改view、.py 增加新對(duì)象，用于向模板提交數(shù)據(jù)

  • HelloWorld/HelloWorld/view.py 文件代碼：
# -*- coding: utf-8 -*-
 
#from django.http import HttpResponse
from django.shortcuts import render
 
def hello(request):
    context          = {}
    context['hello'] = 'Hello World!'
    return render(request, 'hello.html', context)

可以看到，我們這里使用 render 來替代之前使用的 HttpResponse。render 還使用了一個(gè)字典 context 作為參數(shù)。

context 字典中元素的鍵值 "hello" 對(duì)應(yīng)了模板中的變量 "{{ hello }}"。

再訪問訪問 http://127.0.0.1:8000/hello，可以看到頁面：

注意如果報(bào)錯(cuò)的話，顯示編碼問題就在settings.py頭部加入

# -*- coding: utf-8 -*-
展示頁面

總結(jié)

這樣我們就完成了使用模板來輸出數(shù)據(jù)，從而實(shí)現(xiàn)數(shù)據(jù)與視圖分離。
接下來我們將具體介紹模板中常用的語法規(guī)則。

django模板標(biāo)簽

  • if/else 標(biāo)簽
# 第一種
{% if condition %}
     ... display
{% endif %}
# 第二種
{% if condition1 %}
   ... display 1
{% elif condition2 %}
   ... display 2
{% else %}
   ... display 3
{% endif %}

根據(jù)條件判斷是否輸出。if/else 支持嵌套。
{% if %} 標(biāo)簽接受 and ， or 或者 not 關(guān)鍵字來對(duì)多個(gè)變量做判斷 ，或者對(duì)變量取反（ not )，例如：

{% if athlete_list and coach_list %}
     athletes 和 coaches 變量都是可用的。
{% endif %}
  • for 標(biāo)簽
    {% for %} 允許我們?cè)谝粋€(gè)序列上迭代。

與Python的 for 語句的情形類似，循環(huán)語法是 for X in Y ，Y是要迭代的序列而X是在每一個(gè)特定的循環(huán)中使用的變量名稱。

每一次循環(huán)中，模板系統(tǒng)會(huì)渲染在 {% for %} 和 {% endfor %} 之間的所有內(nèi)容。

例如，給定一個(gè)運(yùn)動(dòng)員列表 athlete_list 變量，我們可以使用下面的代碼來顯示這個(gè)列表：

<ul>
{% for athlete in athlete_list %}
    <li>{{ athlete.name }}</li>
{% endfor %}
</ul>
# 給標(biāo)簽增加一個(gè) reversed 使得該列表被反向迭代：
{% for athlete in athlete_list reversed %}
...
{% endfor %}
  • 可以嵌套使用 {% for %} 標(biāo)簽：
{% for athlete in athlete_list %}
    <h1>{{ athlete.name }}</h1>
    <ul>
    {% for sport in athlete.sports_played %}
        <li>{{ sport }}</li>
    {% endfor %}
    </ul>
{% endfor %}
  • ifequal/ifnotequal 標(biāo)簽
    {% ifequal %} 標(biāo)簽比較兩個(gè)值，當(dāng)他們相等時(shí)，顯示在 {% ifequal %} 和 {% endifequal %} 之中所有的值。
    下面的例子比較兩個(gè)模板變量 user 和 currentuser :
{% ifequal user currentuser %}
    <h1>Welcome!</h1>
{% endifequal %}
  • 和 {% if %} 類似， {% ifequal %} 支持可選的 {% else%} 標(biāo)簽：8
{% ifequal section 'sitenews' %}
    <h1>Site News</h1>
{% else %}
    <h1>No News Here</h1>
{% endifequal %}
  • 注釋標(biāo)簽
    Django注釋使用{# #}
    {# 這是一個(gè)注釋 #}
  • 過濾器
    模板過濾器可以在變量被顯示前修改它，過濾器使用管道字符，如下所示：
 {{ name|lower }}

{{ name }} 變量被過濾器 lower 處理后，文檔大寫轉(zhuǎn)換文本為小寫。
過濾管道可以被* 套接* ，既是說，一個(gè)過濾器管道的輸出又可以作為下一個(gè)管道的輸入：

{{ my_list|first|upper }}

以上實(shí)例將第一個(gè)元素并將其轉(zhuǎn)化為大寫。
有些過濾器有參數(shù)。 過濾器的參數(shù)跟隨冒號(hào)之后并且總是以雙引號(hào)包含。 例如：

{{ bio|truncatewords:"30" }}

這個(gè)將顯示變量 bio 的前30個(gè)詞。

其他過濾器：

  • addslashes : 添加反斜杠到任何反斜杠、單引號(hào)或者雙引號(hào)前面。
  • date : 按指定的格式字符串參數(shù)格式化 date 或者 datetime 對(duì)象，實(shí)例：
{{ pub_date|date:"F j, Y" }}
  • length : 返回變量的長度。
  • include 標(biāo)簽
    下面這個(gè)例子都包含了 nav.html 模板：
{% include "nav.html" %}

模板繼承

模板可以用繼承的方式來實(shí)現(xiàn)復(fù)用。

接下來我們先創(chuàng)建之前項(xiàng)目的 templates 目錄中添加 base.html 文件，代碼如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>lizhao(olddriver.club)</title>
</head>
<body>
    <h1>Hello World!</h1>
    <p>lizhao Django 測試。</p>
    {% block mainbody %}
       <p>original</p>
    {% endblock %}
</body>
</html>

  • 以上代碼中，名為 mainbody 的 block 標(biāo)簽是可以被繼承者們替換掉的部分。
    所有的 {% block %} 標(biāo)簽告訴模板引擎，子模板可以重載這些部分。

  • hello.html 中繼承 base.html，并替換特定 block，hello.html 修改后的代碼如下：

{% extends "base.html" %}
{% block mainbody %}<p>繼承了 base.html 文件</p>
{% endblock %}
  • 第一行代碼說明 hello.html 繼承了 base.html 文件?？梢钥吹?，這里相同名字的 block 標(biāo)簽用以替換 base.html 的相應(yīng) block。
    重新訪問地址 http://127.0.0.1:8000/hello，輸出結(jié)果如下：
    樣式
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • M：你跟了我多久！ G：（透不過氣） M：說話??！ G：五十七天。 （Too bad的故事，有心人總看不對(duì)眼）
    TIEDPAG閱讀 253評(píng)論 0贊 0
  • 今年換了一個(gè)城市，從巨野來到了青島。這大概是最大的改變。從剛畢業(yè)時(shí)期的小鎮(zhèn)生活，切換成城市工作節(jié)奏。這是一個(gè)很正確...
    雀島札記閱讀 346評(píng)論 0贊 1
  • 在四年級(jí)給孩子們測試。 平時(shí)干啥都是毛毛躁躁，把電子琴放好，往后退了一步去想去在電腦桌上拿教材，被...
    二苗_5c0f閱讀 344評(píng)論 0贊 0

友情鏈接更多精彩內(nèi)容