Django 04 模板标签(if、for、url、with、autoeacape、模板继承于引用、静态文件加载)

 

Django 04 模板标签(if、for、url、with、autoeacape、模板继承于引用、静态文件加载)

一、if、for、url、with、autoescape

urlpatterns = [
    path('hello/<name>/',views.hello),
    path('hello1', views.hello1,name='hello1'),
    path('hello2/<yy>', views.hello2,name='hello2')
]

def hello(request,name):
    return render(request,'book/index1.html',
                  context={'name':name,
                           'ls':['x','y','z'],
                           'str':'',
                           'test_test_name':'重命名的对象',
                           'html':'<h3>皮皮塔可真漂亮</h3>'

                           })

def hello1(request):
    return HttpResponse('页面1')

def hello2(request,yy):
    return HttpResponse('页面2: {}'.format(yy))

  if语句

if语句、条件语句:
{% if name == 'python' %}
    这是{{ name }}的页面
{% elif name == 'django' %}
    这是django的页面
{% else %}
    这是错误的页面
{% endif %}
<br>
循环语句:for循环
{% for i in ls %}
    {{ i }}
{% endfor %}
<br>
<br>

  for语句

for语句:forloop系列的介绍:
{% for i in ls %}
    {% if forloop.counter == 1 %}
        <li>下标1开始 1,2,3:{{ i }}</li>
    {% endif %}
    {% if forloop.revcounter == 1 %}
        <li>下标3开始 3,2,1:{{ i }}</li>
    {% endif %}
    {% if forloop.counter0 == 1 %}
        <li>下标0开始 0,1,2:{{ i }}</li>
    {% endif %}
    {% if forloop.revcounter0 == 1 %}
        <li>下标2开始 2,1,0:{{ i }}</li>
    {% endif %}
{% endfor %}
<br>
{% for i in ls %}
    {% if forloop.first %}
        <li>第一个迭代{{ i }}</li>
    {% endif %}
{% endfor %}
<br>
{% for i in ls %}
    {% if forloop.last %}
        <li>最后一个迭代{{ i }}</li>
    {% endif %}
{% endfor %}
<br>
{% for i in ls %}
    {% for j in ls  %}
        {% if forloop.parentloop.counter == 1 %}
            {{ i }}和{{ j }}
        {% endif %}
    {% endfor %}
{% endfor %}
<br>
{% for i in str   %}
    str非空
    {% empty %}
    str空的啊
{% endfor %}
<br>
<br>

  url页面跳转

url 页面跳转:
<a href="/book/hello1">跳转吧1</a> <br>
<a href="{% url 'hello1' %}">跳转吧2</a>  <br> {# 直接跳转name为hello1的url #}
<a href="{% url 'hello2' 'python' %}">跳转吧3</a> {# 跳转name为hello2的url,并添加变量yy为python #}
<br>
<br>

 

   with重命名

with:重命名 <br>
{% with test_test_name as ttn %} {# 将test_test_name重命名为ttn #}
    {{ ttn }}
{% endwith %}
<br>
<br>

  aotoeacape

自动化转义:
原始:{{ html }} <br>
过滤器:{{ html|safe }}
标签:
{% autoescape off %}
    {{ html }}
{% endautoescape %}

 

二、模板继承与引用

  base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}这是默认的题目{% endblock %}</title>
</head>
<body>
    固定的内容 <br>
{% block content %}
    这是主页
{% endblock %}
</body>
</html>

  reference.html 子模板

{% extends 'book/base.html' %} {# 模板继承base.html #}

{% block title %}           {# 修改title部分 #}
    这是reference1的页面
{% endblock %}

{% block content %} {# 修改content部分 #}
    这是自己的页面 <br>
    这是引用过来的: {% include 'book/include.html' %} {# 引用include.html模板 #}
{% endblock %}

  include.html 引用模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<body>
    皮皮塔18年前18啦
</body>
</html>
#模板继承总结:
#1、模板继承使用extends标签实现,通过block来个子模板开放接口
#2、extends必须是模板第一个出现的标签
#3、子模板的所有内容,必须出现在父模板定义好的block中,否则django不会渲染
#4、如果出现重复代码,就应该考虑使用引用模板
#5、尽可能多的定义block,方便子模板实现更细的需求
#6、如果再某个block中,要使用父模板的内容,使用block.super获取

 

三、静态文件加载

#在项目目录下创建static目录,在该目录下创建三个分别为css,js,image的目录

#在项目settings.py最后一行加上
STATICFILES_DIRS = [
    os.path.join(BASE_DIR,'static')
]
{% load static %} {# 导入static #}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>静态文件引用</title>
</head>
<body>
<link rel="stylesheet" href="{% static 'css/mycss.css' %}"> {# 引入css #}
<br>
<script src="{% static 'js/myjs.js' %}"></script> {# 引入js #}
<br>
<img src="{% static 'image/双向查询.png' %}" alt=""> {# 引入图片 #}

</body>
</html>

 

posted on 2018-07-22 21:09  许铖铖  阅读(8798)  评论(0编辑  收藏  举报