django视图层--JsonResponse对象、form表单上传文件、CBV与FBV源码、模板语法传值、模板语法过滤器、模板语法之标签、自定义过滤器、模板的继承

【三板斧介绍】

用来处理请求的视图函数都必须返回HttpResponse对象-----完全正确！！！
diango视图函数里面返回值不用三板斧必报错    HttpResponse,render,redirect
查看3个的源码发现    HttpResponse是一个类   render是一个函数

---------------------------------------------
class HttpResponse:
    pass
----------------------------------------------
def render():
    return HttpResponse()
----------------------------------------------
def redirect():
    redirect_class = 类(祖先有个类是HttpResponse)
    return redirect_class()

==============================
看三者的源码

 

。

。

【JsonResponse对象】

 返回给浏览器一个json格式的字符串

路由

urlpatterns = [
    # json相关
    path('ab_json/',views.ab_json),

]


----------------------
views.py

def ab_json(request):
    # 没有中文字符情况下，用返回json格式没有问题
    user_dict = {'username': 'jason', 'password': '123', 'hobby': 'run'}
    # 如果有中文字符，前端会给我们展示uncode编码格式
    user_dict = {'username': 'jason讲课讲的真的好', 'password': '123', 'hobby': 'run'}
    # 把user_dict发到前端去，然后以json格式展示
    # 先转成json格式字符串,ensure_ascii=False 有中文字符也正常显示
    json_str = json.dumps(user_dict, ensure_ascii=False)
    # 将该字符串返回
    return HttpResponse(json_str)

ensure_ascii=False  作用是取消在序列化的时候给中文编码，不然在页面上显示的时候就会将文字变成乱码了！！！
====================
上述需要手动去序列化，
但django给我们提供了一种更简介的模块：JsonResponse

JsonResponse主要序列化字典 针对非字典的其他可以被序列化的数据需要修改safe参数为False

return JsonResponse(user_dict)
----
ps:以后写代码很多时候可能需要参考源码及所学知识扩展功能,见下面的图
最终版，解除中文乱码
return JsonResponse(user_dict,json_dumps_params={'ensure_ascii':False})

 

 

序列化一个列表,会发现报错，默认只能序列化字典，序列化其他类型需要加safe=False参数

  l = [111, 222, 333]
   return JsonResponse(l, safe=False)

 。

。

。

【form表单上传文件】

form表上传文件类型的时候，一定要是POST请求，然后enctype="multipart/form-data"

 【request方法补充】

    # request方法补充
    print(request.path)  # /ab_file/ 只能拿到路由

    print(request.path_info)  # /ab_file/

    print(request.get_full_path())  # /ab_file/？username=jason 可以获得完整的url

    print(request.body)  # 空的，原生的浏览器发过来的二进制数据

。

。

 【CBV与FBV源码】

funtion 函数和路由之间的映射关系
class 类和路由之间的映射关系


FBV        基于函数的视图

    def index(request):return HttpResponse对象

views.View 是个类！！！
---------------------------------------------------
---------------------------------------------------
CBV        基于类的视图比基于函数的视图 更加的灵活
在类里面只需要写跟请求方法相同的函数名，当路由触发了该类的视图函数的运行时，会根据请求方式的不同，自动触发对应的函数名函数的运行！！！函数的视图它是要在函数体代码里面自己加if判断请求方式是什么，然后才能去执行对应的函数！！！

会自动根据请求方法的不同自动匹配对应的方法并执行！！！

 

。

。

 【CBV源码解析】

 

CBV特点：

 

　　能够直接根据请求方式的不同直接匹配到对应的方法执行

1.从CBV的路由匹配切入
    path('login/', views.MyLoginView.as_view())
  1.类名点名字(名字的查找问题,先自身，再到类里找，再到父类里找！！)
  2.类名点名字并加括号调用(两种情况静态方法staticmethod、绑定给类的方法classmethod)
