Django之视图层与模板层

目录

• 视图层
  • 小白必会三板斧
    • HttpResponse
    • render
    • redirect
• JsonResponse
  • 前后端分离
• FBV
• CBV
• 给CBV加装饰器
• 模板层
  • 模板语法
  • 模板传值
• 过滤器
  • 语法结构
  • 前后端取消转义
• for if 联合使用
• 自定义过滤器和标签
  • 必须要先有三步准备：
  • 使用自定义过滤器
• 自定义标签
• 自定义inclusion_tag
• 模板的继承
• 模板的导入

视图层

小白必会三板斧

HttpResponse

返回字符串

render

返回HTML页面

redirect

重定向

视图函数必须有一个返回值，并且返回值的数据类型必须是HttpResponse对象

JsonResponse

前后端分离

'''
前后端数据交互 该如何进行？

通常情况下前后端数据交互采用的都是json的字符串(字典)
后端只需要写好相应的url接口 前端访问你这个接口 
你只需要返回一个大字典即可 + 开发文档
用来告诉前端工程师 你这个接口能够返回哪些数据 
'''

前后端序列化反序列都用哪些方法
                python后端                js
                
                json.dumps             JSON.stringify
        
                json.loads  
                JSON.parse
                
def index(request):
                user_dic = {'name':'jason好帅哦 我好喜欢~','password':'123'}
                # 如何让json不自动帮你对中文进行转码
                # json_str = json.dumps(user_dic,ensure_ascii=False)
                # return HttpResponse(json_str)
                # return JsonResponse(user_dic,json_dumps_params={'ensure_ascii':False})
                l = [1,2,3,4,5,6,7,]
                # JsonResponse默认是序列化字典用的 如果你想序列化其他数据类型(json模块能够序列化的) 你需要加一个safe参数
                return JsonResponse(l,safe=False)           

FBV

基本函数的视图

CBV

基于类的视图

from django.views import View

class MyLogin(View):
    def get(self,requset):
        print('我是MyLogin里面的get方法')
        return render(requset,'login.html')
    
    def post(self,requset):
        print('我是MyLogin里面的post方法')
        return HttpResponse('post')
    
# 注意路由的书写与CBV有点不同
url(r'^index/',views.index),
# CBV写法
url(r'^index/',views.MyLogin.as_view())
    

给CBV加装饰器

from django.utils.decorators import method_decorator
        
        # 2.可以指定给谁装
        # @method_decorator(outter,name='post')
        # @method_decorator(outter,name='dispatch')
        class MyLogin(View):
            @method_decorator(outter)
            def dispatch(self, request, *args, **kwargs):  # 如果你想在视图函数执行之前 做一些操作 你可以在你的CBV中定义dispatch方法来拦截

                return super().dispatch(request,*args,**kwargs)
            # @outter  # 1.直接写
            # @method_decorator(outter)  # 1.推荐写法
            def get(self,request):
                print('我是MyLogin里面的get方法')
                return render(request,'login.html')
            # @outter
            def post(self,request):
                print('我是MyLogin里面的post方法')
                time.sleep(1)
                return HttpResponse('post')

模板层

模板语法

只有两种书写格式

1. {{}}:变量相关
2. {% %}逻辑相关，列如：for，if，

模板传值

能传所以数据类型

函数：

<p>传函数名:{{ index1 }}
    给HTML页面传递函数名的时候 模板语法会自动加括号调用该函数 并且将函数的返回值当做展示依据
    模板语法不支持函数传参 也就意味着 你传给html页面的只能是不需要传参调用的函数
</p>

过滤器

语法结构

模板语法也给你提供了一些内置方法，帮你快速的处理数据(最多只能有两个参数)

前后端取消转义

前端
    |safe
后端
    from django.utils.safestring import mark_safe
    sss2 = "<h2>我的h2标签</h2>"
    res = mark_safe(sss2)   
# 模板语法之过滤器会自动将|左边的数据当作过滤器的第一个参数传入 :右边的当做第二个参数

{<p>统计长度(如果无法统计默认返回0):{{ s|length }}</p>}
{<p>加法运算(内部异常捕获 支持数字相加 字符串拼接 都不符合返回空):{{ n|add:f }}</p>}
{<p>切片操作 顾头不顾尾 也支持步长:{{ l|slice:'0:5:2' }}</p>}
{<p>判断是否有值(有值展示值本身 没值展示默认值):{{ is_value|default:'is_value变量名指向的值为空' }}</p>}
{<p>自动转成文件大小格式:{{ file_size|filesizeformat }}</p>}
{<p>截取文本内容(字符) 截取五个字符 三个点也算:{{ s|truncatechars:8 }}</p>}
{<p>截取文本内容(按照空格计算) 截取五个单词 三个点不算 :{{ s1|truncatewords:5 }}</p>}

