巨蟒python全栈开发django10:ajax&&登录认证

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

通过题目进行知识点回顾：

1 聚合查询
From django.db.models import Avg,Min,Max,F,Q,Count,Sum
#查询书籍的平均值
Ret= Models.Book.objects.all().aggregate(s=Avg(‘price’));
Ret = Models.Book.objects.aggregate(s=Avg(‘price’))
Ret = {‘s’:平均值}, 2 分组查询
Annotate(c=Count(‘id’),m=Max(),min=Min())1 查询每个作者的姓名以及出版的书的最高价格
Models.Author.objects.annotate(m=Max(‘book__price’)).values(‘name’,’m’,’book__title’)
#Models.Author.objects.annotate(m=Max(‘book__price’)) #queryset(model对象).values(‘name’) ,效果:Model.Author.objects.all().values(‘name’,)一样Model.Author.objects.values()Model.Author.objects.values(‘id’,‘name’).annotate(m=Max(‘book__pirce’))
Values写在前面,直接就是筛选出结果字段,这些字段同时作为分组依据
Values写在后面,是通过调用者表的id进行分组,得到结果的结果是queryset(model对象),再通过values取值2 查询作者id大于2作者的姓名以及出版的书的最高价格Models.Author.objects.filter(id__gt=2).values(‘id’,’name’).annotate(m =Max(‘book__price’))Models.Author.objects.filter(id__gt=2).annotate(m =Max(‘book__price’)).values(‘m’,’name’)3 查询作者(id大于2或者作者年龄大于等于20岁)的女作者的姓名以及出版的书的最高价格Models.Author.objects.filterQ((Q(id__gt=2)|~Q(age__gte=20))&Q(xxx),sex=’female’).annotate(m=Max(‘book__price’)).values(‘name’,’m’)4 查询每个作者出版的书的最高价格的平均值Models.Author.objects.values(‘id’,’name’).annotate(m=Max(‘book__price’)).aggregate(a=Avg(‘m’)) {‘a’:平均值}[‘a’] #queryset({‘id’:1,’name’:张三,’m’:2000},{‘id’:2,’name’:李四,’m’:2.5})

深坑大题：

尔康应该是"天龙八部"是11块,但是查找到的是水浒传是11块

三张表连接

group by也就是这里存在的是mysql的一个缺陷,但是通过方法进行更正过来

解决方案:将同一个作者的相同价格,按照倒序排列一下(深坑要牢记)

因此,还必须放在前面进行统计?如何处理这个问题?

ORM是比较难翻译的!!!(视频中没有给出最后的答案)

回顾=>自定义标签和过滤器,inclusion_tag

1.ajax的简单使用(悄悄发数据,让用户感受不到)

主动向后端请求的方式:

浏览器输入地址//A标签//Form表单(通病,需要刷新页面)

注意,新建项目不能直接copy文件内的,settings.py需要什么那什么就可以了.

(1)配置数据库引擎(注意,这里,数据库的名字要进行修改)

(2)logging日志文件

(3)settings.py里边的静态文件配置

(4)statics文件夹(其中包含jq&&bootstrap文件)

(5)项目文件下的__init__.py

首先写路径:

创建表:

执行下面两条命令:

makemigrations

migrate

在Navicat需要先创建数据库

结果:用户体验一点都不好,不显示输入错误,而且还没有保存输入错误的账户和密码

用户体验极差,目前学习的都是需要刷新页面的

例子:博客园的地址输入,并没有刷新整个页面,

在开头加上:

{% load static %}
在ajax中加上csrf_token进行认证

上边的图,如果用get发送请求,是没有问题的,但是通过post请求,会报上边的错误

整体代码,如下所示:

运行:

每次刷新,上边的input的value值都会发生变化,

csrf_token相当于name对应的值value,通过对比这个值,相当于合法用户的认证,放到post里边也是可以的

怎么获取csrf_token这个值,通过jquery?

这个时候,我们再运行,得到的结果是:

此时,下边的调试console不刷新页面,没有任何东西

在运行的页面中输入,

用户名:dadonggua

密码:123

点击登录,会将整个页面的html信息返回给console,并且只是局部刷新

调试页面里边的console,会打印如下内容

也就是html文件信息,

服务端,打印的是两个None,None,具体原因还不知道,

如果只是,返回下面的页面是没有意义的

