django-高級

時間  2019-11-16
標籤 django 高級 欄目 Python 简体版
原文   原文鏈接

5.高級

靜態文件處理javascript

中間件html

上傳圖片java

Admin站點python

分頁jquery

使用jquery完成ajaxajax

5.1.靜態文件處理

管理靜態文件

項目中的CSS、圖片、js都是靜態文件sql

配置靜態文件django

在settings 文件中定義靜態內容瀏覽器

STATIC_URL = '/static/'

STATICFILES_DIRS = [

os.path.join(BASE_DIR, 'static'),

]

在項目根目錄下建立static目錄，再建立當前應用名稱的目錄服務器

mysite/static/myapp/

在模板中可使用硬編碼

/static/my_app/myexample.jpg

在模板中可使用static編碼

{ % load static from staticfiles %}

<img src="{ % static "my_app/myexample.jpg" %}" alt="My image"/>

 

5.2. 中間件

是一個輕量級、底層的插件系統，能夠介入Django的請求和響應處理過程，修改Django的輸入或輸出

激活：添加到Django配置文件中的MIDDLEWARE_CLASSES元組中

每一箇中間件組件是一個獨立的Python類，能夠定義下面方法中的一個或多個

_init _：無需任何參數，服務器響應第一個請求的時候調用一次，用於肯定是否啓用當前中間件

process_request(request)：執行視圖以前被調用，在每一個請求上調用，返回None或HttpResponse對象

process_view(request, view_func, view_args, view_kwargs)：調用視圖以前被調用，在每一個請求上調用，返回None或HttpResponse對象

process_template_response(request, response)：在視圖恰好執行完畢以後被調用，在每一個請求上調用，返回實現了render方法的響應對象

process_response(request, response)：全部響應返回瀏覽器以前被調用，在每一個請求上調用，返回HttpResponse對象

process_exception(request,response,exception)：當視圖拋出異常時調用，在每一個請求上調用，返回一個HttpResponse對象

使用中間件，能夠干擾整個處理過程，每次請求中都會執行中間件的這個方法

示例：自定義異常處理

與settings.py同級目錄下建立myexception.py文件，定義類MyException，實現process_exception方法

# encoding=utf-8

from django.http import HttpResponse

from django.utils.deprecation import MiddlewareMixin


class MyException(MiddlewareMixin):

    def process_exception(self, request, exception):

        return HttpResponse(exception.message)

將類MyException註冊到settings.py中間件中

MIDDLEWARE = [

'test1.myexception.MyException',

]

定義視圖，併發生一個異常信息，則會運行自定義的異常處理

 

5.3. 上傳圖片

當Django在處理文件上傳的時候，文件數據被保存在request.FILES

FILES中的每一個鍵爲<input type="file" name="" />中的name

注意：FILES只有在請求的方法爲POST 且提交的<form>帶有enctype="multipart/form-data" 的狀況下才會包含數據。不然，FILES 將爲一個空的相似於字典的對象

使用模型處理上傳文件：將屬性定義成models.ImageField類型

pic=models.ImageField(upload_to='cars/')

注意：若是屬性類型爲ImageField須要安裝包Pilow

pip install Pillow==3.4.1

圖片存儲路徑

在項目根目錄下建立media文件夾

圖片上傳後，會被保存到「/static/media/cars/圖片文件」

打開settings.py文件，增長media_root項

MEDIA_ROOT=os.path.join(BASE_DIR,"static/media")

使用django後臺管理，遇到ImageField類型的屬性會出現一個file框，完成文件上傳

手動上傳的模板代碼

<html>

<head>

<title>文件上傳</title>

</head>

<body>

<form method="post" action="upload/" enctype="multipart/form-data">

<input type="text" name="title"><br>

<input type="file" name="pic"/><br>

<input type="submit" value="上傳">

</form>

</body>

</html>
View Code

手動上傳的視圖代碼

from django.conf import settings

 

def upload(request):