# 默认情况下 是不会自动帮你转换成前端html标签 防止恶意攻击
    {<p>展示带有标签的文本:{{ sss|safe }}</p>}
    {<p>展示带有标签的文本:{{ sss1|safe }}</p>}
    

for if 联合使用

{% for foo in l %}
    {% if forloop.first %}
        <p>这是我的第一次</p>
    {% elif forloop.last %}
        <p>这是最后一次了啊</p>
    {% else %}
        <p>{{ foo }}</p>
    {% endif %}
    {% empty %}
    <p>当for循环的对象是空的时候会走</p>
{% endfor %}

# 模板语法的取值只有一种方式 统一采用句点符
<p>{{ comp_dic.hobby.2.2.age }}</p>

自定义过滤器和标签

必须要先有三步准备：

1. 在应用名下新建一个名字必须叫templatetags的文件

2. 在该文件夹内，新建一个任意名称的py文件

3. 在该py文件中必须先写下面两句代码

   from django.template import Library

   register=Library()

4. 之后就可以利用register来自定义过滤器和标签

使用自定义过滤器

需要先在html页面上加载 通过{% load 文件名 %}

# 自定义过滤器  跟默认的过滤器一样 最多只能接受两个参数
@register.filter(name='baby') # 通过事先在创建的py文件中的register进行.filter方法
def index(a,b):
    return a + b
# 前端：
    {% load 文件名  %}
    {{1|baby:1} 
    # 若想传入多个参数的话只能以字符串的形式传入
     {{1|baby:’1|2|3|4‘}} # 在通过字符串的切割就能取出多个

自定义标签

# 自定义标签   可以接受任意多个参数
@register.simple_tag(name='mytag')
def mytag(a,b,c,d):
    return '%s?%s?%s?%s'%(a,b,c,d)
# 前端:
    {% load 文件名 %}
    {% mytag 'a','b','c','d' %}
# 注意：自定义的过滤器可以在逻辑语句中使用，而标签不可以

自定义inclusion_tag

# 自定义inclusion_tag
"""
    是一个函数 能够接受外界传入的参数 然后传递给一个html页面
    页面上获取数据 渲染 完成之后
    将渲染好的页面 放到调用inclusion_tag的地方
    
"""
@register.inclusion_tag('mytag.html',name='xxx')
def index666(n):
    l = []
    for i in range(n):
        l.append('第%s项'%i)
        return locals()  # 将l直接传递给mytag.html页面
    
# 在mytag.html中获取数据 渲染：
<ul>
    {% for foo in l %}
        <li>{{foo}}<li>
    {%endfor%}
<ul>

# text.html中展示渲染好的页面：
{% load mytag %}
{{xxx 10}}

模板的继承

你需要事先在你想要使用的页面上 划定区域 之后在继承的时候 你就可以使用你划定的区域
也就意味着 如果你不划定任何区域 那么你将无法修改页面内容

1. 先在你想要继承的页面上通过bolck划定你将来可能要改的区域
2. 在子页面上线继承extends
3. 利用block自动提示 选取你想要修改的内容区域

{% block content %}
'''
内部为被划定的html区域
'''
{% endblock %}

# 在另一个html文件中：
{% extends 'home.html' %}   # 继承哪一个页面
                  
{% block content %}
修改模板中content区域内容
{% endblock %}

# 模板上的block区域越多 页面的扩展性越强
# 建议你一个模板页面至少有三块区域：
    css区域
    html代码区域  可以设置多个block
    js区域
# 有了这三块区域 就能够实现每一个页面都有自己独立的css和js代码

{% extends 'home.html' %}

# css样式：
    {% block css %}
    <style>
    p {
        color: green;
    }
    </style>
# 页面内容
{% endblock %}
{% block content %}
<p>login页面</p>
{% endblock %}


# js脚本
{% block js %}
<script>
alert('login')
</script>
{% endblock %}


# 你还可以在子页面上继续沿用父页面的内容
    {{ block.super }}
        

模板的导入

将htnl页面当作模块直接导入使用

# 导入需要使用的html页面
{% include 'bform.html' %}