一、ajax简介:
XML也是一门标记语言该语法应用场景
1.写配置文件
2.可以写前端页面(odoo框架中 erp)
每家公司都会有属于这家公司独有的内部管理软件;专门用来开发企业内部管理软件 框架 odoo;odoo框架内部功能实现 全部依赖于python2;薪资计算。
AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。(这一特点给用户的感受是在不知不觉中完成请求和响应过程)
ajax,我们在学的时候只学JQuery封装好的方法 不需要掌握原生js版本;在使用的时候一定要先导入jQuery括号内记得手动输入一个大括号
二、ajax基本语法结构:
$.ajax({
url:'', // 数据提交的后端地址 不写就是往当前页面提交 也可以写后缀 也可以写全称 跟actions一样
type:'post', // 提交方式 默认是get请求
data:{'i1':$('#d1').val(),'i2':$('#d2').val()}, // 提交的数据(获取标签中的值与‘i1’和‘i2’形成键值对关系)
success:function (data) { // 形参data就是异步提交之后后端返回结果
$('#d3').val(data) // 回调机制需要做的事情
}
})
一旦你使用了ajax ,render、HttpResponse和redirct都不再作用与页面, 而是与data交互。
三、前后端数据传世编码格式:
form表单和ajax默认的编码方式都是urlencoded
urlencoded 数据格式xxx=aaa&ddd=2222
Django针对符合urlencoded编码格式的数据会自动解析并
并帮你放到request.POST中
formdata
form表单发送文件必须需要指定的编码格式;该编码格式既可以发送文件也可以发普通的键值对
Django后端会自动识别,将内部符合urlencoded编码格式的数据,会自动解析并帮你放到request.POST中
将文件类型的数据自动解析并封装到request.FILES中
application/json
目前只有ajax可以发送json格式的数据。form表单是不支持的。
建议数据类型和编码格式一定保持一致性!!!
四、ajax如何发送json格式的数据
1.需要你将新增一个参数
contenType:'application/json'
2.需要将数据序列化成json格式的字符串
JSON.Stringify({'xxxx':'ssss'....})
django 后端针对json格式的数据不会做任何处理,原封不动的在request.body内,需要你手动处理
ajax发送文件(不单单可以发送文件也可以发送普通的键值对)
建议你借助于一个内置对象帮你做数据的携带
1.先生成一个内置对象
var MyFormData = new FormData()
2.你可以不定的朝对象内添加数据(普通键值对和文件均可)
普通的减值对
MyFormData.append('name':'jason')
MyFormData.append('name1':'egon')
....
文件数据
如何获取input文件标签内文件数据
var MyFormData = $('input[type='file']')[0].files[0]
MyFormData.append('name2',MyFormData)
3.需要额外的指定两个参数
contentType:false,不指定任何编码,对象自带编码Django能够识别
processData:false,浏览器不要对数据进行任何处理
Django能够是被对象中的普通键值对和文件对象,然后分别放到不同的方法中POST和FILES
提示:ajax与sweetalert 弹出框,详情请到 https://lipis.github.io/bootstrap-sweetalert/了解
五、bulk_create批量插入数据:
1.普通式往数据库插入数据
for i in range (1000):
models.book.object.create(title='第%本书'%i)
(这条指令运行很慢,花了六百多毫秒)
2.使用bulk_create插入数据:
book_list=[]
for i in rage(10000):
book_list.append(models.book(title='第%本书'%i))
models.Book.object.bulk_create(book_list)
时间大约2秒
"""两者差距很大"""
六、自定义分页
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)
自定义分页的使用:
book_queryset=models.book.objects.all()#你想要分页展示的数据 current_page=request.GET.get('page',1)#获取当前页 all_count=book_queryset.count()#看一共有多少条数据
page_obj = Pagination(current_page=current_page,all_count=all_count,per_page_num=10,pager_count=5) page_queryset=book_queryset[page_obj.start:page_obj.end] return render (request.'index.html',locals())
前端的使用:
{% for book in page_queryset %} 讲页面上原本的queryset全部还成切片之后的queryset即可 <p>{{book}}</p> {% endfor %} {{page_obj.page_html|safe}}告诉这是安全的可以读取