zoukankan      html  css  js  c++  java
  • 模板层

    模板层:

    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' %}
    
  • 相关阅读:
    jar包和war包的区别:
    tail
    redis
    查看Linux操作系统版本
    CentOS 7.0 systemd代替service
    周刊(三月最后一期)
    周刊第四期
    周刊第三期
    周刊第二期
    周刊(第一期)
  • 原文地址:https://www.cnblogs.com/shaozheng/p/11937888.html
Copyright © 2011-2022 走看看