ajax補充說明
主要是針對回呼函式args接收到的回應資料
-
request.is_ajax()判斷是不是ajax請求

-
后端回傳的三板斧都會被
args接收不再影響整個瀏覽器頁面


-
選擇使用
ajax做前后端互動的時候 后端一般回傳的都是字典資料
user_dict = {'code': 10000, 'username': '小陽人', 'hobby': '哎呦喂~'}
ajax自動反序列化后端的json格式的bytes型別資料

多對多三種創建方式
方式1:全自動創建
class Book(models.Model):
title = models.CharField(max_length=32)
authors = models.ManyToManyField(to='Author')
class Author(models.Model):
name = models.CharField(max_length=32)
優勢:自動創建第三張表 并且提供了add、remove、set、clear四種操作
劣勢:第三張表無法創建更多的欄位 擴展性較差
方式2:純手動創建(不推薦)
class Book(models.Model):
title = models.CharField(max_length=32)
class Author(models.Model):
name = models.CharField(max_length=32)
class Book2Author(models.Model):
book = models.ForeignKey(to='Book')
author = models.ForeignKey(to='Author')
others = models.CharField(max_length=32)
join_time = models.DateField(auto_now_add=True)
優勢:第三張表完全由自己創建 擴展性強
劣勢:撰寫繁瑣 并且不再支持add、remove、set、clear以及正反向概念
方式3:半自動創建(推薦使用)
class Book(models.Model):
title = models.CharField(max_length=32)
authors = models.ManyToManyField(to='Author',
through='Book2Author', through_fields=('book','author')
)
class Author(models.Model):
name = models.CharField(max_length=32)
class Book2Author(models.Model):
book = models.ForeignKey(to='Book', on_delete=models.CASCADE)
author = models.ForeignKey(to='Author', on_delete=models.CASCADE)
others = models.CharField(max_length=32)
join_time = models.DateField(auto_now_add=True)
優勢:第三張表完全由自己創建 擴展性強 正反向概念依然清晰可用
劣勢:撰寫繁瑣不再支持add、remove、set、clear
django內置序列化組件(drf前身)
這里的內置序列化組件,其實就是實作將后端資料,存放到字典中或是存放到串列中有序輸出
這里是我們用JsonResponse模塊自己實作的代碼
'''前后端分離的專案 視圖函式只需要回傳json格式的資料即可'''
from app01 import models
from django.http import JsonResponse
def ab_ser_func(request):
# 1.查詢所有的書籍物件
book_queryset = models.Book.objects.all() # queryset [物件、物件]
# 2.封裝成大字典回傳
data_dict = {}
for book_obj in book_queryset:
temp_dict = {}
temp_dict['pk'] = book_obj.pk
temp_dict['title'] = book_obj.title
temp_dict['price'] = book_obj.price
temp_dict['info'] = book_obj.info
data_dict[book_obj.pk] = temp_dict # {1:{},2:{},3:{},4:{}}
return JsonResponse(data_dict)
序列化組件(django自帶的,后續會學更厲害的drf)
# 匯入內置序列化模塊
from django.core import serializers
# 呼叫該模塊下的方法,第一個引數是你想以什么樣的方式序列化你的資料
res = serializers.serialize('json', book_queryset)
return HttpResponse(res)
使用序列化模塊,不僅節省代碼,同時他封裝的更精致

批量操作資料
當我們需要大批量創建資料的時候 如果一條一條的去創建或許需要猴年馬月 我們可以先試一試for回圈試試
html
<div >
{% for book_obj in book_query %}
<p >{{ book_obj.name }}</p>
{% endfor %}
</div>
views
def home(request):
for i in range(1000):
models.Books.objects.create(name=f'第{i}本書')
'''
瀏覽器訪問一個django路由 立刻創建10萬條資料并展示到前端頁面
涉及到大批量資料的創建 直接使用create可能會造成資料庫崩潰
所以Django就有一個專門來創建的引數就是 Dulk.create 效率極高 還有 Dulk.update
'''
book_list = []
for i in range(10000):
book_obj = models.Books(name=f'第{i}本書')
book_list.append(book_obj)
''' 上述代碼可以簡化為一行'''
[models.Books(name=f'第{i}本書') for i in range(10000)]
models.Books.objects.bulk_create(book_list) # 批量創建資料
models.Books.objects.bulk_update(book_list) # 批量修改資料
book_query = models.Books.objects.all()
return render(request, 'booklist.html', locals())
'''這個時候快速的批量創建一下就好了 使用普通的create創建還需要等待'''

