模板语言就是可以将动态数据在html模板渲染的语言

一、接收值渲染

locals()函数，写在请求响应render()函数里，可以将逻辑处理函数里的变量传到html用模板语言渲染

{{...}}接收一个变量或者值进行渲染

逻辑处理

from django.shortcuts import render

from app1.models import *    #导入数据库操作模块

#逻辑处理模块

def special(request):

    a = '叫卖录音网'

    return render(request, 'index.html', locals())  # 打开页面

html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h1>{{ a }}</h1>

</body>

</html>

二、接收值，运行代码块

for循环

{% for item in item_list %}

 <a>{{ item }}</a>

　　forloop.counter　　计数器，记录循环次数
　　forloop.first　　  　 判断是否是循环第一次，返回布尔值    
　　forloop.last　　　　判断是否是循环最后一次，返回布尔值 

 {% endfor %}

逻辑处理

from django.shortcuts import render

from app1.models import *    #导入数据库操作模块

#逻辑处理模块

def special(request):

    a = ['首页','产品展示','关于我们']

    return render(request, 'index.html', locals())  # 打开页面

html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<ul>

    {% for i in a %}

        <li>{{ i }}</li>

        {{ forloop.counter }}

        {{ forloop.first }}

        {{ forloop.last }}

    {% endfor %}

</ul>

</body>

</html>

if判断

{% if ordered_warranty %}  

{% else %}

{% endif %}

逻辑处理

from django.shortcuts import render

from app1.models import *    #导入数据库操作模块

#逻辑处理模块

def special(request):

    a = ['首页','产品展示','关于我们']

    return render(request, 'index.html', locals())  # 打开页面

html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<ul>

    {% for i in a %}

        {% if i == '首页' %}

            <li style="color: #ee1215">{{ i }}</li>

        {% elif i == '产品展示' %}

            <li style="color: #1b47ee">{{ i }}</li>

        {% else %}

            <li>{{ i }}</li>

        {% endif %}

    {% endfor %}

</ul>

</body>

</html>

三、母板-子板-母板继承

母板继承就是访问的页面继承一个母板，将访问页面的内容引入到母板里指定的地方，组合成一个新页面返回给浏览器

一般母板里都是写的一个网页里不变的地方，也就是通用的地方，被继承页（访问页）都是每个页面不同的地方，也就是将页面不同的地方引入到母板组合成一个新页面返回浏览器

母板里一般都是网页的、头部、底部、头部底部css、头部底部js

被继承页（访问页）里一般都是新内容，新内容的css和js

母板：{% block title %} {% endblock %} 设置可调用区块或，有参设置可调用区块，无参调用区块
子板：{% extends "base.html" %} 子板继承母板
　　　{% block title %} {% endblock %} 设置可调用区块或，有参设置可调用区块，无参调用区块

逻辑处理 

from django.shortcuts import render

from app1.models import *    #导入数据库操作模块

#逻辑处理模块

def special(request):

    return render(request, 'index.html', locals())  # 打开页面

母板

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <link rel="stylesheet" type="text/css" href="/static/css/tou.css">

    {% block css %}{% endblock %}   #调用子板的css样式

</head>

<body>

<div id="tou">头部</div>

{% block nei_rong %}{% endblock %}  #调用子板的内容区块

<div id="wei">尾部</div>

</body>

</html>

子板（访问页）

{% extends "tou.html" %}  #继承母板

{% block css %}　　　　　　 #设置母版调用css样式区块

    <link rel="stylesheet" type="text/css" href="/static/css/index.css">

{% endblock %}

{% block nei_rong %}　　　　#设置母版调用字板内容区块

    <div id="neir">内容</div>

{% endblock %}

四、帮助方法：
{{ item.event_start|date:"Y-m-d H:i:s"}} 　　 格式化时间
{{ bio|truncatewords:"30" }} 　　 　　　　    只显示指定字数
{{ my_list|first|upper }} 　　 　　　　　　      首字母大写
{{ name|lower }} 　　 　　　　　　　　           首字母小写

五、自定义html模板可调用函数模块

a、在app应用中创建templatetags目录

b、在目录中创建任意 .py 文件，如：xx.py

在py文件里设置html可调用函数，注意py文件里有几个注意点如下：

#!/usr/bin/env python

# coding:utf-8

from django import template　　　　　　　　　　　　　　#必须导入这个模块

from django.utils.safestring import mark_safe      #必须导入这个模块

register = template.Library()　　     #固定格式必须设置这个变量　　

@register.simple_tag                  #自定义函数必须用上这个装饰器，html页面才可以调用

def my_simple_time(v1, v2, v3):  #自定义函数

    return v1 + v2 + v3

@register.simple_tag

def my_input(id, arg):

    result = "<input type='text' id='%s' class='%s' />" % (id, arg,)

    return mark_safe(result)

c、在使用自定义函数的html文件中导入自定义函数模块 xx.py 文件名
{% load 自定义函数模块名称 %}