-------------------------------------------------------------

2.函数名加括号执行优先级最高 项目一启动就会自动执行as_view方法
    path('login/', views.Myloginview.as_view())     变成了
    path('login/', view)  # CBV路由本质还是FBV
-------------------------------------------------------------

3.浏览器地址栏访问login路由需要执行view函数！！！
view() 执行view函数

    对象调用dispatch方法(注意查找顺序先自己的，再到产生对象的类里面，最后再到父类里面找！！一定要记住！！！！！！！！！！)
-------------------------------------------------------------

4.研究父类中的dispatch方法
    获取当前请求方法并转小写
    之后利用反射获取类中对应的方法并执行

dispatch 发货，派遣，分派（v）
-------------------------------------------------------------

class View:
     @classmethod
     def as_view(cls, **initkwargs):
        def view(request, *args, **kwargs):
            self = cls(**initkwargs)
            return self.dispatch(request, *args, **kwargs)

 self.dispatch() 这个地方注意：
查找顺序先自己的，再到产生对象的类里面，最后再到父类里面找
现在我们用的是父类里面的dispatch方法  如果在我们自己的类里面定义一个dispatch方法
那么这个地方self.dispatch()就运行自己类里面的dispatch方法！！！
后面经常在该出变换花招！！！
---------------------------

     def dispatch(self, request, *args, **kwargs):
         handler = getattr(self, request.method.lower())
         return handler(request, *args, **kwargs)

 

 

。

。

。

【模板语法传值】

 

"""
{{ }}:主要与数据值相关
{% %}:主要与逻辑相关

django的模板语法是自己写的 跟jinja2不一样

1.针对需要加括号调用的名字, django模板语法会自动加括号调用你只需要写名字就行
2.模板语法的注释前端浏览器是无法查看的 {##}
3.
"""
------------------------------------------------------------
1.模板语法传值给模板层方法
def index(request)
    name='jason'
    age=18
    return render(request, 'demo02.html', {'n1': name, 'a1': age})
html页面  {{n1}}   {{a1}}       这样拿值
# 传值方式1:精准传值 不浪费资源 针对多资源的传递书写麻烦

    return render(request,'demo02.html', locals())
html页面  {{name}}   {{age}}     这样拿值
# 传值方式2:将函数名称空间中所有的名字全部传递 名字过多并且不使用的情况下比较浪费资源
------------------------------------------------------------
2.模板语法传值特性
    1.基本数据类型正常展示
    2.文件对象也可以展示并调用方法
    3.函数名会自动加括号执行并将返回值展示到页面上(不支持额外传参)
    4.类名也会自动加括号调用
    5.对象则不会
    6.模板语法的注释，前端是识别不出来的，因为页面要先经过后端代码的处理，然后再发送给前端，经过后端代码的处理后，模板语法的注释直接就被去掉了，所以前端是看不到后端的模板语法的注释的！！
ps:总结针对可以加括号调用的名字,模板语法都会自动加括号调用！！！
--------------------------------------------------------------
3.模板语法之过滤器(内置函数)

 

 

(传python基本数据类型)

views.py

def index(request):
    # 模板语法可以传递的后端python数据类型
    # 字典
    my_dict = {'name': '张三', 'age': 18, 'gender': '男', 'hobby': ['篮球', '足球', '游泳']}
    # 列表
    my_list = ['apple', 'banana', 'orange', 'pear', 'grape', 'watermelon']
    # 字符串
    my_str = 'hello world'
    # 整数
    my_int = 100
    # 浮点数
    my_float = 3.14
    # 布尔值
    my_bool = True
    # 集合
    my_set = {1, 2, 3}
    # 元组
    my_tuple = (1, 2, 3)

    return render(request, 'index.html', locals())

-------
------
模板层