if request.method == "POST":

f1 = request.FILES['pic']

fname = '%s/cars/%s' % (settings.MEDIA_ROOT,f1.name)

with open(fname, 'w') as pic:

for c in f1.chunks():

pic.write(c)

return HttpResponse("ok")

else:

return HttpResponse("error")
View Code 
 

5.4. Admin站點

經過使用startproject建立的項目模版中，默認Admin被啓用

1.建立管理員的用戶名和密碼

python manage.py createsuperuser
而後按提示填寫用戶名、郵箱、密碼

2.在應用內admin.py文件完成註冊，就能夠在後臺管理中維護模型的數據

from django.contrib import admin
from models import *
admin.site.register(HeroInfo)

查找admin文件：在INSTALLED_APPS項中加入django.contrib.admin，Django就會自動搜索每一個應用的admin模塊並將其導入

ModelAdmin對象

ModelAdmin類是模型在Admin界面中的表示形式

定義：定義一個類，繼承於admin.ModelAdmin，註冊模型時使用這個類

class HeroAdmin(admin.ModelAdmin):
...

一般定義在應用的admin.py文件裏

使用方式一：註冊參數

admin.site.register(HeroInfo,HeroAdmin)

使用方式二：註冊裝飾器

@admin.register(HeroInfo)
class HeroAdmin(admin.ModelAdmin):

經過重寫admin.ModelAdmin的屬性規定顯示效果，屬性主要分爲列表頁、增長修改頁兩部分

列表頁選項

「操做選項」的位置
actions_on_top、actions_on_bottom：默認顯示在頁面的頂部

class HeroAdmin(admin.ModelAdmin):
actions_on_top = True
actions_on_bottom = True
list_display

出現列表中顯示的字段

列表類型

在列表中，能夠是字段名稱，也能夠是方法名稱，可是方法名稱默認不能排序

在方法中可使用format_html()輸出html內容

# 在models.py文件中
from django.db import models
from tinymce.models import HTMLField
from django.utils.html import format_html
 
class HeroInfo(models.Model):
hname = models.CharField(max_length=10)
hcontent = HTMLField()
isDelete = models.BooleanField()
def hContent(self):
return format_html(self.hcontent)
 
# 在admin.py文件中
class HeroAdmin(admin.ModelAdmin):
list_display = ['hname', 'hContent']

讓方法排序，爲方法指定admin_order_field屬性

# 在models.py中HeroInfo類的代碼改成以下：
def hContent(self):
return format_html(self.hcontent)
hContent.admin_order_field = 'hname'

標題欄名稱：將字段封裝成方法，爲方法設置short_description屬性

# 在models.py中爲HeroInfo類增長方法hName：
def hName(self):
return self.hname
hName.short_description = '姓名'
hContent.short_description = '內容'
 
# 在admin.py頁中註冊
class HeroAdmin(admin.ModelAdmin):
list_display = ['hName', 'hContent']
list_filter

右側欄過濾器，對哪些屬性的值進行過濾

列表類型

只能接收字段

class HeroAdmin(admin.ModelAdmin):
...
list_filter = ['hname', 'hcontent']
list_per_page

每頁中顯示多少項，默認設置爲100

class HeroAdmin(admin.ModelAdmin):
...
list_per_page = 10
search_fields

搜索框

列表類型，表示在這些字段上進行搜索

只能接收字段

class HeroAdmin(admin.ModelAdmin):
...
search_fields = ['hname']

增長與修改頁選項

fields：顯示字段的順序，若是使用元組表示顯示到一行上

class HeroAdmin(admin.ModelAdmin):
...
fields = [('hname', 'hcontent')]

fieldsets：分組顯示

class HeroAdmin(admin.ModelAdmin):
...
fieldsets = (
('base', {'fields': ('hname')}),
('other', {'fields': ('hcontent')})
)

fields與fieldsets二者選一

InlineModelAdmin對象