d、html页面使用
{% 函数名称 参数 参数 参数 %}

{% load mbanyuyan %}  #导入自定义函数模块

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{% my_simple_time 1 2 3 %}   #传参并且执行自定义函数

</body>

</html>

注意：使用自定义html函数，必须在全局配置文件settings.py里的INSTALLED_APPS注册了app应用

INSTALLED_APPS = (

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'app01',

)

八 Django框架，模板语言的更多相关文章

  1. 第四篇Django之模板语言

    Django之模板语言 一 模板的执行 模板的创建过程,对于模板,其实就是读取模板(其中嵌套着模板的标签),然后将Model中获取的数据插入到模板中,最后将信息返回给用户 def current_da ...

  2. Django的模板语言

      Django模板系统 官方文档 常用语法 只需要记两种特殊符号: {{  }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量 {{ 变量名 }} 变量名由字母数字和下划线组成. ...

  3. django 更新 模板语言

    Django模板系统 官方文档 常用语法 只需要记两种特殊符号: {{  }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量 在Django的模板语言中按此语法使用:{{ 变量名 ...

  4. 第二百五十九节，Tornado框架-模板语言的三种方式

    Tornado框架-模板语言的三种方式 模板语言就是可以在html页面,接收逻辑处理的self.render()方法传输的变量,将数据渲染到对应的地方 一.接收值渲染 {{...}}接收self.re ...

  5. 3/21 Django框架 模板路径及模板过滤器 1.模板路径查找

    3/21 Django框架 模板路径及模板过滤器 1.模板路径查找 先找settings.py里的TEMPLATES列表下的DIRS路径.如果APP_DIRS为True,还会到注册了的APP文件夹下依 ...

  6. python 之 Django框架(模板系统、过滤器、simple_tag、inclusion_tag、Tags、母版、组件)

    12.35 Django模板系统 {{ }}和 {% %},变量相关的用{{}},逻辑相关的用{%%} app02/views: # 模板语言测试函数 def template_test(reques ...

  7. Django之模板语言(一)

    1.Django的模板语言(简而言之,字符串替换) 1.目前为止已经学过的模板语言: 1.{{ name }}  ------>变量 2. for 循环: {% for i in book_li ...

  8. Django框架-模板层

    Django框架-模板层 一.模板语法传值 1.验证是否python所有的数据类型都可以传递到前端 locals()的妙用:该方法虽然好用,但是在某些情况下会造成资源的浪费 结论:整型.浮点型.字符串 ...

  9. django 中模板语言的各种用法

    模板 1.视图中使用模板 模版的创建过程,对于模版,其实就是读取模版(其中嵌套着模版标签),然后将 Model 中获取的数据插入到模版中,最后将信息返回给用户 1.普通方法:HTML被直接硬编码在 P ...

随机推荐

  1. Android Java 线程池 ThreadPoolExecutor源代码篇

    线程池简单点就是任务队列+线程组成的. 接下来我们来简单的了解下ThreadPoolExecutor的源代码. 先看ThreadPoolExecutor的简单类图,对ThreadPoolExecuto ...

  2. 07 在Windows下编译Memcached

    一:windows下编译Memcached (1)下载地址dll:http://down.51cto.com/data/442606 (2)在php下输出 echo phpinfo():查看php的版 ...

  3. 并发检测主机ip存活脚本

    #!/bin/bash ################### # Check Active Host####### ################### function CheckInput() ...

  4. Android分享图片失败解决方案

    前言:在做图片分享到微博或是用彩信分享的时候,会遇到“无法将图片添加到信息中”,其实这个问题的原因是创建的那个图片默认是,只能被当前应用调用,无法被其他应用调用,即分享的时候,无法读取到图片,并提示I ...

  5. PHP-Manual的学习----【语言参考】----【类型】-----【Interger类型】

    2017年7月20日15:48:46Integer 整型 1.什么是整数?正数 0 负数2.整型值可以使用十进制,十六进制,八进制或二进制表示,前面可以加上可选的符号(- 或者 +). 二进制表达的 ...

  6. And Then There Was One(约瑟夫环)

    https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&page=show_probl ...

  7. 低秩近似 low-rank approximation

  8. 我的Android进阶之旅------>Android实现用Android手机控制PC端的关机和重启的功能（三）Android客户端功能实现

    我的Android进阶之旅------>Android实现用Android手机控制PC端的关机和重启的功能(一)PC服务器端(地址:http://blog.csdn.net/ouyang_pen ...

  9. win7旗舰版 安装IIS中出现的问题

    最好先安装IIS成功了,再安装VS2010或者别的版本 1.hppt 错误500.19,-Internal server erroe,无法访问的请求野蛮,因为该页的相关配置数据无效,HTTP Erro ...

  10. 快照COW

    What is Copy-on-write? Copy-on-write      Copy-on-write (sometimes referred to as "COW") i ...