Django批量資料展示
到此目前我們的資料都在一頁 滑鼠滑動都要很久 我們正常應該是給這個資料分頁 一個多少條資料 所以我們進行分頁
book_query = models.Books.objects.all()[0:10]
''' all回傳的是QuerySet 可以看成串列套物件 也就是說支持索引取值 現在的問題總不可能讓客戶用原始碼修改頁數吧?'''
current_page = request.GET.get('page', 1) # 獲取用戶指定的page 如果沒有則默認展示第一頁
try:
current_page = int(current_page) # 因為回傳給前端的是字串要轉換成整形
except ValueError:
current_page = 1
per_page_num = 10 # 自定義每一頁展示的資料條數
start_num = (current_page - 1) * per_page_num # 定義出切片的起始位置
end_num = current_page * per_page_num # 定義出切片的終止位置
book_query = models.Books.objects.all()[start_num:end_num]
# http://127.0.0.1:8000/booklist/?page=4
'''現在可以通過地址欄輸入對應的頁碼就可以進入對于的頁面 但是總不能讓用戶一直輸入頁數吧 體驗極差 正常網站都有頁碼點擊跳轉'''
{% for book_obj in book_query %}
<p >{{ book_obj.name }}</p>
{% endfor %}
<nav aria-label="Page navigation" >
<ul >
<li>
<a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li ><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=1">1</a></li>
<li><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=2">2</a></li>
<li><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=3">3</a></li>
<li><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=4">4</a></li>
<li><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=5">5</a></li>
<li>
<a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
'''現在有點像模像樣了 但是還是有一個問題就是當前只能獲取這五頁后面的跳轉不過去 我們也不知道總共有多少頁'''

所以我們要計算出來總共有多少頁 但是也不能把前端頁碼行數寫死了 需要通過回圈來實作
def home(request):
book_data = https://www.cnblogs.com/oiqwyig/archive/2022/12/20/models.Books.objects.all() # 獲取所有的資料
all_count = book_data.count() # 通過計數獲取有多少條資料
per_page_num = 10 # 自定義每一頁展示的資料條數 這個時候就可以動態計算了
all_page_num, more = divmod(all_count, per_page_num) # divmod計算需要多少頁來展示
if more:
all_page_num += 1 # 這樣就獲取到了所有頁碼的數量
current_page = request.GET.get('page', 1) # 獲取用戶指定的page 如果沒有則默認展示第一頁
try:
current_page = int(current_page) # 因為回傳給前端的是字串要轉換成整形
except ValueError:
current_page = 1
html_page = ''
xxx = current_page
if current_page < 6: # 一用戶訪問的頁碼小于6就等6
xxx = 6
for i in range(xxx-5, xxx+6):
if current_page == i:
html_page += '<li ><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=%s">%s</a></li>' % (i, i)
else:
html_page += '<li><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=%s">%s</a></li>' % (i, i)
start_num = (current_page - 1) * per_page_num # 定義出切片的起始位置
end_num = current_page * per_page_num # 定義出切片的終止位置
book_query = models.Books.objects.all()[start_num:end_num]
''' all回傳的是QuerySet 可以看成串列套物件 也就是說支持索引取值
現在的問題總不可能讓客戶用原始碼修改頁數吧?
'''
return render(request, 'booklist.html', locals())
這個時候我們的分頁器就差不多完美了下面是整體思路決議!!!
'''
當資料量比較大的時候 頁面展示應該考慮分頁
1.QuerySet切片操作
2.分頁樣式添加
3.頁碼展示
如何根據總資料和每頁展示的資料得出總頁碼
divmod()
4.如何渲染出所有的頁碼標簽
前端模板語法不支持range 但是后端支持 我們可以在后端創建好html標簽然后傳遞給html頁面使用
5.如何限制住展示的頁面標簽個數
頁碼推薦使用奇數位(對稱美) 利用當前頁前后固定位數來限制
6.首尾頁碼展示范圍問題
上述是分頁器組件的推導流程 我們無需真正撰寫
django自帶一個分頁器組件 但是不太好用 我們自己也寫了一個
'''

