概述

模板由两部分组成，HTML代码，逻辑控制代码，作用：快速生成HTML页面，优点：模板的设计实现了业务逻辑与现实内容的分离

定义模板

挖坑与继承

模板继承可以减少页面的内容的重复定义，实现页面的重用，在父模板中预留区域，子模板去填充。

block标签

父html页面挖坑

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

	{% block content %}

	{% endblock %}

</body>

</html>

子html页面继承

	{% extends 'father.html' %}

	{% block content %}

		<!--写子模板的内容,会重写父模板，显示子模板内容-->

		<!--不写内容调用父模板用super-->

		{{ block.super }}

	{% endblock %}

if标签

	{% if 表达式1 %}

		{# 语句1 #}

	{% elif %}

		{# 表达式2 #}

	{% else %}

		{# 表达式3#}

	{% endif %}

for标签

	{% for 变量 in 迭代对象 %}

		{# 语句1 #}

	{% empty %}

		{# 语句2 #}

	{% endfor %}

comment标签

	{% comment %}

		{# 多行注释 #}

		{# {# 单行注释 #} #}

	{% endcomment %}

ifequal、ifnotequal标签

	{% ifequal a b %}

		{# a，b是否相等#}

	{% endifequal %}

	{% ifnotequal a b %}

		{# 判断a,b是否不等 #}

	{% endifnotequal %}

url标签

	{% url 'namespace:name' %}

		{# 反向解析 #}

csrf_token标签

	{% csrf_token %}

		{# 用于跨站请求伪造保护 #}

autoescape标签

	{% autoescape off %}

		{{code}}

		{# 用于HTML转义 #}

    {% endautoescape %}

过滤器

lower

	{{变量|lower}}

	{# 将变量转换为小写显示#}

upper

	{{变量|upper}}

	{# 将变量转换为大写显示#}

join

	{{str|join:'*'}}

	{# 将传过来的str用*连接起来#}

date

	{{date|date:'Y-m-d'}}

	{# 设置日期格式 #}

html转移

	{{code|escape}}

	{{code|safe}}

加减乘除p>

	{{num|add:10}}

		{# 加10 #}

	{{num|add:-5}}

		{# 减5 #}

	{% widthratio num 1 5 %}

		{# 乘5 #}

	{% widthratio num 1 5%}

		{# 除5#}

CSRF

跨站请求伪造:某些恶意网站包含链接、表单、按钮、js,利用登陆用户在浏览器中认证，从而攻击服务.

防止CSRF:在settings.py文件中的MIDDLEWARE增加'django.middleware.csrf.CsrfViewMiddleware'。

django模板使用的更多相关文章

  1. Django模板与Vue.js冲突问题

    参考: https://my.oschina.net/soarwilldo/blog/755984 方法1:修改vue.js的默认的绑定符号 Vue.config.delimiters = [&quo ...

  2. 在 Django 模板中遍历复杂数据结构的关键是句点字符

    在 Django 模板中遍历复杂数据结构的关键是句点字符 ( . ). 实例二 mysit/templates/myhtml2.html修改如下 <!DOCTYPE html> <h ...

  3. python django 模板

    1 用两个大括号括起来的文字{{person_name}} 称为变量 2 被 大括号和面分号包围的文件({% if ordered_warranty %})是模板标签 3 过滤器是用管道符(|) 和U ...

  4. django 模板中定义临时列表

    <ul class="num_t clr"> {% for obj in ""|ljust:"10" %} <li> ...

  5. Django 模板中引用静态资源（js,css等）

    Django 模板中免不了要用到一些js和CSS文件,查了很多网页,被弄得略晕乎,还是官网靠谱,给个链接大家可以自己看英文的. https://docs.djangoproject.com/en/1. ...

  6. Django模板-分离的模板

    上一篇Django模板-在视图中使用模板最后的问题,我们需要把数据和展现分离开. 你可能首先考虑把模板保存在文件系统的某个位置并用 Python 内建的文件操作函数来读取文件内容. 假设文件保存在 E ...

  7. Django模板-在视图中使用模板

    之前我们已经有了自己的视图mysite.views.py中,应该是这样子的 from django.http import HttpResponse import datetime def curre ...

  8. Django模板-模板标签

    接着Django模板-基础知识继续写模板相关知识. if标签 {% if %} 标签接受 and , or 或者 not 关键字来对多个变量做判断 ,或者对变量取反( not ). 但是不允许在同一个 ...

  9. Django模板-基础知识

    上一篇中带参数的URLconf虽然可以做到传参动态显示内容,但是最终现实的内容还是硬编码到Python代码中的 def hours_ahead(request,phours): try: phours ...

  10. 关于Django模板引擎的研究

    原创博文,转载请注明出处. 以前曾遇到过错误Reverse for ‘*’ with arguments '()' and keyword arguments' not found.1其原因是没有给视 ...

随机推荐

  1. 洛谷 P2896 [USACO08FEB]一起吃饭Eating Together

    P2896 [USACO08FEB]一起吃饭Eating Together 题目描述 The cows are so very silly about their dinner partners. T ...

  2. 5.2 calendar--通用日期的相关函数（4）

    calendar类提供以下的函数来推断日历相关的内容: calendar.setfirstweekday(weekday) 设置一周里那一天作为第一天.0是表示星期一,6是表示星期天. 样例: #py ...

  3. python+Android+uiautomator的环境

    Python+Android+uiautomator的环境搭建 Python 下载适合系统的版本并安装,安装时勾选把路径加入path 验证:windows下打开cmd输入python 出现以下界面说明 ...

  4. 在Maven中设置Nexus私有服务为中央工厂

    在Maven中设置Nexus私有服务为中央工厂(repository) 2015-12-12 17:45 168人阅读 评论(0) 收藏 举报  分类: Maven(17)  版权声明:本文为博主原创 ...

  5. 怎样使用Eclipse PDT调试PHP程序

    本文主要介绍的是怎样用eclipse pdt调试PHP 代码. 1. 下载eclipse.从官网上找就能够了,并确认当前系统中有java环境,即jdk和jre. 2. 安装pdt了,採用的是在线安装. ...

  6. 0=='aa'的结果是true

    来源于一道面试题: PHP的类型转换规则 1.如果是一个数字与一个字符串进行比较,那么会把字符串转换为数字再比较 2.字符串的转换规则,若字符串以数字开头,则取开头数字作为转换按结果,若无,则取0

  7. Additive equations--zoj

    Additive equations Time Limit: 10 Seconds      Memory Limit: 32768 KB We all understand that an inte ...

  8. Top 5 Timed Events[转]

    Event                                               Waits    Time (s) Ela Time --------------------- ...

  9. day63-webservice 06.在web项目中发布以类的形式发布webservice

    真正用的时候都是需要部署在WEB服务器里面. 不能写主函数来发布了,需要借助于我们WEB. 4.配置web.xml, <!DOCTYPE web-app PUBLIC "-//Sun ...

  10. How to read a paper efficiently

    How to read a paper efficiently Structure of a Journal a Journal Article Title Keywords Abstract Int ...