Django进阶javascript
MTV与MVC:css
MTV模型(只在Django中):html
M:模型层对应的就是django中的model.py前端
T:模板层对应的就是Django的templatesjava
V:视图层对应的就是Django的view.pypython
MVC模型:jquery
M:模型层对应的也是model.pygit
V:视图层对应的也是view.pyajax
C:控制器(Controller) 对应的就是urls.py 就是路由分发数据库
本质:django的MTV本质就是MVC
多对多表的三种建立方式
1.第一种Django自动建立(ManyToManyField)
好处:Django纯手动帮你建立第三张表,不须要你本身建立第三张表。
缺点:第三张表自动靠Django帮你建立,本身不能在第三张表中建立一些本身的字段
class Book2(models.Model): name = models.CharField(max_length=32) price = models.DecimalField(max_digits=6, decimal_places=2) publish_data = models.DateField(auto_now_add=True) authors = models.ManyToManyField(to='Author2') class Author2(models.Model): name = models.CharField(max_length=32) age = models.IntegerField()
2.第二种Django纯手动建立第三张表
好处:能够在第三张表定义一些本身独有的字段
缺点:增删改查的一些操做不能与原来的Django中的orm同样好比说正向和反向
class Book(models.Model): name = models.CharField(max_length=32) price = models.DecimalField(max_digits=6, decimal_places=2) class Author(models.Model): name = models.CharField(max_length=32) age = models.IntegerField() class Book2Author(models.Model): book2 = models.ForeignKey(to='Book') authors = models.ForeignKey(to='Author') info = models.CharField(max_length=32)
3.第三种半自动建立第三张表
好处:可扩展性高,而且能支持orm查询
class Book(models.Model): name = models.CharField(max_length=32) price = models.DecimalField(max_digits=6, decimal_places=2) publish_data = models.DateField(auto_now_add=True) # authors = models.ManyToManyField(to='Author2') class Author(models.Model): name = models.CharField(max_length=32) age = models.IntegerField() class Book2Author(models.Model): book2 = models.ForeignKey(to='Book') authors = models.ForeignKey(to='Author') info = models.CharField(max_length=32)
默认编码格式:contentType
传输的数据在Form Data中
若是想看原数据格式的话也是就contentType传的数据格式,须要点 图片上面的view source
对应的数据格式:q1=111&q2=222 这里的q1就是你标签中name属性的名字
后端获取数据:request.POST
ps;django会将urlencoded编码的数据解析自动放到request.POST
后端获取文件格式数据:request.FILES
后端获取普通键值对数据:request.POST
什么是ajax?
异步的JavaScript和xml
ajax是干啥的?
先后台数据交互,以前没有用ajax以前都是用get,post请求携带参数来完成交互传输数据,传输的格式是默认是urlencoded,但ajax支持json格式,咱们通常也用json格式来完成数据传输。
特色:1.异步
2.局部刷新
在使用ajax以前必定要导入jQuery
ajax基本语法:
$.ajax({ // 提交的地址 url:'/index/', // 提交的方式 type:'post', // 提交的数据 data:{'name':'jason','password':'123'}, // 回调函数 success:function (data) { // data接收的就是异步提交返回的结果 alert(data) } }) })
加法例子:
前端部分:
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <p><input type="text" name="add1" id="i1">+<input type="text" name="add2" id="i2">= <input type="text" name="sum" id="i3" onfocus="wcpbm()"></p> <button id="d1">提交</button>
ajax部分
<script> function wcpbm() { $.ajax( { url: '/add1/', type: 'post', data: {'i1': $('#i1').val(), 'i2': $('#i2').val()}, success: function (data) { $('#i3').val(data) } } ) } </script>
路由
url(r'^add1/', views.add1),
视图函数
from django.shortcuts import render,HttpResponse def add1(request): if request.method == 'POST': i1 = request.POST.get('i1') i2 = request.POST.get('i2') sum1 = int(i1)+int(i2) return HttpResponse(sum1) return render(request,'add1.html')
登陆校验例子
html部分
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <h2>登录</h2> 用户名:<input type="text" name="d1" id="d1" onblur="upperCase()"><span id="c1" hidden >用户名已经存在</span><br> 密码:<input type="password" name="d2" id="d2"><span id="c2"></span><br> <button id="btn">点我</button>
ajax
<script> function upperCase() { $.ajax({ url: '/login/', type: 'post', data: {'d1': $('#d1').val(), 'd2': $('#d2').val()}, success: function (data) { if (data) { {#alert(data);#} $('#c1').removeAttr(data) } else { $('#c1').attr('hidden','1') } } }) } </script>
路由
url(r'^login/', views.login),
视图函数
from django.shortcuts import render,HttpResponse,redirect def login(request): if request.method == 'POST': d1 = request.POST.get('d1') # d2 = request.POST.get('d2') print(d1) if d1 == 'zk': return HttpResponse('hidden') else: return HttpResponse('') return render(request,'login.html')
ajax实现文件传输的例子:
ajax传输文件 $('#d1').click(function () { let formdata = new FormData(); // FormData对象不单单能够传文件还能够传普通的键值对 formdata.append('name','jason'); // 获取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) } }) });
rm表单与ajax异同点
1.form表单不支持异步提交局部刷新
2.form表单不支持传输json格式数据
3.form表单与ajax默认传输数据的编码格式都是urlencoded
普通的批量插入(很是很是的慢):
for i in range(10000): models.Book2.objects.create(name='第%s本书' % i, price='1111')
用了bulk_create的批量插入(飞通常的感受速度贼快):
l = [] for i in range(10000): l.append(models.Book2(name='第%s本书'%i,price=22)) models.Book2.objects.bulk_create(l)
须要注意的是bulk_create只能传入一个可迭代对象
视图层
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())
前端:
{{ page_obj.page_html|safe }} # 帮你渲染的是带有bootstrap样式的分页器
封装模块
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, 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)
注意:在使用封装的模块以前必定须要建立一个叫utils的文件夹,而后在使用的时候导入这个模块的名字就行如:from app01.utils import my_page