说明:

  本文主要深入了解模板(templates),主要涉及模板编写步骤、定义模板、模板继承、HTML转义、CSRF等。

一、模板

  动态生成HTML、表达外观、实现业务逻辑(view)与显示内容(template)的分离。

  1、创建templates文件夹

    

    在根目录创建templates文件夹

  2、模板处理

    step1 加载:根据给定的标识找到模板然后预处理,通常会将它编译好放在内存中:

    

    step2 渲染:使用Context数据对模板插值并返回生成字符串:

          

     

     或者使用快捷方式(代替 step1和step2):

     

二、定义模板

  模板语言包括:

    变量:{{ varible }}

    标签:{% 代码块 %}

    过滤器:

    注释:{# 代码或html #}

  1、在模板中调用对象的方法

    在models.py自定义类HeroInfo

    

    在views.py中传递HeroInfo对象

    

    在模板detail.html中调用

    

  2、标签:{% tag %}

    for 标签

      {% for each in list %}

        循环逻辑

        {{ forloop.counter }}表示当前是第几次循环(开始下标为1)

        {% empty %}

          给出的列表不存在,执行此处

      {% endfor %}

 <!--【每页的数据】-->
<ul>
{% for each in list %}
<li>{{each.btitle}}</li>
{% endfor %}
</ul>

    

    if 标签

      {% if ... %}

        逻辑1

      {% elif ... %}

        逻辑2

      {% else %}

        逻辑3

      {% endif %}

   <!--【页码链接】-->
{% for pindex in plist %}
{% if pIndex == pindex %}
{{pindex}}&nbsp;&nbsp;
{% else %}
<a href="/booktest/page{{pindex}}/" >{{pindex}}</a>&nbsp;&nbsp;
{% endif %}
{% endfor %}

    

    comment 标签

      {% comment %}

        多行注释

      {% endcomment %}

    include:加载模板并以标签内的参数渲染

      {% include "foo/bar.html" %}

    url:反向解析

      {% url: 'name' p1 p2 %}

    csrf_token:跨站请求伪造保护

      {% csrf_token %}

    布尔标签:and\or, and比or优先级高

  3、过滤器

    语法:{{ 变量 | 过滤器 }}, 如{{ name | lower }} 表示变量name的值为小写输出。

    例子:

      if list1 | length > 1  判断列表的长度。

      name | lower | upper  过滤器能够被 “串联”,构成过滤器链接。

      list | join:", "      过滤器可传递参数,参数使用引号包起来。

      value | dafaule:"空白"  如果一个变量没有被提供,或者值为false或空,则使用默认值,否则使用变量的值

      value | date:"Y-m-d"  格式化输出date变量

    

  

三、模板继承

  模板继承主要为了减少页面内容重复定义,实现页面内容的重用。

  应用:网站的头部、尾部都是一样的,这些内容可以定义在父模板中,子模板不需要重复定义。

  block标签:在父摸板中预留的区域,在子模板可以定义在父模板中,子模板不需要重复定义。

  extends:继承、写在模板文件的第一行。

  例子1:

    step1:定义父模板 base.html

   

    step2:定义子模板 index.html

    

    step3:在子模板中使用 block填充预留区域

    

四、HTML转义

  Django对字符串进行自动HTML转义。

  

  会被自动转义的字符

    HTML转义:就是包含html标签输出,而不被解释执行,原因是当用户提交字符串时,可能包含一些攻击性的代码,如js脚本。

    Django会将如下字符串自定转义:

    

  当显示不被信任的变量时使用escape过滤器,一般省略,因为django自动转义:{{ t1 | escape }}

  关闭转义:

    对于变量使用safe过滤器:{{ data | safe }}

    对于代码块使用 autoescaoe标签:

      {% autoescape off %}

        {{ body }}

      {% endautoescape %}

    标签autoescape接受on或者off参数

    自动转义标签在base模板中关闭,在children模板中也是关闭的。

  字符串字面值

    手动转义:{{ data | default:"<b>123</b>" }} 应写为:{{ data | default:"&lt;b&gt;123&lt;/b&gt" }}

  

  

[Python] Django框架入门4——深入模板的更多相关文章

  1. [Python] Django框架入门

    说明:Django框架入门 当前项目环境:python3.5.django-1.11 项目名:test1 应用名:booktest 命令可简写为:python manager.py xxx => ...

  2. [Python] Django框架入门5——静态文件、中间件、上传图片和分页

    说明: 本文主要描述Django其他的内容,涉及静态文件处理.中间件.上传文件.分页等. 开发环境:win10.Python3.5.Django1.10. 一.静态文件处理 在Django项目的静态文 ...

  3. [Python] Django框架入门2——深入模型

    说明: 本文主要深入了解模型(models.py),涉及ORM简介.模型定义.模型成员.模型查询.自连接等.需要一定基础,可以先走一走基本入门流程. 附录一使用mysql数据库,附录二Django开发 ...

  4. [Python] Django框架入门3——深入视图

    说明: 本文主要深入了解视图(views.py),涉及路由配置.定义视图.Request对象.Response对象.状态保持等. 一.路由配置 1.配置位置(settings.py 的 ROOT_UR ...

  5. 利用 Python django 框架 输入汉字,数字,字符,等。。转成二维码!

    利用 Python django 框架 输入汉字,数字,字符,等..转成二维码! 模块必备:Python环境 + pillow  + qrcode 模块 核心代码import qrcode qr = ...

  6. Python Django框架笔记(六):模板

    (一){%%}和{{ }} {% for post in posts %} <a href=""><h2>{{ post.title }}</h2&g ...

  7. Python Django框架笔记(五):模型

    #前言部分来自Django Book (一)    前言 大多数web应用本质上: 1. 每个页面都是将数据库的数据以HTML格式进行展现. 2. 向用户提供修改数据库数据的方法.(例如:注册.发表评 ...

  8. Python Django框架笔记(三):django工作方式简单说明和创建用户界面

    (一)  说明 简单说明下django的工作方式,并举2个例子. (二)  Django工作方式 假定我们有下面这些文件 ,这里在前2篇的基础上增加了 templates目录(存放html文件) 和s ...

  9. Python Django框架笔记(一):安装及创建项目

     #推荐一本书<Python核心编程>(适合有一定基础的),美国人Wesley Chun编写的,京东.淘宝应该都有.我是觉得写的很好,详细.简洁.满满的干货,不像有的书整本看完也没什么用. ...

随机推荐

  1. 《VR入门系列教程》之5---应用方向

    VR应用方向     面向消费者的虚拟现实才发展了几年,就出现了大量应用程序,虚拟现实抓住了人们对未来的渴望.开发者甚至想要把整个现实世界都做成虚拟现实,这些都是可以理解的.     但是,现在仍然没 ...

  2. PHP中的$_POST变量

    定义 在 PHP 中,预定义的 $_POST 变量用于收集来自 method="post" 的表单中的值. $_POST 变量 预定义的 $_POST 变量用于收集来自method ...

  3. Centos7 安装VNCserver&图形界面

    1.安装软件包. yum install tigervnc-server -y yum groups install GNOME yum groups install "Virtualiza ...

  4. 有容云-PPT | 当微服务遇见容器

    编者注: 本文为10月29日有容云高级技术顾问龙淼在Docker Live时代线下系列-广州站中演讲的PPT,本次线下沙龙为有容云倾力打造Docker Live时代系列主题线下沙龙,每月一期畅聊容器技 ...

  5. JavaSE之——并没有多维数组

     近日在读<疯狂Java讲义>精粹第二版,部分语述摘自其中,自己边敲边理解 前言       我们知道,Java语言支持的类型有两种:            1.基本类型(即八大基本数据类 ...

  6. WPF后台设置颜色字体等

    Button TempButton = new Button();                                                TempButton.Tag = “按 ...

  7. Extjs4 combobox hiddenName 后台取不到值

    当我们用 下拉框传值时,有一个问题,就是他有两个值,一个是用来显示的,一个是我们实际往后台需要传递的值,即 name 与 value 所以 combobox 才有了 hiddenName 这个属性,他 ...

  8. Docker最简单入门之(一)——介绍和配置Docker

    0. 前言 最近学完了Dokcer,特别记录一下,算是对自己学习成果的一个总结.以便自己能够更好的理解Docker.粗略估计了一下,我大概会分成4个部分,只记录一下常用的操作,至于一些比较难的操作或者 ...

  9. 深入剖析 RabbitMQ —— Spring 框架下实现 AMQP 高级消息队列协议

    前言 消息队列在现今数据量超大,并发量超高的系统中是十分常用的.本文将会对现时最常用到的几款消息队列框架 ActiveMQ.RabbitMQ.Kafka 进行分析对比.详细介绍 RabbitMQ 在 ...

  10. 转载 | textarea 在浏览器中固定大小和禁止拖动

    HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 ...