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>

Django 04 模板标签（if、for、url、with、autoeacape、模板继承于引用、静态文件加载）的更多相关文章

  1. Django项目静态文件加载失败问题

    在我们平时的开发过程中,为了方便调试程序,我们都是打开开发者模式,即Debug=True,当我们正式上线的时候肯定就需要把开发者模式关掉,用uwsgi部署上去以后,突然发现我们平时辛苦做的项目的静态文 ...

  2. 擦他丫的，今天在Django项目中引用静态文件jQuery.js 就是引入报错，终于找到原因了！

    擦 ,今天在Django项目中引用静态文件jQuery.js 就是引入报错,终于找到原因了! 问题在于我使用的谷歌浏览器,默认使用了缓存,导致每次访问同一个url时,都返回的是缓存里面的东西.通过谷歌 ...

  3. 当Django设置DEBUG为False时，发现admin和html的静态资源文件加载失败的解决办法

    当Django设置DEBUG为False时,发现admin和html的静态资源文件加载失败,折腾一段时间终于找到解决办法: 1.先在setting文件增加BASE_DIR(项目的路径) BASE_DI ...

  4. html文件在head标签中引入js地址和直接写js代码，所用时间是不同的，因为引入js地址，文件加载的时候需要通过通讯协议去解析地址，读取外部文件

    html文件在head标签中引入js地址和直接写js代码,所用时间是不同的,因为引入js地址,文件加载的时候需要通过通讯协议去解析地址,读取外部文件

  5. Django学习:模板继承和配置静态文件

    一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% endblock %} 具体步骤: 1.创建一个base.html文件,2.把要显示的页面的内容写在这里 ...

  6. Django本地开发，引用静态文件，火狐浏览器不能访问静态文件，谷歌浏览器却能访问静态文件

    查了一下是settings.py设置问题 # Static files (CSS, JavaScript, Images)# https://docs.djangoproject.com/en/1.1 ...

  7. vue通过ID（参数）修改URL复用同一个页面（组件）不重新加载的问题

    项目中经常会用到同一个页面,结构是相同的,我只是在vue-router中通过添加参数的方式来区分状态,参数可以在页面跳转时带上params,或者query,但是有一个问题,即使我们修改了参数,URL也 ...

  8. 【Bug档案01】Spring Boot的控制器+thymeleaf模板 -使用中出现静态资源加载路径不当的问题 -解决时间:3h

    总结 - thymeleaf的模板解析规则不清楚,或者忘了; - 出现bug时,瞎调试, 没有打开NETWORK 进行查看资源的加载情况 - 控制器中的其他代码,可以先注释掉,这样就可以迅速屏蔽掉其他 ...

  9. Django本地开发，debug模式引用静态文件

    debug为true ,不用设置static_root debug 为false ,设置static_root STATIC_ROOT = ( os.path.join(BASE_DIR, 'stat ...

随机推荐

  1. CH6B12 最优高铁环

    6B12 最优高铁环 0x6B「图论」练习 背景 幻影国建成了当今世界上最先进的高铁,该国高铁分为以下几类: S---高速光子动力列车---时速1000km/h G---高速动车---时速500km/ ...

  2. iOS中使用NSInvocation

    在iOS中可以使用NSInvocation进行动态调用方法. /* NSInvocation is much slower than objc_msgSend()... Do not use it i ...

  3. 使用 Anthem.NET 的常见回调（Callback）处理方式小结

    在 Anthem.NET 中,通过 XmlHttp 或 XmlHttpRequest 组件对服务器端所作的一次无刷新调用(通常是异步模式),称为一个回调(Callback). 本文内容是对 Anthe ...

  4. tcpdump示例

    今天有需求要用tcpdump,给一个我使用的例子: sudo /usr/sbin/tcpdump  dst 10.20.137.24 and tcp port 8080 -A -s0  -w nous ...

  5. grep的用法(转)

    grep参数 -c  : 显示匹配的行数(就是显示有多少行匹配了): -n :显示匹配内容所在文档的行号: -i  :匹配时忽略大小写: -s :错误信息不输出: -v :输出不匹配内容: -o : ...

  6. 简单易懂dubbo入门实例

    一.创建Maven多模块项目 项目结构如下 模块介绍: dubbo-api            ----API接口 dubbo-consumer ----消费者 dubbo-provider     ...

  7. DSP/BIOS程序启动顺序

    基于TI的DSP芯片的应用程序分为两种:一般应用程序:DSP/BIOS应用程序. 为简化编程,TI提供了一套C的编程接口,它以API和宏的形式封装了TI的所有硬件模块,这套接口统称DSP/BIOS.D ...

  8. vue.js 使用高德地图

    1.获取key值 注册成为高德开发者需要分三步: 第一步,注册高德开发者: 第二步,去控制台创建应用: 第三步,获取Key 2.修改配置文件  webpack.base.conf.js externa ...

  9. javaScript之深度理解原型链

    经过多次的翻阅书籍终于对原型链在实际代码中的应用有了新的认识,但是不知道是否有错误的地方,还请大神多多指教. 构造函数.原型和实例的关系:每个构造函数都有一个原型对象funName.prototype ...

  10. PCLVisualizer可视化类(1)

    PCLVisualizer可视化类是PCL中功能最全的可视化类,与CloudViewer可视化类相比,PCLVisualizer使用起来更为复杂,但该类具有更全面的功能,如显示法线.绘制多种形状和多个 ...