zoukankan      html  css  js  c++  java
  • 巨蟒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结合练习!!!

    也就是连表查询这个问题

  • 相关阅读:
    Difference between application/xml and text/xml
    [转]ASP.NET MVC URL 路由简介
    js Unicode编码转换
    svn更改用户名
    招商银行开发成功国内业界第一个实用的数据仓库系统
    Response.ContentType 详细列表备忘使用(转载)
    WebClient UploadData UploadFile 用法
    char tchar wchar_t WCHAR LPCTSTR LPCWSTR
    网站测试自动化系统—系统应该有的功能
    网站测试自动化系统—收集测试结果
  • 原文地址:https://www.cnblogs.com/studybrother/p/10479349.html
Copyright © 2011-2022 走看看