模板层

模板层:

django 的模板:

浏览器 ----请求信息--》路由分发 ---》 视图处理----返回数据 ---html,css 数据---》数据耦合(前后端耦合开发)

分离前后端开发优点:

1.程序的可维护和可扩展性
2.开发效率

模板层: 将前端页面和 后端的代码分离 的一种开发模式 !!!
django 的模板 = HTML的代码  + 模板语法
# 存放在 templaites ,创建后在seetimgs内添加路径

返回html 的页面数据是动态 --》 则在html页面嵌入变量--》模板语法

模板语法:

书写格式:
    {{}}  变量相关
    {%%}  逻辑相关
    
深度查询取值 : 只有按点的方式+ 索引位 查找
#<p>{{ comp_dic.hobby.2.2.age }}</p>
模板传值:
   --python基本数据类型全部支持传值!!
    
 eg:<p>传函数名:{{ index1 }} 给HTML页面传递函数名的时候 模板语法会自动加括号调用该函数 并且将函数的返回值当做展示依据;
	模板语法不支持函数传参 也就意味着 你传给html页面的只能是不需要传参调用的函数
	
eg:		<p>传类名:{{ MyClass }}
        自动加括号实例化产生对象
        <p>传对象:{{ obj }}</p>
        <p>{{ obj.get_self }}</p>
        
总结:只要是能够加括号调用的 传递到html页面上都会自动加括号调用

过滤器:

语法结构: |
   
-模板语法也提供了一些内置的方法 帮你快速的处理数据

注意: 过滤器内最多只能有两个参数

过滤器内置方法:

#会自动将|左边的数据当前过滤器的第一个参数传入 :右边的当做第二个参数</p>
	{#<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>#}
	{#<p>默认情况下 是不会自动帮你转换成前端html标签 防止恶意攻击</p>#}
	{#<p>展示带有标签的文本:{{ sss|safe }}</p>#}

前后端取消转义,实现前后互转:
前端    | safe
后端
    from django.utils.safestring import mark_safe
    sss2 = "<h2>我的h2标签</h2>"
    res = mark_safe(sss2)

标签:

--逻辑相关 (if / for循环)
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 %}

自定义过滤器和标签:

django支持用户自定义:
    必须要先有三部准备
#     1.在应用名下新建一个名字必须叫templatetags的文件夹
#     2.在该文件夹内 新建一个任意名称的py文件
#     3.在该py文件中 必须先写下面两句代码
#     from django.template import Library
#     
#     register = Library()
#     # 之后就可以利用register来自定义过滤器和标签

使用自定义的过滤器:
    需要先在html页面上 加载
    # 自定义过滤器  跟默认的过滤器一样 最多只能接受两个参数
    @register.filter(name='baby')
    def index(a,b):
        return a + b

    # 自定义标签   可以接受任意多个参数
    @register.simple_tag(name='mytag')
    def mytag(a,b,c,d):
        return '%s?%s?%s?%s'%(a,b,c,d)

自定义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页面


{#<p>自定义过滤器的使用</p>#}
    {#{% load mytag %}#}
        {#{{ 1|baby:100  }}#}

{#<p>自定义标签的使用 可以接受多个参数 参数与参数之间必须空格隔开</p>#}
    {#{% load mytag %}#}
        {#{% mytag 'a' 'b' 'c' 'd' %}#}
            {#{% load mytag %}#}

{#<p>自定义的过滤器可以在逻辑语句使用 而自定义的标签不可以</p>#}
    {% if mytag '1' '2' '3' '4' %}
    <p>有值</p>
    {% else %}
    <p>无值</p>
    {% endif %}

<p>自定义inclusion_tag的使用  当你需要使用一些页面组件的时候 并且该页面组件需要参数才能够正常渲染 你可以考虑使用inclusion_tag</p>
			{% load mytag %}
			{% xxx 5 %}

模板的继承

	需要事先在你想要使用的页面上 划定区域 之后在继承的时候 你就可以使用你划定的区域;
# 初始页面的html(要修改的部分添加) :
{% block content %}
{% endblock %}

eg: {% block content %}
		修改模板中content区域内容
    {% endblock %}
--先在页面上利用block划定你以后可能想改的区域

# 页面继承(只能修改block部分):
 {% extends 'xxx.html' %}
#模板上的block区域越多 页面的扩展性越强

#模板页面划分区域:
 css 区域
 html 区域  :可以设置多个block
 js 区域
--能够实现每一个页面都有自己独立的css和js代码

eg: 
    {% block js %}
		<script>
			alert('login')
		</script>
	{% endblock %}
    
在子页面上继续沿用父页面的内容:
 	{{ block.super }}

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

模板的导入

模板的导入
	将html页面当做模块的直接导入使用
			
	{% include 'bform.html' %}
posted @ 2019-11-26 19:32  black__star  阅读(205)  评论(0编辑  收藏  举报