類型InlineModelAdmin：表示在模型的添加或修改頁面嵌入關聯模型的添加或修改

子類TabularInline：以表格的形式嵌入

子類StackedInline：以塊的形式嵌入

class HeroInline(admin.TabularInline):
model = HeroInfo
 
class BookAdmin(admin.ModelAdmin):
inlines = [
HeroInline,
]

重寫admin模板

在項目所在目錄中建立templates目錄，再建立一個admin目錄

設置模板查找目錄：修改settings.py的TEMPLATES項，加載模板時會在DIRS列表指定的目錄中搜索

'DIRS': [os.path.join(BASE_DIR, 'templates')],

從Django安裝的目錄下（django/contrib/admin/templates）將模板頁面的源文件admin/base_site.html拷貝到第一步建好的目錄裏

編輯base_site.html文件

刷新頁面，發現以剛纔編輯的頁面效果顯示

其它管理後臺的模板能夠按照相同的方式進行修改

5.5. 分頁

Django提供了一些類實現管理數據分頁，這些類位於django/core/paginator.py中

Paginator對象

Paginator(列表,int)：返回分頁對象，參數爲列表數據，每面數據的條數

屬性

count：對象總數

num_pages：頁面總數

page_range：頁碼列表，從1開始，例如[1, 2, 3, 4]

方法

page(num)：下標以1開始，若是提供的頁碼不存在，拋出InvalidPage異常

異常exception

InvalidPage：當向page()傳入一個無效的頁碼時拋出

PageNotAnInteger：當向page()傳入一個不是整數的值時拋出

EmptyPage：當向page()提供一個有效值，可是那個頁面上沒有任何對象時拋出

Page對象

建立對象

Paginator對象的page()方法返回Page對象，不須要手動構造

屬性

object_list：當前頁上全部對象的列表

number：當前頁的序號，從1開始

paginator：當前page對象相關的Paginator對象

方法

has_next()：若是有下一頁返回True

has_previous()：若是有上一頁返回True

has_other_pages()：若是有上一頁或下一頁返回True

next_page_number()：返回下一頁的頁碼，若是下一頁不存在，拋出InvalidPage異常

previous_page_number()：返回上一頁的頁碼，若是上一頁不存在，拋出InvalidPage異常

len()：返回當前頁面對象的個數

迭代頁面對象：訪問當前頁面中的每一個對象

示例

建立視圖pagTest

from django.shortcuts import render

from django.core.paginator import Paginator
from models import AreaInfo

 

 

def pagTest(request, pIndex):
    list1 = AreaInfo.objects.filter(aParea__isnull=True)
    p = Paginator(list1, 10)
    if pIndex == '':
        pIndex = '1'
    pIndex = int(pIndex)
    list2 = p.page(pIndex)
    plist = p.page_range
    context = {'list': list2, 'plist': plist, 'pIndex': pIndex}
    return render(request, 'booktest/pagTest.html', context=context)
views.py

配置url

url(r'^pag(?P<pIndex>[0-9]*)/$', views.pagTest, name='pagTest'),

定義模板pagTest.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
    {% for area in list %}
    <li>{{area.pk}}-----{{area.atitle}}</li>
    {% endfor %}
</ul>
{% for pindex in plist %}
{% if pindex == pIndex %}
{{pindex}}&nbsp;&nbsp;
{% else %}
<a href="/pag{{pindex}}/">{{pindex}}</a>&nbsp;&nbsp;
{% endif %}
{% endfor %}
</body>
</html>

5.6. ajax

使用Ajax

使用視圖經過上下文向模板中傳遞數據，須要先加載完成模板的靜態頁面，再執行模型代碼，生成最張的html，返回給瀏覽器，這個過程將頁面與數據集成到了一塊兒，擴展性差

改進方案：經過ajax的方式獲取數據，經過dom操做將數據呈現到界面上

推薦使用框架的ajax相關方法，不要使用XMLHttpRequest對象，由於操做麻煩且不容易查錯

