[Python] Django框架入门4——深入模板
说明:
本文主要深入了解模板(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}}
{% else %}
<a href="/booktest/page{{pindex}}/" >{{pindex}}</a>
{% 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:"<b>123</b>" }}
[Python] Django框架入门4——深入模板的更多相关文章
- [Python] Django框架入门
说明:Django框架入门 当前项目环境:python3.5.django-1.11 项目名:test1 应用名:booktest 命令可简写为:python manager.py xxx => ...
- [Python] Django框架入门5——静态文件、中间件、上传图片和分页
说明: 本文主要描述Django其他的内容,涉及静态文件处理.中间件.上传文件.分页等. 开发环境:win10.Python3.5.Django1.10. 一.静态文件处理 在Django项目的静态文 ...
- [Python] Django框架入门2——深入模型
说明: 本文主要深入了解模型(models.py),涉及ORM简介.模型定义.模型成员.模型查询.自连接等.需要一定基础,可以先走一走基本入门流程. 附录一使用mysql数据库,附录二Django开发 ...
- [Python] Django框架入门3——深入视图
说明: 本文主要深入了解视图(views.py),涉及路由配置.定义视图.Request对象.Response对象.状态保持等. 一.路由配置 1.配置位置(settings.py 的 ROOT_UR ...
- 利用 Python django 框架 输入汉字,数字,字符,等。。转成二维码!
利用 Python django 框架 输入汉字,数字,字符,等..转成二维码! 模块必备:Python环境 + pillow + qrcode 模块 核心代码import qrcode qr = ...
- Python Django框架笔记(六):模板
(一){%%}和{{ }} {% for post in posts %} <a href=""><h2>{{ post.title }}</h2&g ...
- Python Django框架笔记(五):模型
#前言部分来自Django Book (一) 前言 大多数web应用本质上: 1. 每个页面都是将数据库的数据以HTML格式进行展现. 2. 向用户提供修改数据库数据的方法.(例如:注册.发表评 ...
- Python Django框架笔记(三):django工作方式简单说明和创建用户界面
(一) 说明 简单说明下django的工作方式,并举2个例子. (二) Django工作方式 假定我们有下面这些文件 ,这里在前2篇的基础上增加了 templates目录(存放html文件) 和s ...
- Python Django框架笔记(一):安装及创建项目
#推荐一本书<Python核心编程>(适合有一定基础的),美国人Wesley Chun编写的,京东.淘宝应该都有.我是觉得写的很好,详细.简洁.满满的干货,不像有的书整本看完也没什么用. ...
随机推荐
- 基于 Github 存储附件的 wordpress 插件
前言 插件名称 wp-github-gos, 本插件核心功能使用了 GitHub API 设置页面和核心业务逻辑主要参考插件 wordpress-qcloud-cos 的实现,替换了其中 腾讯云 CO ...
- 获取Oracle中表的结构
首先cmd登录Oracle:sqlplus user/password@host/db_name 然后输入DESC table_name 可以先按住Alt,再选中字段名(块选中快捷方式)
- 移动端开发用touch事件还是click事件
前端开发现在包含了跨浏览器,跨平台(不同操作系统)和跨设备(不同尺寸的设备)开发. 在移动开发的过程中,到底选取touch事件还是click事件?对了,请不要鄙视click,click在移动端开发用着 ...
- Git 的常用的命令
之前一直在使用SVN作为版本管理工具,现在项目要求使用Git,下面简单记录一下一些常用的命令.关于原理和使用方式的详细说明,具体教程参考的廖雪峰的git教程. 1. github 账号的申请. 2. ...
- 【iOS】沙盒目录
有关沙盒目录参考: http://blog.csdn.net/totogo2010/article/details/7669837 获取沙盒路径,参考代码: NSArray *paths = NSSe ...
- iOS程序员 如何提升核心竞争力,防止自己被裁员?
前言: 核心竞争力最早由普拉哈拉德和加里·哈默尔两位教授提出,通常认为核心竞争力,即企业或个人相较于竞争对手而言所具备的竞争优势与核心能力差异, 说白了就是你的优势,而且最好是独一无二的的优势,这就是 ...
- FB的新专利竟要监看使用者的脸
大家应该会很好奇Facebook又在搞什么新花招,这个专利的名称是"Techniques for emotion detection and content delivery",其 ...
- ceph 初始化函数解析
global_pre_init 预初始化函数,解析ceph.conf配置文件, 初始化定义global_context 和 config的全局变量. 全局预初始化函数 CINIT_FLAG_UNPRI ...
- 夯实Java基础(六)——包装类
1.包装类简介 我们都知道Java是面向对象编程语言,包含了8种基本数据类型,但是这8种基本数据类型并不支持面向对象的特征,它们既不是类,也不能调用方法.这在实际使用时存在很多的不便,比如int类型需 ...
- 【原创】POI操作Excel导入导出工具类ExcelUtil
关于本类线程安全性的解释: 多数工具方法不涉及共享变量问题,至于添加合并单元格方法addMergeArea,使用ThreadLocal变量存储合并数据,ThreadLocal内部借用Thread.Th ...