Django阶段总结与Ajax
一、路由控制
二、视图层
三、模板层
四、模型层、单表操作、多表操作
五、什么是ajax
一、路由控制
补充点（什么是web应用？）
网站：BS架构应用程序：B是浏览器 S：server（实现了wsgi协议）+application（我们都在写这个），其实就是CS
MVC和MTV（django）
-M:model跟数据库打交道
-T：Templates模板层，对到mvc的是V这一层
-V：视图Views路由+V是MVC的c
web框架：
application拆分
a:server b:映射关系 c：模板渲染
Flask：
Django
Tornado
1.Django中路由的作用
请求的路径跟视图函数的映射关系
2.简单的路由配置
四个参数：第一个正则表达式，第二个函数内存地址，第三个默认值，第四个是别名
3.分组
无名：（正则表达式）值分出来当关键字参数传到视图函数
有名：（?P<名字>正则表达式）值分出来当关键字参数传到视图函数
4.路由分发
url（r‘^app01/’,include('app01,urls')）
5.反向解析
就是根据别名，取到对应的url地址
-视图层：reverse('别名'args=（）)
-模板层：{% url ‘别名’ 参数 参数 %}
6.名称空间
-include（‘app01.urls’，namespance=‘app01’）
-以后再反向解析：reverse（‘app01：别名’args=（））
7.Django2.0版的path
-path：路径是准确路径，不是正则表达式了
-内置了5个转换器
-自定义转换器
二、视图层
1.视图函数
2.HttpResponse对象
-GET
-POST
-FILES
-path
-method
-get_full_path()
-body
3.HttpResponse
-三件套
4.JsonResponse
-HttpResponse+json
5.CBV和FBV
-基于类的视图：
-url配置 类名.as_view()
-views.py
class Test(View)
dispatch:总的分发方法
def get(self,request)
return HttpRequest对象
6.简单文件上传
-前端页面：form-data
-视图层：FILES（字典）根据Key值取出来，拿到文件对象
问题：POST请求是否可以在请求路径中参加参数？可以，从GET中取
-反向解析传参
举例：在模板层反向解析出要删除的图书路径
-url（r'^dlbook/(?P<pk>\d+)',view.deletebook,name='deletebook'）,
-<td><a href="{% url'deletebook' book.pk %}">删除</a></td>
三、模板层
1.模板简介
模板语言
2.模板语法之变量
-基本用法{{ 变量名 }}
-深度查询
{{ 对象.方法 }} 方法不能传参数
-字典，列表 用.
3.模板之过滤器
-data
-dafault
-slice
...
4.模板之标签
{% for %}
{% for a in 可迭代对象 %}
{{ a.name }}
{{ forloop }}
{% endfor %}
{% if 条件%}
{% elif条件 %}
{% else %}
{% endif %}
{% with %}：取别名
5.自定义标签和过滤器
1.确认app是否已经过期
2.在app下创建一个包：templatetags
3.在包中写mytag.py
4.from django.template import LIbrary
5.register=Library()
6.标签：
@register.simple_tag(别名)
def mytesttag(a,b,c)
return a+b+c
过滤器
@register.filter(别名)
def mytestfilter(别名)
return a+b
7.使用标签
{% load mytag %}
标签
{% mytesttag 参数1，参数2，参数3... %}
过滤器
{{ 第一个参数|mytestfilter:'第二个参数' }}
6.模板导入和继承
-导入{% include ‘在模板中定义盒子’ %}
-继承
-先写一个母版，在模板中定义盒子
{% block content %}
{% endblock %}
-使用：
在其他模板中：
{% extends % 'base.html'}
{% block content %}
写变化的内容
{% endblock %}
{{ block.super }} 会把原来的母版中的内容拿过来
四、模型层、单表操作、多表操作
-单表：基本查询，双下划线的模糊查询
-多表：
基于对象的跨表
基于双下划线的多表
聚合查询
-聚合函数使用
F,Q查询
F可以去除字段的值
Q查询：构造出与或非的关系
分组查询：
'''
group by谁就以谁做基表
filter在前表示where
filter在后表示having
values在前表示group by 的字段
values在后表示取值
'''
#查询每个出版社的名称和书籍个数
五、什么是ajax
通过js语言跟后台进行交互的一个东西
-特点；异步，局部刷新
# 后台views.py
from django.shortcuts import render, HttpResponse # Create your views here.
def index(request):
if request.method == 'GET':
return render(request, 'index.html')
# 前台index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="/static/jquery-3.3.1.js"></script>
<title>Title</title>
</head>
<body>
<button id="btn">点我向后台发数据</button>
<span id="sp"></span>
<p><button id="btn2">点我</button></p> <br>
<input type="text" id="first">+<input type="text" id="second">=<input type="text" id="sum"><button id="btn3">计算</button>
</body> <script>
$('#btn2').click(function () {
alert(2222)
})
$('#btn').click(function () {
{#alert(1)#}
//往后台提交数据,jquery封装的方法
$.ajax({
'url':'/test/', //请求的路径
'type':'get', //请求的方法
success:function (data) {
//data 是后台返回的数据
console.log(data) $("#sp").text(data)
}
})
}) $("#btn3").click(function () {
/**
var first=$("#first").val()
var second=$("#second").val()
var sum=first+second
$ ("#sum").value(sum)
**/
$.ajax({
url:'/sum/?aa=123',
type:'post',
data:{first:$("#first").val(),second:$("#second").val()},
success:function(data){
//alert(data) $("#sum").val(data)
} })
}) </script>
</html>
案例要求：
1 后台返回json格式
2 问？返回render，返回redirect？
基于ajax写一个登陆功能，一旦登陆成功，跳转到百度，登陆失败，在页面显示用户名或密码错误
# views.py
from django.shortcuts import render, HttpResponse # Create your views here.
def index(request):
if request.method == 'GET':
return render(request, 'index.html') def test(request):
if request.method == 'GET':
import time
# time.sleep(10)
return HttpResponse('hello web') import json
from django.http import JsonResponse
def login(request):
dic={'status':100,'msg':None}
if request.method == 'GET':
return render(request, 'login.html')
# if request.is_ajax():
if request.method=='POST':
name=request.POST.get('name1')
pwd=request.POST.get('pwd2')
if name=='lqz' and pwd=='':
dic['msg'] = '登陆成功'
# 想让前端跳转
# dic['url']='http://www.baidu.com'
dic['url']='/test/'
else:
# 返回json格式字符串
dic['status']=101
dic['msg']='用户名或密码错误'
# return JsonResponse(dic)
return HttpResponse(json.dumps(dic)) def loginjson(request):
dic={'status':100,'msg':None}
if request.method=='POST':
print(request.POST)
print(request.GET)
print(request.body)
xx=request.body.decode('utf-8')
# re是个字典{"name1":"lqz","pwd2":"123"}
re=json.loads(xx)
request.POST=11 print(request.POST)
#
#
# name=re.get('name1')
# pwd=re.get('pwd2')
# print(name)
# print(pwd)
return HttpResponse('ok')
#login登录页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="/static/jquery-3.3.1.js"></script>
<title>登陆</title>
</head>
<body>
{#<form action="" method="post">#} <p>用户名：<input type="text" id="name"></p>
<p>密码：<input type="password" id="pwd"></p>
{# 这里不能这么写了#}
{# <input type="submit" value="提交1">#}
{# <button>提交2</button>#}
<input type="button" value="提交3" id="submit"><span id="error"></span>
<input type="button" value="提交json格式" id="submit1"><span id="error"></span> {#</form>#}
</body> <script> $('#submit').click(function () {
$.ajax({
url:'/login/',
type:'post',
data:{name1:$("#name").val(),pwd2:$("#pwd").val()},
success:function (data) {
//后台用JsonResponse返回数据
//data 就会被转成字典
console.log(data)
console.log(typeof data)
//JSON.parse(data) 把字符串类型转成字典
data=JSON.parse(data)
{#JSON.stringify()#}
console.log(typeof dat1)
if(data.status == 100){
//成功,跳转到指定页面
//location.href=地址,前端就会跳转到指定的url
alert(data.msg)
//$("#error").text(data.msg+'正在跳转')
//location.href=data.url
}else{
$("#error").text(data.msg)
} }
})
})
$('#submit1').click(function () {
postdata={name1:$("#name").val(),pwd2:$("#pwd").val()}
$.ajax({
url:'/loginjson/',
type:'post',
//指定提交的编码格式是json格式,
//contentType:'application/json',
//data:JSON.stringify(postdata),
//data:postdata,
data:'123',
success:function (data) {
console.log(data) }
})
}) </script>
</html>
总结：
1.后端如果返回JsonResponse，前端的ajax内部会自动将json格式字符串转换成字典
2.后端如果返回HttpResponse，前端的ajax内部不会自动给你转换，拿到的data是字符串形式，需要手动JSON.parse（data）来转成字典
3.字符串转字典：JSON.parse(data)
字典转字符串：aa=JSON.stringify(字典对象)
4.如果前端传的格式是JSON，django不会处理body中的内容，需要自己处理
只有前端传的格式是urlencoded,form-data格式，django才会给我处理
Django阶段总结与Ajax的更多相关文章
- {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)
Django基础七之Ajax 本节目录 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) 一 Ajax简介 ...
- Django框架 之 基于Ajax中csrf跨站请求伪造
Django框架 之 基于Ajax中csrf跨站请求伪造 ajax中csrf跨站请求伪造 方式一 1 2 3 $.ajaxSetup({ data: {csrfmiddlewaretoken: ...
- day 72 Django基础七之Ajax
Django基础七之Ajax 本节目录 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) 六 同源策略与 ...
- day 60 Django基础七之Ajax
Django基础七之Ajax 本节目录 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) 六 同源策 ...
- {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)
{Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) Django基础七之 ...
- Django基础五之Ajax
Django基础五之Ajax 目录 Django基础五之Ajax 1. Ajax介绍 2. Ajax前后端传值 2.1 方法一HttpResponse直接返回 2.2 方法二使用Json格式返回 2. ...
- [Django]网页中利用ajax实现批量导入数据功能
url.py代码: url(r'^workimport/$', 'keywork.views.import_keywork', name='import_keywork') view.py代码: fr ...
- Django补充及初识Ajax
Django创建一对多表结构 首先现在models.py中写如下代码: from django.db import models # Create your models here. class Bu ...
- [Django 1.5] jQuery/Ajax 在Django使用 ，如何更新模板里里变量
最近希望实现一个页面局部刷新的功能,于是开始查阅ajax资料.幸好现在ajax很多功能都封装在jQuery这个库里面,我们可以很方便去调用.通过学习几个简单的小例子,可以实现简单的前端代码更新,还有重 ...
随机推荐
- Linux学习笔记之系统中的分区和文件系统
转自 http://blog.csdn.net/hanxuehen/article/details/8229472
- python-Web-flask-蓝图和单元测试
4 蓝图和单元测试: 能够使用代码实现蓝图对项目进行模块化 admin=Blueprint('admin',__name__) # 创建一个蓝图对象 @admin.route('/') def adm ...
- IDEA debug漏洞第二弹(fastjson，version<1.2.47)
首先这个漏洞调试不需要非要使用docker,本身是一个jar包的问题.所以我们可以自己写一个小java代码来直接调试. POC如下 {"name":{"@type&quo ...
- 【miscellaneous】语音识别工具箱综述和产品介绍
原文:http://www.thinkface.cn/thread-893-1-1.html 今天是周末,想来想去,还是写一篇这样的博文吧.算是对语音识别这一段时间的总结,为后来的人融入铺好前面的路. ...
- mongodb 连接后无法使用 发现已经有进程在运行
mongod 命令执行发现已经有进程在运行mongod数据库--errno:48 Address already in use for socket: 0.0.0.0:27017 错误信息: list ...
- 冲刺Noip2017模拟赛2 解题报告——五十岚芒果酱
题1 牛跑步(running) [题目描述] 新牛到部队,CG 要求它们每天早上搞晨跑,从 A 农场跑到 B 农场.从 A 农场到 B 农场中有 n- 个路口,分别标上号,A 农场为 号,B 农场为 ...
- HDU 1317：XYZZY
Problem Description It has recently been discovered how to run open-source software on the Y-Crate g ...
- The 2019 ACM-ICPC China Shannxi Provincial Programming Contest （西安邀请赛重现） J. And And And
链接:https://nanti.jisuanke.com/t/39277 思路: 一开始看着很像树分治,就用树分治写了下,发现因为异或操作的特殊性,我们是可以优化树分治中的容斥操作的,不合理的情况只 ...
- [转帖] 修改nginx 默认上传文件大小
nginx默认会限制上传文件的大小为1M https://blog.51cto.com/ycgit/1563307 艺晨光关注0人评论12037人阅读2014-10-13 15:29:50 htt ...
- 关于MD5加盐使用
md5 是一种数据加密,例子是对123456 进行了两次加盐 第一次是 inputPassToFormPass salt是固定的 1a2b3c4d 第二次是 formPassToDBPass s ...