Django模板层

酥酥 发布于 2021-09-18 51 次阅读


Django模板层

一、论MVC与MTV

传统的MVC

MVC代表Model-View-Controller (模型-视图-控制器)模式。

  • M模型层(Model):主要用于对数据库层的封装

  • V视图层(View):用于向用户展示结果 (WHAT + HOW )

  • C控制(Controller):用于处理请求、获取数据、返回结果(重要)

作用:降低模块间的耦合度(解耦)

Django的MTV模式

MTV代表 Model-Template-View(模型-模板-视图)模式

  • M模型层(Model):负责与数据库交互

  • T模板层(Template)负责呈现内容到浏览器(HOW)

  • 视图层(View)是核心,负责接收请求、获取数据、返回结果(WHAT)

作用:降低模块间的耦合度(解耦)


二、模板

1.模板是可以根据字典数据动态变化的html网页。

2.模板可以根据视图中传递的字典数据动态生成相应的HTML网页。

settings.py中的相关配置

创建模板文件夹<项目名>/ templates(必要)

在 settings.py中 TEMPLATES配置项:

  1. BACKEND:指定模板的引擎

  2. DRS:模板的搜索目录(可以是一个或多个)

  3. APP_DRS:是否要在应用中的 templates文件夹中搜索模板文件

  4. OPTIONS:有关模板的选项

配置项中需要修改部分DIRS-‘DIRS: [os.path.join(BASE_DIR, ‘templates)]

模板的加载方式

方案1-通过loader获取模板,通过HttpResponse进行响应在视图函数中

from django.template import loadert#1,通过1oader加载模板
loader.get_template("模板文件名")
html=t.render(字典数据)#2,将t转换成HTML字符串
return HttpResponse (html)#3.用响应对象将转换的字符串内容返回给浏览器

方案2-使用render()直接加载并响应模板在视图函数中

from django.shortcuts import render
return render (request,'模板文件名',字典数据)

视图层与模板层的数据交互

1,视图函数中可以将 Python变量封装到字典中传递到模板

样例

def xxx_view (request):
    dic={
    "变量1":"值1",
    "变量2":"值2"
    }
    return render (request, 'xxx.html',dic)

2,模板中,我们可以用{变量名}的语法调用视图传进来的变量如{{变量1}}

三、变量与标签

在模板中使用变量语法

  • {{变量名}}

  • {{变量名.index}}

  • {{变量名.key}}

  • {{对象.方法名}}

  • {{函数名}}

标签

作用:将一些服务器:端的功能嵌入到模板中,例如流程控制等标签语法

{%标签%}

{%结束标签%}

if标签

i标签语法:

  • {%if条件表达式1%}

  • {%elif条件表达式2%}

  • {%elif条件表达式3%}

  • {%else %}

  • {% endif %}

f条件表达式里可以用的运算符==,!=,<,>,<=,>=,in,not in,is, Is not,not,and,or不可使用括号!!!

locals()把赋值语句自动改成字典


end标签

语法

{%for i in可迭代对象%}

(循环语句)

{%empty %}#可迭代对象无数据时填充的语句

{% endfor %}


内置变量forloop

变量描述
forloop.counter 循环的当前迭代(从1开始索引)
forloop.counter0 循环的当前迭代(从0开始索引)
forloop.revcounter counter值的倒序
forloop.revcounter0 revcounter值的倒序
forloop.first 如果这是第一次通过循环,则为真
forloop.last 如果这是最后一次循环,则为真
forloop.parentloop 当嵌套循环, parentloop表示外层循环

四、过滤器与继承

过滤器定义:在变量输出时对变量的值进行处理作用:

可以通过使用过滤器来改变变量的输出显示

语法:{{变量|过滤器1:参数值1’|过滤器2:’参数值2’…}}

常用过滤器

过滤器 说明
lower 将字符串转换为全部小写
upper 将字符串转换为大写形式
safe 默认不对变量内的字符串进行html转义#会引发js代码
add 将value的值增加n
truncatechars:’n’ 如果字符串字符多于指定的字符数量,那么会被截断。截断的字符串将以可翻译的省略号序列(“..”)结尾。

模板的继承

定义:模板继承可以使父模板的内容重用,子模板直接继承父模板的全部内容并可以覆盖父模板中相应的块

语法-父模板中:

  1. 定义父模板中的块block标签{% block block_name %}父模板中选出block_ name块的内容{% endblock%}

  2. 标识出哪些在子模块中是允许被修改的

  3. block标签:在父模板中定义,可以在子模板中覆盖

语法-子模板中:

  1. 继承模板:extends标签(写在模板文件的第一行)例如{% extends ‘base.html’%}

  2. 子模板重写父模板中的内容块

  3. {% block block_name %}子模板块用来覆盖父模板中block_ name块的内容{% endblock%}

Tips:重写的覆盖规则

  • 不重写,将按照父模板的效果显示

  • 重写,则按照重写效果显示

注意V模板继承时,服务器端的动态内容无法继承!!!!

五、URL反向解析

URL可能出现的位置

  1. 模板【html中】

    1. <a href=’url’>超链接</a>点击后页面跳转至url

    2. form表单中的数据用post方法提交至url

  2. 视图函数中-302跳转HttpResponseRedirect(‘url’)将用户地址栏中的地址跳转到url

URL绝对地址与相对地址辨析

  1. 绝对地址http://127.0.0.1:8000/page/1

  2. 相对地址

    1. ‘/’开头的相对地址,浏览器会把当前地址栏里的协议,ip和端口加上这个地址,作为最终访问地址,即如果当前页面地址栏为http://127.0.0.1:8000/page/3; 当前相对地址最终结果为http://127.0.0.1:8000+/page/1

    2. 没有/开头的相对地址,浏览器会根据当前url的最后一个/之前的内容加上该相对地址作为最终访问地址,例如当前地址栏地址为http://127.0.0.1:8000/topic/detail;则该相对地址最终结果为http://127.0.0.1:8000/topic/ + page/1

URL反向解析

url反向解析是指在视图或模板中,用path定义的名称来动态查找或计算出相应的路由

path函数的语法path(route, views, name=”别名”)

path(page’, views.page-view, name=”page_url”)

根据path中name=关键字传参给url确定了个唯一确定的名字在模板或视图中,可以通过这个名字反向推断出此url信息

模板中

模板中
通过url标签实现地址的反向解析、
{%ur1 '别名'%}
{% ur1 '别名' '参数值1' '参数值2' %}
{% url 'pagen' '4QQ' %}
{% url 'person' age='18' name='gxn'%}

视图函数中

在视图函数中->可调用django中的 reverse方法进行反向解析
from django urls import reverse
reverse('别名',arqs=[], kwargs={})
print(reverse(pagen,args=[300]))
print(reverse(person,kwargs= {'name': 'xixi','age': 181))
return HttpResponseRedirect(reserve语句)