本节内容
Django之ModelForm组件
AJAX全套
Kindeditor
一、Django之ModelForm组件
1 ModelForm2 a. classMeta:3 model, #对应Model的
4 fields=None, #字段
5 exclude=None, #排除字段
6 labels=None, #提示信息
7 help_texts=None, #帮助提示信息
8 widgets=None, #自定义插件
9 error_messages=None, #自定义错误信息(整体错误信息from django.core.exceptions import NON_FIELD_ERRORS)
10 field_classes=None #自定义字段类 (也可以自定义字段)
11 localized_fields=('birth_date',) #本地化,如:根据不同时区显示数据
12 如:13 数据库中14 2016-12-27 04:10:57
15 setting中的配置16 TIME_ZONE = 'Asia/Shanghai'
17 USE_TZ =True18 则显示:19 2016-12-27 12:10:57
20 b. 验证执行过程21 is_valid -> full_clean -> 钩子 ->整体错误22
23 c. 字典字段验证24 defclean_字段名(self):25 #可以抛出异常
26 #from django.core.exceptions import ValidationError
27 return "新值"
28 d. 用于验证29 model_form_obj =XXOOModelForm()30 model_form_obj.is_valid()31 model_form_obj.errors.as_json()32 model_form_obj.clean()33 model_form_obj.cleaned_data34 e. 用于创建35 model_form_obj =XXOOModelForm(request.POST)36 #### 页面显示,并提交 #####
37 #默认保存多对多
38 obj = form.save(commit=True)39 #不做任何操作,内部定义 save_m2m(用于保存多对多)
40 obj = form.save(commit=False)41 obj.save() #保存单表信息
42 obj.save_m2m() #保存关联多对多信息
43
44 f. 用于更新和初始化45 obj = model.tb.objects.get(id=1)46 model_form_obj = XXOOModelForm(request.POST,instance=obj)47 ...48
49 PS: 单纯初始化50 model_form_obj = XXOOModelForm(initial={...})
Django之ModelForm组件
二、AJAX全套
概述
对于WEB应用程序:用户浏览器发送请求,服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)渲染并显示浏览器上。
1、传统的Web应用
一个简单操作需要重新加载全局数据
2、AJAX
AJAX,Asynchronous JavaScript and XML (异步的JavaScript和XML),一种创建交互式网页应用的网页开发技术方案。
异步的JavaScript:
使用 【JavaScript语言】 以及 相关【浏览器提供类库】 的功能向服务端发送请求,当服务端处理完请求之后,【自动执行某个JavaScript的回调函数】。
PS:以上请求和响应的整个过程是【偷偷】进行的,页面上无任何感知。
XML
XML是一种标记语言,是Ajax在和后台交互时传输数据的格式之一
利用AJAX可以做:
1、注册时,输入用户名自动检测用户是否已经存在。
2、登陆时,提示用户名密码错误
3、删除数据行时,将行ID发送到后台,后台在数据库中删除,数据库删除成功后,在页面DOM中将数据行也删除。(博客园)
“伪”AJAX
由于HTML标签的iframe标签具有局部加载内容的特性,所以可以使用其来伪造Ajax请求。
1
2
3
4
5
6
7
8
9
10
11
12
请输入要加载的地址:
13
14
15
16
17
18
19
20
21
加载页面位置:
22
23
24
25
26
27
28 window.οnlοad= function(){29 varmyDate= newDate();30 document.getElementById('currentTime').innerText=myDate.getTime();31
32 };33
34 functionLoadPage(){35 vartargetUrl=document.getElementById('url').value;36 document.getElementById("iframePosition").src=targetUrl;37 }38
39
40
41
42