首页 > 其他 > 详细

模板层

时间:2019-06-11 23:18:31      阅读:86      评论:0      收藏:0      [点我收藏+]

后端朝前端页面传递数据的方式

# 第一种
return render(request,'index.html',{'n':n})
# 第二种
return render(request,'index.html',locals())
# 将当前所在的名称空间中的名字全部传递给前端页面

# 后端传函数名到前端,会自动加括号调用,但是不支持传参

# 后端传对象到前端,就相当于打印了这个对象

#前端获取后端传过来的容器类型的内部元素 统一采用句点符(.)
('关某某','谢某某','陈某某','容嬷嬷')>>>:{{ t }},{{ t.1 }}  # 数字对应的就是数据的索引
        
# 前端能够调用python后端数据类型的一些不需要传参的内置方法
模板语法的注释
    不会展示到前端页面:{#调用python自带的内置方法,可以调用不需要传参的一些内置方法#}
原生html的注释
    会展示到前端:<!--我是原生的html注释-->

过滤器

def index(request):
    n = 6969
    # return render(request,'index.html',{'n':n})
    s = '您好,我是xxx,很高兴为你服务'
    # return render(request,'index.html',{'n':s})
    l = ['a','b','c','d','e','f']
    d = {'name':'jason','password':'222'}
    t = ('egon','owen','tank')
    st = {'python','java','golong'}
    flag = None
    def func():
        return '你调用了我'

    class Demo(object):
        def __init__(self,name):
            self.name = name

        def func(self):
            return self.name

        @classmethod
        def index(cls):
            return 'cls'

        @staticmethod
        def bar(name,age):
            return 'bar'

        def __str__(self):
            return '大帅比'

    obj = Demo('jason')
    print(obj)
    from datetime import datetime
    ctime = datetime.now()
    res = 'hello baby bab aba bab aba bay'
    
    ht = '<h1>我是h1标签</h1>'
    sr = '<script>alert(123)</script>'
    from django.utils.safestring import mark_safe
    xxx = mark_safe('<h1>我是h1标签</h1>')
    
    return render(request,'index.html',locals())
<p>前端统计字符串的长度:{{ s|length }}</p>
<p>前端获取数据如果是空就返回default后面默认的参数值:{{ flag|default:'你这个东西是个空'}}</p>
<p>将数字格式化成表示文件大小的单位:{{ file_size|filesizeformat }}</p>
<p>{{ ctime }}</p>
<p>格式化时间(不要加百分号){{ ctime|date:'Y-m-d' }}</p>
<p>字符串的切片操作:{{ res|slice:'0:8' }}</p>
<p>{{ res|slice:'0:8:2' }}</p>
<p>截取固定的长度的字符串 三个点也算:{{ s|truncatechars:10 }}</p>
<p>按照空格截取文本内容:{{ res|truncatewords:4 }}</p>
<p>{{ s|truncatewords:4 }}</p>
<p>{{ 'hahah'|add:'heheheh' }}</p>

{#重点#}
<p>{{ ht }}</p>
<p>{{ sr }}</p>
<p>{{ ht|safe }}</p>
<p>{{ sr|safe }}</p>
<p>{{ xxx }}</p>
    
前后端取消转义(*****)
    前端:
        |safe
    后端:
        from django.utils.safestring import mark_safe
        xxx = mark_safe('<h1>我是h1标签</h1>')

标签

for循环

{% for foo in l %}
    <p>{{ foo }}</p>
    <p>{{ forloop }}</p>
{% endfor %}

if判断

{% if flag %}
    <p>flag不为空</p>
    {% else %}
    <p>flag是空</p>
{% endif %}

嵌套使用

{% for foo in l %}
    {% if forloop.first %}
        <p>这是我的第一次</p>
    {% elif forloop.last %}
        <p>这是最后一次了啊</p>
    {% else %}
        <p>嗨起来!!!</p>
    {% endif %}
{% endfor %}

empty

当你的for循环对象为空的时候会自动走empty代码块儿的内容
后端:
    l = None
前端:
{% for foo in l %}
    {% if forloop.first %}
        <p>这是我的第一次</p>
    {% elif forloop.last %}
        <p>这是最后一次了啊</p>
    {% else %}
        <p>嗨起来!!!</p>
    {% endif %}
    {% empty %}
        <p>你给我的容器类型是个空啊,没法for循环</p>
{% endfor %}

自定义过滤器

***必须做的三件事***
1.在应用名下新建一个名为templatetags文件夹(必须叫这个名字)
2.在该新建的文件夹内新建一个任意名称的py文件
3.在该py文件中需要固定写下面两句代码
    from django import template
    register = template.Library()
    
# 自定义过滤器 (在新建的文件夹下的py文件里写)
@register.filter(name='XBB')
def index(a,b):
    return a+b

# 调用 (在html文件里)
{% load my_tag %}   # my_tag是新建的py文件名
{{ 666|XBB:8 }}

自定义标签

# 自定义标签
@register.simple_tag
def plus(a,b,c):
    return a+b+c

# 调用
{% load my_tag %}
{% plus 1 2 3 %}

自定义inclusion_tag

# 自定义inclusion_tag
@register.inclusion_tag('login.html',name='login')
def login(n):
    # l = []
    # for i in range(n):
    #     l.append('第%s项'%i)
    l = [ '第%s项'%i for i in range(n)]
    return {'l':l}

# login.html (这个html文件是另外创建的,里面只存放下面的几行代码)
<ul>
    {% for foo in l %}
    <li>{{ foo }}</li>
    {% endfor %}
</ul>

# 调用
{% load my_tag %}
{% login 5 %}

模板的继承与导入

首先需要在被继承的模板中划分多个区域
        {% block 给区域起的名字 %}

        {% endblock %}
        
        通常情况下一个模板中应该至少有三块
            {% block css %}
                页面css代码块
            {% endblock %}

            {% block js %}
                页面js代码块
            {% endblock %}

            {% block content %}
                页面主体内容
            {% endblock %}

***子板继承模板***
        先继承模板所有的内容
        {% extends 'home.html' %}
            
        然后根据block块的名字修改指定区域的内容
        {% block content %}
            <h1>登录页面</h1>
                <form action="">
                    <p>username:<input type="text" class="form-control"></p>
                    <p>password:<input type="text" class="form-control"></p>
                    <input type="submit" class="btn btn-success">
                </form>
        {% endblock %}
        
***模板的导入***
        将一段html当做模块的方式导入到另一个html展示
        {% include '想导入的html文件名' %}
    

静态文件配置

{% load static %}  
<link rel='stylesheet' href="{% static 'css/mycss.css'%}">  # 第一种方式
<link rel='stylesheet' href="{% get_static_prefix %}css/mycss.css">  # 第二种方 

模板层

原文:https://www.cnblogs.com/chenwang-23/p/11006527.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!