修改成如下内容:

运行,刷新页面:输入用户和密码:(点击登录了两次,下面就会报错两次,只不过我们设置了休眠3s会等待一点点时间)

下面写一个登录成功,怎么样,登录失败怎么样,让颜色发生变化

在ajax里边进行判断:

刚才一直出错的原因,应该是input标签里边的id没有写,这下子,可以成功,连接数据库,并且显示"成功了"

并且,在运行输入之后,在服务端,显示的结果如下:

注意,先写点击事件,里边包含ajax,里边有一些属性:

代码综合:

ajax的两大特性:

异步&&局部刷新

ajax还需要重看,这部分

2.ajax登录认证&&json的一些解释

返回的数据可能是一大堆数据,后端范湖前面,可能是字典,列表等等

配置,首页的一个home

运行:

输入错误显示如下内容:

成功,我们就自动跳转到百度:

html必须机制的命令之一,当时讲过两个,

一个是:location.href='http://www.baidu.com'

我们在这里返回的数据,不再是字符串,而是字典的形式

我们先将上边进行修改成初始值,都是None

成功的话,我们再等于某个值,

思考,前端拿到这个数据,如何进行转化???
js里边也是有JSON,注意这里的JSON是大写的!!!

这两个是前端js提供的两个接口

python里边也有json

运行，这样，我们可以拿到一些数据

看一下类型:

注意,上边一直报错是因为下面画红线的地方一开始没有写对,现在我们改成下面的样子

再次运行:

json是独立于语言的,我们进行数据交流,必须用这个东西

每门语言都有json,进行数据的交流

上边,我们用到的就是JavaScript和python的json进行各自的解析

注意下面的对应图,python对应的JSON,以及JSON对应的JS可能写法是一样的,但是意义是不一样的,注意这一点

这里,django提供了一种简单的写法,

JsonResponse对象,给一个字典类型,自动加工成json数据类型

注意这里边,还有加上一个ContentType响应头,()

运行:

运行,同样得到这样的结果

也就是content_type的目的是,不需要在前端进行在将字符串,进行相关的转化了

默认是放字典,想要放其他数据类型,需要加上safe=False

下面是一个错误案例:

将上边的部分内容注释掉

运行:这时候登录,显示的是服务器错误

成功案例:

js的数据类型回顾

JSON知识点补充

1.dumps是将字典转化成字符串

loads是将字符串转化成字典

通过下面的结果,也就是外单,内双是可以得到结果的,内单,外双,是得不到结果的

最终得到的结果是,单引号引起来

必须符合json字符串的标准写法

结果:

这里得到的json对象,一定是双引号,引起来的属性

'{"aa":11,"bb","xx"}'代表字符串

运行上边的结果,为什么两者不相等?因为json的数据类型和python的数据类型是不相等的

一些规则:

作业:ajax登录页面

预习:ajax上传文件!!!

回顾:

1.ajax写法:配合事件写可以,不配合时间,直接写在外边也是可以的,页面加载的时候,直接发请求

ajax里边包含的键值=>url,type,data,success,这个success处理响应的内容

web服务都是基于请求和响应的!!!

2.ajax两大特性:

异步和局部刷新

偷偷的发请求让用户感觉不到

3.JsonResponse&&HTTPResponse问题

4.sql查询和ORM结合练习!!!

也就是连表查询这个问题

巨蟒python全栈开发django10:ajax&&登录认证的更多相关文章

