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

    模板语法值变量

    详情参见:https://www.cnblogs.com/xiaoyuanqujing/p/11637963.html
    
    {{}}:变量相关
    
    {%%}:逻辑相关
    
    
    """
    如果html代码中的数据不是固定死的,而是动态变化的,则必须在html中嵌入变量,为此,模板语法提供了变量的概念,允许我们在html代码中嵌入变量,
    我们只需要在视图函数中用render方法为html文件中指定的变量赋值即可,具体用法如下
    """

    变量的基本使用

    def index(request):
        # 模板语法可以传递的后端python数据类型
        # 模板语法可以传递的后端python数据类型
        n = 123
        f = 11.11
        s = 'hello'
        b = True
        l = ['小红','姗姗','花花']
        t = (111,222,333,444)
        d = {'username':'jason','age':18,'info':'这个人有点意思','hobby':[11,22,33,44,{'info':'NB'}]}
        se = {'晶晶','洋洋','莉莉'}
    
        def func():
            print('我被执行了')
            return '执行了'
    
        class MyClass(object):
            def get(self):
                return 'self'
    
            @staticmethod
            def get_func():
                return 'func'
    
            @classmethod
            def get_class(cls):
                return 'cls'
    
            # 对象被展示到html页面上 就类似于执行了打印操作 也会触发__str__方法
            def __str__(self):
                return '到底会不会呢???'
    
        obj = MyClass()
    
        # return render(request,'index.html',{})  # 一个个传
        return render(request,'index.html',locals())
    
    """
     # 注意:
        # 1、render函数的第三个参数包含了要传给模板的变量值,是一个字典类型,该字典中的key必须与模板文件中的变量名相对应,
    render函数会去templates目录下找到模板文件,然后根据字典中的key对应到模板文件中的变量名进行赋值操作,最后将赋值后的模板文件内容返回给浏览器 # 2、可以将render函数的第三个参数简写为locals(),如下 return render(request,'test.html',locals()) #locals()会将函数test内定义的名字与值转换为字典中的k与v 传值方式1 传值精确 不会造成资源浪费 传值方式2 传值粗糙 可能会造成一定的资源浪费
    """ <p>{{ n }}</p> <p>{{ f }}</p> <p>{{ s }}</p> <p>{{ b }}</p> <p>{{ l }}</p> <p>{{ d }}</p> <p>{{ t }}</p> <p>{{ se }}</p> <p>传递函数名会自动加括号调用 但是模板语法不支持给函数传额外的参数:{{ func }}</p> <p>传类名的时候也会自动加括号调用(自动实例化){{ MyClass }}</p> <p>内部能够自动判断出当前的变量名是否可以加括号调用 如果可以就会自动执行 针对的是函数名和类名</p> <p>{{ obj }}</p> <p>{{ obj.get }}</p> <p>{{ obj.get_class }}</p> <p>{{ obj.get_func }}</p> # django模板语法的取值是固定的格式 只能采用"句点符" <p>{{ d.username }}</p> <p>{{ l.0 }}</p> <p>{{ d.hobby.4.info }}</p> # 即可以点键也可以点索引 还可以两者混用

    深度查询之句点符的使用

    """
    当视图函数传给模板的值中包含多个元素时,若想取出其中的单个元素,就必须使用句点符了。
    
    索引 键都可以无限制的点点点
    
    句点符既可以引用容器类型的元素,也可以引用对象的方法,如下
    """
    """
    # django模板语法的取值是固定的格式 只能采用"句点符"
    <p>{{ d.username }}</p>
    <p>{{ l.0 }}</p>
    <p>{{ d.hobby.4.info }}</p>
    # 即可以点键也可以点索引 还可以两者混用
    """

    过滤器(过滤器最多只能有两个参数)

    # 过滤器就类似于是模板语法内置的 内置方法
    # django内置有60多个过滤器 我们不需要学这么多 了解10个左右就差不多了 后面碰到了再去记忆
    
    # 基本语法
    {{数据|过滤器:参数}}
    
    # 转义
    # 前端
        safe
    # 后端
        from django.utils.safestring import mark_safe
        res = mark_safe('<h1>星星</h1>')
    """
    以后你在写全栈项目的时候 前端代码不一定非要在前端页面书写
    也可以先在后端写好 然后传递给前端页面
    """
    
    <h1>过滤器</h1>
    <p>统计长度:{{ s|length }}</p>
    <p>默认值(第一个参数布尔值是True就展示第一个参数的值否则就展示冒号后面的值):{{ b | default:'啥也不是' }}</p>
    <p>文件大小:{{ file_size | filesizeformat }}</p>   <!--文件大小:120.6 KB-->
    <p>日期格式化:{{ current_time | date:'Y-m-d H:i:s' }}</p>
    <p>切片操作(支持步长):{{ l | slice:'0:3:2' }}</p>
    <p>切取字符(包含三个点):{{ info | truncatechars:10 }}</p>
    <p>切取单词(不包含三个点 按照空格切):{{ egl | truncatewords:9 }}</p>
    <p>切取单词(不包含三个点 按照空格切):{{ info | truncatewords:9 }}</p>
    <p>移除特定的字符:{{ msg | cut:' ' }}</p>
    <p>拼接操作:{{ l | join:'$' }}</p>
    <p>拼接操作(加法):{{ n | add:10 }}</p>
    <p>拼接操作(加法):{{ s | add:msg }}</p>
    <p>转义:{{ hhh | safe }}</p>
    <p>取消转义:{{ sss | safe }}</p>
    <p>取消转义:{{ res}}</p>

    模板语法之标签

    for循环

    {% for foo in l %}  # <!--for i in [1,2,3,4,5,6]-->
        <p>{{ forloop }}</p>
        <p>{{ foo }}</p>  # 一个个元素
    {% endfor %}
    
    {'parentloop': {}, 'counter0': 0, 'counter': 1, 'revcounter': 6, 'revcounter0': 5, 'first': True, 'last': False}

    if判断

    """
    {% if b %}
        <p>baby</p>
    {% elif s%}
        <p>都来吧</p>
    {% else %}
        <p>老baby</p>
    {% endif %}
    """

    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 %}
    """

    额外处理字典其他方法

    """
    {% for key in d.keys %}
        <p>{{ key }}</p>
    {% endfor %}
    {% for value in d.values %}
        <p>{{ value }}</p>
    {% endfor %}
    {% for item in d.items %}
        <p>{{ item }}</p>
    {% endfor %}
    """

    with起别名

    """
    {% with d.hobby.4.info as nb %}
        <p>{{ nb }}</p>
        在with语法内就可以通过as侯敏的别名快速的使用到前面非常复杂获取数据的方式
        <p>{{ d.hobby.4.info }}</p>
    {% endwith %}
    """

    自定义过滤器、标签、inclusion_tag

    """
    先三步走
        1、在应用下创建一个名字"必须"叫templatetags的文件夹
        2、在该文件夹内创建"任意"名称的py文件  eg:mytag.py
        3、在该py文件内"必须"先书写下面两句话(单词一个都不能错)
            from django import template
    
            register = template.Library()
    """
    
    # 自定义过滤器(参数最多两个)
    mytag.py:
    from django import template
    register = template.Library()
    
    @register.filter(name='baby')
    def my_sum(v1, v2):
        return v1 + v2
    # 使用(index.html)
    {% load mytag %}
    <p>{{ n | baby:666 }}</p>
    
    
    
    # 自定义标签(参数可以有多个)   类似于自定义函数
    mytag.py:
    @register.simple_tag(name='plus')
    def index(a,b,c,d):
        return '%s-%s-%s-%s' % (a, b, c, d)
    # 使用(index.html)
    # 标签多个参数彼此之间空格隔开
    {% load mytag%}
    <p>{% plus 'jason' 123 123 123 %}</p>
    
    
    
    # 自定义inclusion_tag
    """
    内部原理
        先定义一个方法
        在页面上调用该方法 并且可以传值
        该方法会生成一些数据 然后传递给一个html页面
        之后将渲染好的结果放到调用的位置
    """
    
    # 自定义inclusion_tag
    @register.inclusion_tag('left_menu.html')
    def left(n):
        data = ['第{}项'.format(i) for i in range(n)]
        # 第一种
        # return {'data':data}  # 将data传递给left_menu.html
        # 第二种
        return locals()  # 将data传递给left_menu.html
    # 使用
    {% load mytag %}
    {% left 5 %}
    # 总结:当html页面某一个地方需要传参数才能够动态的渲染出来 并且在多个页面上都需要使用到该局部 那么就考虑将该局部页面做成inclusion_tag形式
    # 在BBS会讲到

    模板的继承

    """
    你们有没有见过一些网站
        这些网站页面都大差不差 只是某一些局部在做变化
    """
    
    # 模板的继承 你自己先选好一个你想要的模板页面
    {% extends 'home.html' %}
    
    # 继承了之后子页面跟模板页面长得是一模一样的 你需要在模板页面上提前划定可以被修改的区域
    {% block content %}
        模板内容
    {% endblock %}
    
    # 子页面就可以声明想要修改哪块划定了的区域
    {% block content %}
        子页面内容
    {% endblock %}
    
    # 一般情况下模板页面上应该至少有三块可以被修改的区域
        1、css区域
        2、html区域
        3、js区域
        {% block js %}
        {% endblock %}
    
        {% block content %}
        {% endblock %}
    
        {% block css %}
        {% endblock %}
    # 每一个子页面就都可以有自己独有的css代码 html代码 js代码
    
    """
    一般情况下 模板的页面上划定的区域越多 那么该模板的扩展性就越高
    但是如果太多 那还不如自己直接写
    """

    模板的导入

    """
    将页面的某一个局部当成模块的形式
    哪个地方需要就可以直接导入使用即可
    """
    
    {% include 'wasal.html' %}
  • 相关阅读:
    Apache的Order Allow,Deny 详解
    apache的AllowOverride以及Options使用详解
    安装启动apache2.4后报Invalid command 'order', perhaps misspelled or defined by a module not included
    前端常见跨域解决方案(全)
    php面试宝典
    php面试题2018
    nginx负载均衡的5种策略
    多台服务器共享session问题
    小程序定义并使用类
    微信小程序真机预览接口不到数据,打开调试确能请求到
  • 原文地址:https://www.cnblogs.com/ZhZhang12138/p/14875518.html
Copyright © 2011-2022 走看看