分頁器思路
分頁器主要聽處理邏輯 代碼最后很簡單
推導流程
1.queryset支持切片操作(正數)
2.研究各個引數之間的數學關系
每頁固定展示多少條資料、起始位置、終止位置
3.自定義頁碼引數
current_page = request.GET.get('page')
4.前端展示分頁器樣式
5.總頁碼數問題
divmod方法
6.前端頁面頁碼個數渲染問題
后端產生 前端渲染
自定義分頁器的使用
創建一個獨立py檔案
class Pagination(object):
def __init__(self, current_page, all_count, per_page_num=10, pager_count=11):
"""
封裝分頁相關資料
:param current_page: 當前頁
:param all_count: 資料庫中的資料總條數
:param per_page_num: 每頁顯示的資料條數
:param pager_count: 最多顯示的頁碼個數
"""
try:
current_page = int(current_page)
except Exception as e:
current_page = 1
if current_page < 1:
current_page = 1
self.current_page = current_page
self.all_count = all_count
self.per_page_num = per_page_num
# 總頁碼
all_pager, tmp = divmod(all_count, per_page_num)
if tmp:
all_pager += 1
self.all_pager = all_pager
self.pager_count = pager_count
self.pager_count_half = int((pager_count - 1) / 2)
@property
def start(self):
return (self.current_page - 1) * self.per_page_num
@property
def end(self):
return self.current_page * self.per_page_num
def page_html(self):
# 如果總頁碼 < 11個:
if self.all_pager <= self.pager_count:
pager_start = 1
pager_end = self.all_pager + 1
# 總頁碼 > 11
else:
# 當前頁如果<=頁面上最多顯示11/2個頁碼
if self.current_page <= self.pager_count_half:
pager_start = 1
pager_end = self.pager_count + 1
# 當前頁大于5
else:
# 頁碼翻到最后
if (self.current_page + self.pager_count_half) > self.all_pager:
pager_end = self.all_pager + 1
pager_start = self.all_pager - self.pager_count + 1
else:
pager_start = self.current_page - self.pager_count_half
pager_end = self.current_page + self.pager_count_half + 1
page_html_list = []
# 添加前面的nav和ul標簽
page_html_list.append('''
<nav aria-label='Page navigation>'
<ul class='pagination'>
''')
first_page = '<li ><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=%s">首頁</a></li>' % (1)
page_html_list.append(first_page)
if self.current_page <= 1:
prev_page = '<li ><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/#">上一頁</a></li>'
else:
prev_page = '<li><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=%s">上一頁</a></li>' % (self.current_page - 1,)
page_html_list.append(prev_page)
for i in range(pager_start, pager_end):
if i == self.current_page:
temp = '<li ><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=%s">%s</a></li>' % (i, i,)
else:
temp = '<li><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=%s">%s</a></li>' % (i, i,)
page_html_list.append(temp)
if self.current_page >= self.all_pager:
next_page = '<li ><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/#">下一頁</a></li>'
else:
next_page = '<li><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=%s">下一頁</a></li>' % (self.current_page + 1,)
page_html_list.append(next_page)
last_page = '<li><a href="https://www.cnblogs.com/oiqwyig/archive/2022/12/20/?page=%s">尾頁</a></li>' % (self.all_pager,)
page_html_list.append(last_page)
# 尾部添加標簽
page_html_list.append('''
</nav>
</ul>
''')
return ''.join(page_html_list)
html
{% for book_obj in page_query %}
<p >{{ book_obj.name }}</p>
{% endfor %}
{{ page_obj.page_html|safe }}
views
def home(request):
from app01.plugins import mypage
book_query = models.Books.objects.all()
page_obj = mypage.Pagination(current_page=request.GET.get('page'),
all_count=book_query.count()
)
page_query = book_query[page_obj.start:page_obj.end]
return render(request, 'booklist.html', locals())

form組件
簡介
DjangoForm組件有兩大功能,用于對頁面進行初始化,生成HTML標簽,此外還可以對用戶提交對資料進行校驗(顯示錯誤資訊)
小需求:獲取用戶資料并發送給后端校驗 后端回傳不符合校驗規則的提示資訊
form組件
1.自動校驗資料
2.自動生成標簽
3.自動展示資訊
from django import forms
class MyForm(forms.Form):
username = forms.CharField(min_length=3, max_length=8) # username欄位最少三個字符最大八個字符
age = forms.IntegerField(min_value=https://www.cnblogs.com/oiqwyig/archive/2022/12/20/0, max_value=200) # 年齡最小0 最大200
email = forms.EmailField() # 必須符合郵箱格式
校驗資料的功能(初識)
form_obj = views.MyForm({'username':'jason','age':18,'email':'123'})
form_obj.is_valid() # 1.判斷資料是否全部符合要求
False # 只要有一個不符合結果都是False
form_obj.cleaned_data # 2.獲取符合校驗條件的資料
{'username': 'jason', 'age': 18}
form_obj.errors # 3.獲取不符合校驗規則的資料及原因
{'email': ['Enter a valid email address.']}
1.只校驗類中定義好的欄位對應的資料 多傳的根本不做任何操作
2.默認情況下類中定義好的欄位都是必填的

轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/540359.html
標籤:其他
下一篇:訂單自動確認或取消設計方案