巨蟒python全栈开发django11&colon;ajax&amp&semi;&amp&semi;form表单上传文件contentType
回顾: 什么是异步? 可以开出一个线程,我发出请求,不用等待返回,可以做其他事情. 什么是同步? 同步就是,我发送出了一个请求,需要等待返回给我信息,我才可以操作其他事情. 局部刷新是什么? 通过jq ...
巨蟒python全栈开发django3&colon;url&amp&semi;&amp&semi;视图
1.url正则匹配分组和命名分组 2.路由分发 3.url别名和反向解析 4.httprequest和httpresponse的使用内容回顾: .jinja2(flask框架,没有内置模板对象,需要 ...
巨蟒python全栈开发linux之centos1
1.linux服务器介绍 2.linux介绍 3.linux命令学习 linux默认有一个超级用户root,就是linux的皇帝注意:我的用户名是s18,密码是centos 我们输入密码,点击解锁( ...
巨蟒python全栈开发-第11阶段 ansible&lowbar;project2
一个NB的网站: https://www.toolfk.com/ CDN:将用户的需求送到最近的节点:内容分发网络有些是专门做CDN的工具常用的markdown是需要知道的,短信有字数限制. we ...
巨蟒python全栈开发-第20天核能来袭-约束异常处理 MD5 日志处理
一.今日主要内容 1.类的约束(对下面人的代码进行限制;项目经理的必备技能,要想走的长远) (1)写一个父类,父类中的某个方法要抛出一个异常 NotImplementedError(重点) (2)抽象 ...
巨蟒python全栈开发flask8 MongoDB回顾前后端分离之H5&amp&semi;pycharm&amp&semi;夜神
1.MongoDB回顾 .启动 mongod - 改变data/db位置: --dbpath D:\data\db mongod --install 安装windows系统服务 mongod --re ...
巨蟒python全栈开发flask1
1.整体把握 (1)路飞学城 - RestAPI 前后端分离开发 Django Vue.js - DRF DjangoRestFromwork - 线上商城的经验 (2)智能玩具 - RestAPI ...
巨蟒python全栈开发linux之centos6
1.nginx复习 .nginx是什么 nginx是支持反向代理,负载均衡,且可以实现web服务器的软件在129服务器中查看,我们使用的是淘宝提供的tengine,也是一种nginx服务器我们下载 ...
巨蟒python全栈开发linux之centos3
1.作业讲解 (1)递归创建文件夹/tmp/oldboy/python/{alex,wusir,nvshen,xiaofeng} 下面中的路径没有必要换,在哪里创建都行,根目录下或者tmp目录下或者其 ...

随机推荐

js中Math&period;round、parseInt、Math&period;floor和Math&period;ceil小数取整总结
Math.round.parseInt.Math.floor和Math.ceil 都可以返回一个整数,具体的区别请看下面的总结. 一.Math.round 作用:四舍五入,返回参数+0.5后,向下取整 ...
JS 模拟手机页面文件的下拉刷新
js 模拟手机页面文件的下拉刷新初探老总说需要这个功能,好吧那就看看相关的东西呗最后弄出了一个简单的下拉刷新页面的形式,还不算太复杂查看 demo 要在仿真器下才能看到效果,比如chrome的里 ...
[Java] JAVA程序员您需要学习的25个标准
(1) 你需要精通面向对象分析与设计(OOA/OOD).涉及模式(GOF,J2EEDP)以及综合模式.你应该了解UML,尤其是class,object,interaction以及statediagr ...
工作中的 Vim 和 git
————————Vim———————— 1. gf 可以转到文件中指明路径的文件. 这样可以实现文件的快速切换. ctrl+o: A -> B, 返回A ctrl+6: A.B之间快速切换 2 ...
杯具，万达电商又换CEO
万达电商CEO再离职.而这距他入职还差一个月才满一年. 昨晚.万达电商CEO董策告诉新浪科技6月3日已正式从万达电商离职.将去往澳洲照应家人.而谈到离职原因和万达电商时,董策以开会为由收了电话. 从2 ...
linux删除、移动、拷贝时，加-f仍然会提示的解决办法
cp -f 还是提示 root# alias 可以看到,执行cp就等于执行了cp -i,-i是确认提示 alias cp='cp -i' root# vi ~/.bashrc 修改完毕Esc, :wq ...
Hadoop&lowbar;Lucene
http://codelife.me/blog/2012/11/03/jackson-polymorphic-deserialization/ http://itindex.net/blog/2012 ...
android如何让service不被杀死-提高进程优先级
1.在service中重写下面的方法,这个方法有三个返回值, START_STICKY是service被kill掉后自动重写创建 @Override public int onStartCommand ...
微软C&num;版SQLHelper&period;cs类
转载自:http://blog.csdn.net/fengqingtao2008/article/details/17399247 using System; using System.Data; u ...
简单选择排序 Selection Sort 和树形选择排序 Tree Selection Sort
选择排序 Selection Sort 选择排序的基本思想是:每一趟在剩余未排序的若干记录中选取关键字最小的(也可以是最大的,本文中均考虑排升序)记录作为有序序列中下一个记录. 如第i趟选择排序就是在 ...