jquery框架中提供了$.ajax、$.get、$.post方法，用於進行異步交互

因爲csrf的約束，推薦使用$.get

示例：實現省市區的選擇

最終實現效果如圖：

 

 

引入js文件

js文件屬於靜態文件，建立目錄結構如圖：

 

 

修改settings.py關於靜態文件的設置

STATIC_URL = '/static/'

STATICFILES_DIRS = [

    os.path.join(BASE_DIR, 'static')

]

在models.py中定義模型

class AreaInfo(models.Model):

    aid = models.IntegerField(primary_key=True)

    atitle = models.CharField(max_length=20)

    aParea = models.ForeignKey('self', blank=True, null=True)

生成遷移

python manage.py makemigrations
python manage.py migrate

經過workbench向表中填充示例數據

參見「省市區.sql」

在views.py中編寫視圖

index用於展現頁面

getArea1用於返回省級數據

getArea2用於根據省、市編號返回市、區信息，格式都爲字典對象

from django.shortcuts import render
from models import AreaInfo

from django.http import JsonResponse





def index(request):

    return render(request, 'booktest/index1.html')





def getArea1(rquest):

    list = AreaInfo.objects.filter(aParea__isnull=True)

    list2 = []

    for a in list:

        list2.append([a.aid, a.atitle])

    return JsonResponse({'data': list2})





def getArea2(request, pid):

    list = AreaInfo.objects.filter(aParea_id=pid)

    list2 = []

    for a in list:

        list2.append({'id': a.aid, 'title': a.atitle})

    return JsonResponse({'data': list2})
views.py

在urls.py中配置urlconf

from django.conf.urls import url

from . import views



urlpatterns = [

    url(r'^$', views.index, name='index'),

    url(r'^area1/$', views.getArea1, name='getArea1'),

    url(r'^(?P<pid>\d+)/$', views.getArea2, name='getArea2'),

]
urls.py

主urls.py中包含此應用的url

from django.conf.urls import include, url

from django.contrib import admin



urlpatterns = [

    url(r'^admin/', include(admin.site.urls)),

    url(r'^', include('booktest.urls', namespace='booktest'))

]
urls.py

定義模板index.html

在項目中的目錄結構如圖：

修改settings.py的TEMPLATES項，設置DIRS值

'DIRS': [os.path.join(BASE_DIR, 'templates')],

定義模板文件：包含三個select標籤，分別存放省市區的信息

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>省市區列表</title>

</head>

<body>
<select id="pro">

    <option value="">請選擇省</option>

</select>

<select id="city">

    <option value="">請選擇市</option>

</select>

<select id="dis">

    <option value="">請選擇區縣</option>

</select>
</body>

</html>

在模板中引入jquery文件

<script type="text/javascript" src="static\booktest\js\jquery-3.3.1.min.js"></script>編寫js代碼

綁定change事件

發出異步請求

使用dom添加元素

<script type="text/javascript">

    $(function () {

        $.get('area1/', function (dic) {

            pro=$('#pro')

            $.each(dic.data, function (index, item) {

                pro.append('<option value='+item[0]+'>'+item[1]+'</option>')

            })
        })

        $('#pro').change(function () {

            $.get($(this).val()+'/', function (dic) {

                city=$('#city')

                city.empty().append('<option value="">請選擇市</option>')

                $.each(dic.data, function (index, item) {

                    city.append('<option value='+item.id+'>'+item.title+'</option>')

                })
            })
        })

        $('#city').change(function () {

            $.get($(this).val()+'/', function (dic) {

                dis=$('#dis')

                dis.empty().append('<option value="">請選擇區縣</option>')

                $.each(dic.data, function (index, item) {

                    dis.append('<option value='+item.id+'>'+item.title+'</option>')

                })
            })
        })
    })

</script>

 

5.7. 總結

總結

靜態文件處理

中間件

上傳圖片

Admin站點

分頁

使用jquery完成ajax

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程