ajax
发布时间:2020-12-16 02:50:46 所属栏目:百科 来源:网络整理
导读:MTV与MVC(了解) MTV模型(django): ? M:模型层(models.py) ? T:templates ? V:views MVC模型: ? M:模型层(models.py) ? V:视图层(views.py) ? C:控制器(Controller) urls.py 本质:django的MTV也是MVC 多对多表创建方式 第一种:django orm自动帮我们
MTV与MVC(了解)MTV模型(django): ? M:模型层(models.py) ? T:templates ? V:views MVC模型: ? M:模型层(models.py) ? V:视图层(views.py) ? C:控制器(Controller) urls.py 本质:django的MTV也是MVC 多对多表创建方式第一种:django orm自动帮我们创建class Book(models.Model): name = models.CharField(max_length=32) authors = models.ManyToManyField(to='Author') class Author(models.Models): name = models.CharField(max_length=32) 第二种:纯手动创建第三张表可以自己添加字段,但是不方便查询 class Book(models.Model): name = 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') info = models.CharField(max_length=32) 第三种:半自动创建(可扩展性高,并且能够符合orm查询)class Book(models.Models): name = models.CharField(max_length=32) authors = models.ManyToManyField(to='Author',through='Book2Author',through_fields=('book','author')) # through对应的表名,through_fields对应第三张表的字段,元组形式,注意顺序 class Author(models.Model): name = models.CharField(max_length=32) class Book2Author(models.Model): book = models.ForeignKey(to='Book') author = models.ForeignKey(to='Author') info = models.CharField(max_length=32) 前后端传输数据编码格式contentType第一种:urlencode对应的数据格式:name=lucas&password=666 后端获取数据:request.POST ps:django会将urlencoded编码的数据解析自动放到request.POST 第二种:formdataform表单传输文件的编码格式 后端获取文件格式数据:request.FILES 后端获取普通键值对数据:request.POST 第三种:application/jsonajax发送json格式数据 需要注意的点:编码与数据格式要一致 AJAX1.前端向后端发送请求的方式:? 浏览器窗口手动输入网址 get请求 ? a标签的href属性 get请求 ? form表单 get/post请求(默认是get请求) ? ajax get/post请求 2.ajax特点:
3.ajax基本语法
<script> $('#d1').click(function(){ $.ajax({ //提交的地址 url:'/index/',//提交的方式 type:'post',//提交的数据 data:{'name':'lucas','pwd':123},//回调函数 success:function(data){ //data接收的就是异步提交返回的结果 } }) }) </script> 4.ajax默认传输数据的编码格式也是urlencoded5.前后端传输数据格式必须与编码一一对应ajax传输json格式数据<script> $('#d1').click(function(){ $.ajax({ url:'',//参数可以不写,默认就是当前页面打开的地址 type:'post',contentType:'application/json',data:JSON.stringify({'name':'lucas','hobby':'study'}),success:function(data){ $('#i3').val(data) //data就是返回的数据 } }) }) </script> 后端 if request.method == 'POST': print(request.body) # 只有json格式的时候才能查看 import json data = request.body # 拿到二进制的json字符串 res = data.decode('utf-8') res1 = json.loads(res) i1 = request.POST.get('i1') #拿到前端传过来的数据 i2 = request.POST.get('i2') res2 = int(i1)+int(i2) return HttpResponse(res2) ajax传输文件<script> $('#d1').click(function(){ let formdata = new FormData(); // FormData对象不仅仅可以传文件还可以传普通的键值对 formdata.append('name','json'); // 获取input框存放的文件 // $('#i1')[0].files[0] formdata.append('myfile',$('#i1')[0].files[0]); $.ajax({ url:'',type:'post',data:formdata,//ajax发送文件需要修改两个固定的参数 processData:false,//告诉浏览器不要处理我的数据 contentType:false,//不要用任何的编码,就用formdata自带的编码格式,Django能够自动识别formdata对象 //回调函数 success:function(data){ alert(data) } }) }) </script> 后端 if request.method == 'POST': print(request.FILES) file_obj = request.FILES.get('myfile') with open(file_obj.name,'wb')as f: for chunk in file_obj.chunks(): f.write(chunk) return HttpResponse('ok') from表单与ajax异同点
批量插入数据l = [] for i in range(1000): l.append(models.Book2(name='第%s本'%i)) models.Book2.objects.bulk_create(l) #批量插入数据 补充: <a href='?page=1'>1</a> # 会自动补全当前路径 自定义分页器推导过程 #后端 book_list = models.Book2.objects.all() #数据总条数 all_count = book_list.count() #当前页 current_page = request.Get.get('page',1) #设置默认值1 current_page = int(current_page) #每页展示多少条数据 per_page_num = 10 #获取总页数 per_nums,more = divmod(all_count,per_page_num) if more: page_nums += 1 # 不是整数就加一页 html = '' for i in range(1,par_nums+1): html += '<li><a href="?page=%s">%s</a></li>'%(i,i) #起始位置 page_start = (current_page-1)*per_page_num #终止位置 page_end = current_page*per_page_num book_list = models.Book2.objects.all()[page_start:page_end] return render(request,'booklist.html',locals()) #前端 {{page_obj.page_html|safe}} 自定义分页器的使用#后端 book_list = models.Book2.objects.all() #数据总条数 all_count = book_list.count() #当前页 current_page = request.Get.get('page',1) #设置默认值1 #实例化一个分页器对象 page_obj = my_page.Pagination(current_page=current_page,all_count=all_count) #app01下自定义文件夹中的my_page.py文件 #对总数据进行切片 page_queryset = book_list[page_obj.start:page_obj.end] return render(request,locals()) <div class="col-md-8 col-md-offset-2"> <table class="table table-hover table-bordered table-striped"> <thead> <tr> <th>id</th> <th>name</th> </tr> </thead> <tbody> {% for book in page_queryset %} <tr> <td>{{ book.pk }}</td> <td>{{ book.name }}</td> </tr> {% endfor %} </tbody> </table> {{ page_obj.page_html|safe }} </div> my_page.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(''' <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,) 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) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |