目錄
1.編寫返回資料的函式，以json的格式進行資料返回
2.編寫返回頁面的函式，將文章的列表頁進行返回
3.使用ajax動態請求返回資料的函式的路由，獲取資料
4.將資料使用vue進行繫結
5.進行資料渲染
6.啟動伺服器
視**件 urls.py
def list_student(request):
if request.method=='get':
page=request.get.get("page")
page_size=request.get.get("page_size")
once_page=5
if not page:
page=1
if not page_size:
page_size=once_page
page=int(page)
page_size=int(page_size)
s_n = page / once_page
if page % once_page == 0:
s_n = int(page / once_page)
r_n = once_page
else:
s_n = int(page / once_page) + 1
r_n = page % once_page
total=student.objects.all()#查詢所有的資料
select_start = (s_n - 1) * once_page*page_size
select_end = s_n * once_page*page_size
select_range = total[select_start:select_end]
return_start = (r_n - 1) * page_size
return_end = r_n * page_size
return_range = select_range[return_start:return_end]
if page <= 3:
page_range = [1, 2, 3, 4, 5]
else:
page_range = range(page - 2, page + 3)
return_list=
for data in return_range:
if data.picture:
pic=data.picture.url
else:
pic="none"
"name":data.name,
"gender":data.gender,
"age":data.age,
"classes":data.classes,
"grade":data.grade,
"picture":pic,
})result=
return jsonresponse(result)
def studentlist(request):
return render(request,'student_v1.html',locals())
姓名
性別年齡
班級專業
基於vue的element table分頁選中
採用前端分頁，通過複製引用，保證選中狀態不丟失 每次多選都需要清空當前頁選擇項，push完將其放入集合 為列表中的所有屬性新增索引 分頁後重新分配選中 data multipleselectionindex handleselect select,row else self.multiplesele...
ajax實現分頁和分頁查詢
之前有寫過ajax的載入頁面，是非常簡單的，而且不需要重新重新整理頁面，寫起來也是非常的方便，今天寫的分頁是不用封裝page.class.php的，是單純的js和ajax寫出來的 首先為了頁面的整齊與美觀，我用到了bootstrap，需要引進所需要的檔案包 css bootstrap.min.css...
yii2的分頁和ajax分頁
要想使用yii分頁類 第一步 在控制器層載入分頁類 use yii data pagination 第二步 使用model層查詢資料,並用分分頁,限制每頁的顯示條數 data user find user為model層,在控制器剛開始use了field這個model,這兒可以直接寫field,開頭大...