<body>
<p>{{ my_dict }}</p>
<p>{{ my_list }}</p>
<p>{{ my_str }}</p>
<p>{{ my_int }}</p>
<p>{{ my_float }}</p>
<p>{{ my_bool }}</p>
<p>{{ my_set }}</p>
<p>{{ my_tuple }}</p>
<p>{{ func }}</p>
</body>


路由：path('index/', views.index),

 (函数传值）

<p>{{ func }}</p>   #传递函数名会自动+（）调用，但是模板语法不支持给函数传额外的参数：{{ func }}

<p>传类名的时候也会自动加括号调用(实例化){{ MyClass }}</p>

<p>{{ obj }}</p>   #django内部能够自动判断当前的变量名是否可以加括号调用,如果可以就会自动执行,针对的是函数名和类名

{#<h1>也可以直接调用函数里面的三个方法</h1>#}

<p>{{ obj.get_class }}</p>
<p>{{ obj.get_func }}</p>
<p>{{ obj.get_self }}</p>


----------------------
views.py

    def func():
        print('这是一个函数类型')
        return '也有返回值,但是不支持有参数'

    class MyClass(object):
        def get_self(self):
            return 'self'

        @staticmethod
        def get_func():
            return 'func'

        @classmethod
        def get_class(cls):
            return 'cls'

        # 对象被展示到html页面上,就类似于执行了打印操作,也会触发__str__方法
        def __str__(self):
            return '这是一个对象'

    obj = MyClass()  # 传对象

 。

。

（模板语法的取值：固定的格式，只能采用“句点符”   .）

<body>
<p>拿到字典里的第二个爱好：{{ my_dict.hobby.1 }}</p>

<p>取列表里面的第一个值，0是索引：{{ my_list.0 }}</p>
{#<h1>过滤器</h1>#}
<p>统计长度：{{ my_str|length }}</p>

{#如果布尔值为True,返回给我们的就是True,如果为False,返回给我们的就是default后面的值：这是啥啊#}
<p>默认值：{{ my_bool|default:'这是啥啊' }}</p>

</body>


------------------
-------------------

 。

。

。

 【模板语法之过滤器】

过滤器就类似于模板语法内置的内置方法，django内置有60多个过滤器

 

基本语法：

　　{{变量名|过滤器：参数}}


<p>统计长度：{{ my_str|length }}</p>

{#如果布尔值为True,返回给我们的就是True,如果为False,返回给我们的就是default后面的值：这是啥啊#}
<p>默认值：{{ my_bool|default:'这是啥啊' }}</p>

<P>文件大小：{{ file_size|filesizeformat }}</P>
<p>日期格式化：{{ current_time|date:'Y-m-d H:i:s' }}</p>
<p>切片操作：{{ my_list|slice:'0:3:1' }}</p>
<p>切取字符（文章摘要,包括3个点）：{{ info|truncatechars:9 }}</p>
<p>切取单词：不包含3个点，按照空格切{{ egl| truncatewords:9}}</p>
<p>移除特定的字符：切空格{{ msg|cut:' ' }}</p>
<p>拼接操作：{{ my_list|join:'$' }}</p>
<p>加法操作：{{ my_int|add:10 }}</p>
<p>加法操作：{{ my_str|add:msg }}</p>
<p>取消转义(不转是正确的)：{{ h }}</p>
<p>转义(不转是正确的)：{{ h|safe }}</p>
{#<p>转义(为什么不转义：容易崩掉)：{{ s|safe }}</p>#}
<p>后端转义：{{ res }}</p>




------------------
------------------
views.py

    # 文件的大小,转为我们认识的KB,MB,GB
    file_size = 1243

    # 日期格式化
    import datetime
    current_time = datetime.datetime.now()

    # 文章摘要
    info = ('由于两个月的奋战，导致很久没更新了。就是上回老周说的那个产线和机械手搬货的项目，好不容易等到工厂放假了，我就偷偷乐了 ...')

    # 切取英文
    egl = 'my name is xxx my age is 18 and i am a student'

    # 移除字符
    msg = 'I Love you but just only'

    # 取消转义
    h = '<h1>刘亦菲</h1>'
    # s='<script>alert(123)</script>'
    # 后端转义:以后再写全栈项目的时候前端代码不一定在前端页面书写，可以在后端写好，传给前端页面
    from django.utils.safestring import mark_safe
    hh = '<h1>小龙女</h1>'
     res = mark_safe(hh)  # 后端转义

 

 

 

 

 。

。

。

【模板语法之标签】

(for标签)

 

<body>

{% for list in my_list %}
    <p>{{ forloop }}</p>
{% endfor %}

</body>

forloop内置的模块，标记for循环是第几次
--------
--------
views.py

my_list = ['apple', 'banana', 'orange', 'pear', 'grape', 'watermelon']
==================================
for循环的用法：
　　<p>{{ list }}</p>  # for出来的是一个个元素，相当于for i in 

 

。

。

 (if标签)

<body>
# if和else连用

{% if my_bool %}
    <p>是真的</p>
{% elif my_str %}
    <p>傻子，这是字符串</p>
{% else %}
    <p>都是骗子</p>
{% endif %}

--------------------------------------------
#  if与for连用

{% for foo in my_tuple %}
    {% if my_bool %}
        <p>是真的</p>
    {% elif my_str %}
        <p>傻子，这是字符串</p>
    {% else %}
        <p>都是骗子</p>
    {% endif %}
{% empty %}
    {#        <p>for循环的对象是空，根本没办法循环</p>#}
{% endfor %}

-----------------------------------------------
# with起别名

<p>{{ my_dict.hobby.1 }}</p>
{% with my_dict.hobby.1 as zq %}
    <p>{{ zq }}</p>
{% endwith %}

 。

。

【自定义过滤器、标签、inclusion_tag】

如果想要自定义一些模板语法 需要先完成下列的三步走战略
    1.在应用下创建一个名字必须叫templatetags的目录!!!
    2.在上述目录下创建任意名称的py文件，比如mytags.py
    3.在上述py文件内先编写两行固定的代码:
    from django import template

    register = template.Library()


# 自定义过滤器(固定的 最大只能接收两个参数）

-----------------------
自定义的py文件

from django import template

register = template.Library()


# 自定义过滤器
@register.filter(name='baby')
def my_sum(v1, v2):
    return v1 + v2


# 自定义标签(参数可以有多个）
@register.simple_tag(name='oldbaby')
def name(a, b, c, d):
    return '%s-%s-%s-%s' % (a, b, c, d)


# 自定义inclusion_tag
@register.inclusion_tag('left_menu.html')
def left(n):
    data = ['第{}项'.format(i) for i in range(n)]
    return locals()  # 将data传递给left_menu.html
    # 第二种传值方式
    # data={'data':data}

---------------------------
---------------------------
自定义过滤器的使用

<body>

{% load mytage %}
<p>{{ my_int|baby:666 }}</p>

{#<h2>自定义标签，标签多个参数之间用空格隔开</h2>#}
<p>{% oldbaby '王俊凯' '王源' '易烊千玺' '杨洋' %}</p>

<h2>inclusion_tag的使用</h2>
{% left 5 %}

</body>

 

 

 （自定义inclusion_tag内部原理）

总结！！！

 　　总结：

　　　　当html页面需要某一个地方的页面需要传参数才能够动态的渲染出来，并且在多个页面上都需要使用到该局部，那么就考虑将该局部页面做成inclusion_tag形式

。

。

 

【模板的继承】

母板的继承(重要)
多个页面有很多相似的地方,只有，某一些局部在变化，可以采取下列方式:

方式1:传统的复制粘贴
----------------------------------------------
方式2:母板的继承:

1.在母板中提前使用block划定子板以后可以修改的区域
    {% block 区域起个名称 %}
        子模版可以修改的代码
    {% endblock %}

2.子板继承模板（子模版要首先把系统自带的代码全部删掉）
    {% extends 'home.html' %}    # 完全继承模板的代码
    {% block 模板申明的可改区域名称 %}
        子板自己的内容
    {% endblock %}
----------------------------------------------
母板中至少应该用block划定三个区域：页面内容区、css样式区、js代码区

母板中应该预留出给子版编写页面的区域，也应该预留出可以给子板编写css代码与js代码的区域
---------------------------------------------
补充:子板也可以继续使用模板的内容
    {{ block.super }}
----------------------------------------------
模板的导入(了解)
    将某个html的部分提前写好 之后很多html页面都想使用就可以导入
        {% include 'myform.html' %}

 

(用到了导航条，巨幕，列表，面板)

 

views.py

# 模板的继承:主模板
def home(request):
    return render(request, 'home.html')


# 模板继承里的loginn
def login(request):
    return render(request, 'loginn.html')


# 模板继承里的reg
def reg(request):
    return render(request, 'reg.html')


===============================================
主模板：home.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../static/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <script src="/static/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/static/bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="/static/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    {% block css %}
    {% endblock %}
</head>
<body>
{#导航条#}
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Brand</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
                <li><a href="#">Link</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
            </ul>
            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Link</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-3">
            {#            列表组#}
            <div class="list-group">
                <a href="/home/" class="list-group-item active">
                    首页
                </a>
                <a href="/loginn/" class="list-group-item">登录</a>
                <a href="/reg/" class="list-group-item">注册</a>

            </div>
        </div>
        <div class="col-md-9">
            {#            面板#}
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">Panel title</h3>
                </div>
                <div class="panel-body">
                    {#                    主页巨幕#}
                    {% block content %}
                        <div class="jumbotron">
                            <h1>Hello, world!</h1>
                            <p>...</p>
                            <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
                        </div>
                    {% endblock %}
                </div>
            </div>
        </div>
    </div>
</div>
{% block js %}
{% endblock %}
</body>
</html>


---------------------------
子模板loginn.html

{% extends 'home.html' %}

{% block css %}
    {#    可以在这里写自己的样式#}
    <style>
        h1 {
            color: darkred;
        }
    </style>
{% endblock %}
{#home.html页面告诉我有一个区域叫content可以被修改，要修改么#}
{% block content %}
    <h1 class="text-center">登录页面</h1>
    <form action="">
        <p>username:<input type="text" class="form-control"></p>
        <p>password:<input type="password" class="form-control"></p>
        <input type="submit" class="btn btn-success">
    </form>
    <p>模板的导入</p>
    {% include 'wasai.html' %}
{% endblock %}

{% block js %}
    <script>alert('登录页面')</script>
{% endblock %}

-----------------------------------
子模板re.html

{% extends 'home.html' %}

{% block css %}
    {#    可以在这里写自己的样式#}
    <style>
        h1 {
            color: bisque;
        }
    </style>
{% endblock %}
home.html页面告诉我有一个区域叫content可以被修改，要修改么
{% block content %}
    <h1 class="text-center">注册页面</h1>
    <form action="">
        <p>username:<input type="text" class="form-control"></p>
        <p>password:<input type="password" class="form-control"></p>
        <input type="submit" class="btn btn-danger">
    </form>
    <p>模板的导入</p>
    {% include 'wasai.html' %}
{% endblock %}

{% block js %}
    <script>alert('注册页面')</script>
{% endblock %}

===
总结：模板继承可以继承三个部分：css样式，js样式和主样式
        子模板中可以有自己单独的样式

路由:

path('home/', views.home),
path('loginn/', views.login),
path('reg/', views.reg)

 

 

 

 

 

 

 (一般情况下的补充：点击登录，跳转到登录的页面)

 

 

【模板的导入】

　　将页面的某一个局部当成模块的形式，哪个地方需要就可以直接导入使用即可