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这个库里面,我们可以很方便去调用.通过学习几个简单的小例子,可以实现简单的前端代码更新,还有重 ...
随机推荐
- MLN 讨论 —— inference
We consider two types of inference: finding the most likely state of the world consistent with some ...
- docker attach 和 exec 用法区别
attach 用法 $ sudo docker attach 665b4a1e17b6 #by IDor$ sudo docker attach loving_heisenberg #by Name$ ...
- Spark On YARN启动流程源码分析(一)
本文主要参考: a. https://www.cnblogs.com/yy3b2007com/p/10934090.html 0. 说明 a. 关于spark源码会不定期的更新与补充 b. 对于spa ...
- 卸载未能成功安装的mysql时的解决方案
在win10系统中,首次未能成功安装mysql,于是试图卸载了mysql相关的应用,结果提示有卸载未完成的应用,无法卸载, 在阅读文档之后发现,可以在任务管理器中的详细信息中找到[dllhost.ex ...
- 【FFMPEG】【ARM-Linux开发】fmpeg安装第三方编码器(encoder)库,ffmpeg编码h264(完)
fmpeg安装第三方编码器(encoder)库,ffmpeg编码h264(完) ffmpeg安装第三方编码器(encoder)库 关键词:ffmpeg.编码h264.第三方encoder 安装好了ff ...
- 【DSP开发】CMD文件
DSP的存储器的地址范围,CMD是主要是根据那个来编的. CMD 它是用来分配rom和ram空间用的,告诉链接程序怎样计算地址和分配空间. 所以不同的芯片就有不同大小的rom和ram.放用户程序的地方 ...
- OpenCV.物体识别
1.度娘:“OpenCV 物体识别” 1.1.opencv实时识别指定物体 - 诺花雨的博客 - CSDN博客.html(https://blog.csdn.net/qq_27063119/artic ...
- mysql常用引擎
经常用MySQL数据库,但是,你在用的时候注意过没有,数据库的存储引擎,可能有注意但是并不清楚什么意思,可能根本没注意过这个问题,使用了默认的数据库引擎,当然我之前属于后者,后来成了前者,然后就有了这 ...
- Nginx反向代理简单配置
一.首先在IIS中部署两个站点,localhost:86 .localhost:5000 二.修改C:\windows\system32\drivers\etc\hosts文件,增加 127.0.0. ...
- Git Bash输错账号密码如何重新输入
很多时候我们容易在Git Bash操作的时候,不慎输入错误的用户名或密码,此时一直提示: remote: Incorrect username or password ( access token ) ...