一 MTV与MVC
1.mtv:
django自称为mtv框架M:models.py(模型层)T:templates (模板层)V:views.py (视图层)
2.mvc
M:models.py(模型层)V:views.py (视图层)C:controller 控制器( urls.py)
本质:MTV就是MVC
二 AJAX(异步提交,局部刷新)
简介:
AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步的Javascript和XML”。即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML)。
- 同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求;
- 异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求。
优缺点(异步提交,局部刷新)
- AJAX使用JavaScript技术向服务器发送异步请求;
- AJAX请求无须刷新整个页面;
- 因为服务器响应内容不再是整个页面,而是页面中的部分内容,所以AJAX性能高;
- 两个关键点:1.局部刷新,2.异步请求
1.ajax的请求方式
a标签href属性 GET请求浏览器窗口输入url GET请求form表单 GET/POST(默认是get请求)ajax GET/POST
2.ajax基本语法(在前端html文件中编写)
#前端 ajax基本语法 :1. 基本四个参数: 提交的地址(url) 提交的方式(type) 提交的数据(data) 回调函数(success)2.以点击事件为例: $('#d1').click(function () { $.ajax({ // 提交的地址 url:'/index/', // 提交的方式 type:'post', // 提交的数据 data:{ 'name':'jason','password':'123'}, // 回调函数 success:function (data) { // data接收的就是异步提交返回的结果 alert(data) } }) }) # 后端常用语法:
request.is_ajax() # 判断是否是ajax请求,值为布尔类型
补充form编码格式
form表单 默认使用的编码格式是urlencoded 数据格式:name=jason&pwd=123 django后端针对urlencoded编码格式的数据会自动解析并放到request.POST中供用户获取 可以修改为formdata 传文件 django后端针对只要是符合urlencoded编码格式的数据(name=jason&pwd=123)都会自 动解析并放到request.POST中供用户获取 如果是文件 只要你指定的编码是formdata 就会自动解析并放到request.FILES中 总结:前后端传输数据的时候 一定要保证数据格式和你的编码格式是一致的 不能骗人家!!!
3.ajax的编码格式
1. 前后端传输数据,你不能骗人家,数据是什么格式就应该告诉别人是什么格式(前端:数据格式与编码要和后端:接收方式要一 一对应)2. ajax默认传输数据的编码格式和form表单一样也是urlencoded3. ajax:编码格式与 数据格式 以及接受方式(下面详解)#1.json格式字符串contentType:'application/json', # 后端:request.body#2.传输文件processData:false, // 告诉浏览器不要处理我的数据contentType:false, // 不要用任何的编码,就用我formdata自带的编码格式,django能够自动识别改formdata对象 #3.普通(不需要指定,使用默认的编码:urlencoded)
4.实际案例:
#1.传输普通数据
#1.前端:后端:def index(request): print(request.is_ajax()) # 用来判断当前请求方式是否是ajax请求 if request.is_ajax(): if request.method == 'POST': # print(request.POST) i1 = request.POST.get('i1') i2 = request.POST.get('i2') # 后端获取的前端数据 都是字符串格式 res = int(i1) + int(i2) return HttpResponse(res)
#2.传输json格式数据
前端: $('#b1').on('click',function () { alert(123) // 点击按钮 朝后端发送post请求 $.ajax({ url:'', // 控制发送给谁 不写就是朝当前地址提交 type:'post', // 发送方式是post请求 data:JSON.stringify({ 'username':'jason','password':123}), // 发送的数据 contentType:'application/json', // 告诉后端你这次的数据是json格式 success:function (data) { // data形参用来接收异步提交的结果 alert(data) } })后端:def index(request): # 验证前后端传输数据的编码格式 if request.method == 'POST': # # 后端 需要手动去request.body中获取json格式数据 自己处理 jason_str = request.body import json s = jason_str.decode('utf-8') ral_d = json.loads(s) print(ral_d,type(ral_d)) return HttpResponse('OK') return render(request,'index.html')
#3.传输文件
# 前端// ajax传输文件 $('#b1').on('click',function () { // ajax传输文件 建议使用内置对象formdata var formData = new FormData(); // 既可以传普通的键值对 也可以传文件 // 添加普通键值 formData.append('username','jason'); formData.append('password','123'); // 传文件 // 如何获取文件标签所存储的文件对象? 固定语法 // 1.先用jQery查找到存储文件的input标签 // 2.将jQuery对象转成原生js对象 // 3.利用原生js对象的方法 .files[0]获取到标签内部存储的文件对象 formData.append('my_file',$('#d1')[0].files[0]); $.ajax({ url:'', // 控制发送给谁 不写就是朝当前地址提交 type:'post', // 发送方式是post请求 data:formData, // 发送的数据 // ajax发送文件需要指定两个额外的参数 processData:false, // 告诉前端不要处理数据 contentType:false, // 不适用任何编码 因为formdata对象自身自带编码 django后端也能够识别formdata对象 success:function (data) { // data形参用来接收异步提交的结果 alert(data)后端:....
5.
1.form表单不支持异步提交局部刷新2.form表单不支持传输json格式数据3.form表单与ajax默认传输数据的编码格式都是urlencoded
三 批量插入数据
# 后端def booklist(request): 动态插入10000条数据 ls = [] for i in range(10000): ls.append(models.Book2(name='第%s本书'%i)) models.Book2.objects.bulk_create(ls) # 放可迭代对象 book_list = models.Book2.objects.all() return render(request,'booklist.html',locals())# 前端
id | name |
---|---|
{ { book.pk }} | { { book.name }} |
四 分页器实现
# app应用下,utils文件夹下的mypage.py文件class Pagination(object): def __init__(self, current_page, all_count, per_page_num=2, pager_count=11): """ 封装分页相关数据 :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(''' ''') return ''.join(page_html_list)
# 导入编写线面代码
# 后端def booklist(request): book_list = models.Book2.objects.all() # 数据总条数 all_count = book_list.count() # 当前页 current_page = request.GET.get('page',1) # 示例一个分页器对象 page_obj = my_page.Pagination(current_page=current_page,all_count=all_count) # 对总数据进行切片 page_queryset = book_list[page_obj.start:page_obj.end] return render(request,'booklist.html',locals())# 前端{ % for book in page_queryset %}{
{ book.title }} { % endfor %} { { page_obj.page_html|safe }}
后端def booklist(request): # 动态插入100条数据 # for i in range(100): # models.Book2.objects.create(name='第%s本书'%i) # l = [] # for i in range(10000): # l.append(models.Book2(name='第%s本书'%i)) # models.Book2.objects.bulk_create(l) # 查询所有的书籍展示到前端页面 # 数据的总条数 all_count = models.Book2.objects.all().count() # 要访问的当前页 current_page = request.GET.get('page', 1) # 用户不传默认展示第一页 current_page = int(current_page) # 每页展示多少条数据 per_page_num = 10 # 获取总页数 pager_nums,more = divmod(all_count,per_page_num) if more: pager_nums += 1 html = '' for i in range(1,pager_nums+1): html += '
id | name |
---|---|
{ { book.pk }} | { { book.name }} |
五 序列化组件(了解)
# 后端from django.core import serializers # django自带的一个小型的序列化工具def reg(request): user_list = models.User.objects.all() # 将所有的数据都组织成一个符合json的一个个的字典 # user_l = [] # for user_obj in user_list: # user_l.append( # json.dumps({'username':user_obj.username, # 'age':user_obj.age, # 'gender':user_obj.get_gender_display() # }) # ) res = serializers.serialize('json',user_list) # 数据个格式 ,要操作的数据 return render(request,'index.html',locals())# 前端{ {res}}