ContentType數據編碼格式（前后端數據傳輸）
Urlencoded格式(form表單測試)
對應的數據格式是：name=Jason&password=555
后端獲取數據:request.POST
前端使用form表單傳輸文件
后端顯示格式還是key=value對應形式，只顯示傳輸的文件名
form-data(enctype="multipart/form-data")
Form表單傳輸文件編碼格式
后端獲取文件格式數據:request.FILES
后端獲取普通鍵值對數據：request.POST
Ajax
前端有哪些方式可以朝后端發送請求
瀏覽器窗口手動輸入網址 get請求
A標簽href屬性 get請求
Form表單 get、post請求（默認get請求）
Ajax特點：
異步提交
局部刷新
Ajax基本語法（默認傳輸數據的編碼格式也是urlencoded）
提交的地址（url）
提交的方式（type）
提交的數據（data）
回調函數（success）
數據格式：
實驗：在web界面三個輸入框中在前兩個框中輸入數字，點擊按鈕在第三個框中顯示計算結果
效果：
在index中添加三個輸入框
在后端views中設置，獲取幾個id的值
Ajax實現后端發送jason格式數據
前端設置、發送指定的數據內容；默認發送的數據是Urlencoded格式的數據，后端是字典形式，想要實現發送jason格式就要前后端一致：
打印出來的數據是jason格式
Ajax傳輸文件
Form表單與ajax異同點：
1、Form表單不支持異步提交局部刷新
2、Form表單不支持傳輸jason格式數據
3、Form表單與ajax默認傳輸數據的編碼格式都是urlencoded
通過rom批量插入數據到數據庫中去
新建一張表：
更新models
創建表成功：
訪問前端頁面觸發新增數據，展示數據操作：
設置urls訪問路徑：
設置視圖：訪問頁面觸發批量新增數據
設置templates中list頁面
一次展示全部數據不方便用戶訪問，制作一個翻頁器，規定每頁顯示數據數量
前端設置：
類test設置居中
編輯視圖
my_page包:
class Pagination(object):
def __init__(self, current_page, all_count, per_page_num=10, pager_count=5):
"""
封裝分頁相關數據
:param current_page: 當前頁
:param all_count: 數據庫中的數據總條數
:param per_page_num: 每頁顯示的數據條數
:param pager_count: 最多顯示的頁碼個數
用法:
queryset = model.objects.all()
page_obj = Pagination(current_page,all_count)
page_data = queryset[page_obj.start:page_obj.end]
獲取數據用page_data而不再使用原始的queryset
獲取前端分頁樣式用page_obj.page_html
"""
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="?page=%s">首頁</a></li>' % (1)
page_html_list.append(first_page)
if self.current_page <= 1:
prev_page = '<li class="disabled"><a href="#">上一頁</a></li>'
else:
prev_page = '<li><a href="?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 class="active"><a href="?page=%s">%s</a></li>' % (i, i,)
else:
temp = '<li><a href="?page=%s">%s</a></li>' % (i, i,)
page_html_list.append(temp)
if self.current_page >= self.all_pager:
next_page = '<li class="disabled"><a href="#">下一頁</a></li>'
else:
next_page = '<li><a href="?page=%s">下一頁</a></li>' % (self.current_page + 1,)
page_html_list.append(next_page)
last_page = '<li><a href="?page=%s">尾頁</a></li>' % (self.all_pager,)
page_html_list.append(last_page)
# 尾部添加標簽
page_html_list.append('''
</nav>
</ul>
''')
return ''.join(page_html_list)