第三百一十节，Django框架，模板语言

模板语言就是可以将动态数据在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框架，Cookie

    第三百一十二节,Django框架,Cookie 注意:获取Cookie是在请求对象里处理,设置Cookie是在响应对象里处理 普通Cookieset_cookie()设置普通cookie 参数: ke ...

  2. 第三百一十四节，Django框架，自定义分页

    第三百一十四节,Django框架,自定义分页 自定义分页模块 #!/usr/bin/env python #coding:utf-8 from django.utils.safestring impo ...

  3. 第三百一十九节，Django框架，文件上传

    第三百一十九节,Django框架,文件上传 1.自定义上传[推荐] 请求对象.FILES.get()获取上传文件的对象上传对象.name获取上传文件名称上传对象.chunks()获取上传数据包,字节码 ...

  4. 第三百一十六节，Django框架，中间件

    第三百一十六节,Django框架,中间件 django 中的中间件(middleware),在django中,中间件其实就是一个类,在请求到来和结束后,django会根据自己的规则在合适的时机执行中间 ...

  5. 第三百一十五节，Django框架，CSRF跨站请求伪造

    第三百一十五节,Django框架,CSRF跨站请求伪造  全局CSRF 如果要启用防止CSRF跨站请求伪造,就需要在中间件开启CSRF #中间件 MIDDLEWARE = [ 'django.midd ...

  6. 第三百一十八节，Django框架，信号

    第三百一十八节,Django框架,信号 Django中提供了“信号调度”,用于在框架执行操作时解耦.通俗来讲,就是一些动作发生的时候,信号允许特定的发送者去提醒一些接受者. 也就是当程序有指定动作时, ...

  7. 第三百一十七节，Django框架，缓存

    第三百一十七节,Django框架,缓存 由于Django是动态网站,所有每次请求均会去数据进行相应的操作,当程序访问量大时,耗时必然会更加明显,最简单解决方式是使用:缓存,缓存将一个某个views的返 ...

  8. 第三百一十三节，Django框架，Session

    第三百一十三节,Django框架,Session Django中默认支持Session,其内部提供了5种类型的Session供开发者使用: 1.数据库(默认)2.缓存3.文件4.缓存+数据库5.加密c ...

  9. 第三百一十一节，Django框架，Form表单验证

    第三百一十一节,Django框架,Form表单验证 表单提交 html <!DOCTYPE html> <html lang="en"> <head& ...

随机推荐

  1. mysql-5.7 扩展innodb系统表空间详解

    一.innodb系统表空间的简介: innodb 系统表空间是由若干个文件组成的,表空间的大小就是对应文件的大小,表空间文件是由innodb_data_file_path 这人参数来定义的.下面我们来 ...

  2. 鼠标移至div内部其他层时，触发mouseout

    话说有一个DIV元素,其内部有一个IMG元素和SPAN元素,不用理会这两个内部元素怎么布局,这不是我要讨论的重点. 为了实现一些特殊的效果,我需要利用TD的onmouseover和onmouseout ...

  3. 最简短的openvpn的设置方式

    这种方式对于测试能否连接到远程系统,十分的有用.尤其是国内复杂的网络环境下,检测一下,到底是服务器的原因,还是网络因素造成的,这是一个快捷的方式. 需要注意的是:这种方法是用明文连接.所有的加密措施都 ...

  4. Unity3d官方测试插件学习-单元测试，集成测试

    2016/11/27更新:官方的测试工具有许多问题,我修改了一个版本 https://git.oschina.net/Hont/UnitTest_Modifyed 支持切场景,异常不失败等 其实Uni ...

  5. [na][QoS]cisco3560限速配置案例-收集于网工泡泡

    网络中常用到这些:CISCO和H3C-MAC过滤+端口限速+端口镜像+端口隔离 不同的方式不同的思想:嘎嘎 其他各个厂商的限速链接:http://pan.baidu.com/s/1hrIMoSG 密码 ...

  6. 【Android】20.0 第20章 音频、视频、拍照、语音合成

    分类:C#.Android.VS2015: 创建日期:2016-03-11 一.简介 Android提供了常见的多媒体文件编码.解码机制,你可以直接调用Android提供的API,实现相册.播放器.录 ...

  7. SharePoint自动化系列——Upload files to SharePoint library using PowerShell.

    转载请注明出自天外归云的博客园:http://www.cnblogs.com/LanTianYou/ 日常的SharePoint站点测试中,我们经常要做各种各样的数据,今天又写了几个脚本,发现自己写的 ...

  8. Android开发：keytool' 不是内部或外部命令 也不是可运行的程序

    今天在更改keystore密码的时候,发生了这个问题:keytool' 不是内部或外部命令 也不是可运行的程序. 本来以为很简单觉得的问题,在网上搜索了一大堆答案,都不是我想要的,故在此记录下我的解决 ...

  9. python 字符和数值转换

    # python 字符和数值转换 ### 字符转数值------------------------------ ord('A') ==> 65- ord('B') ==> 66- ord ...

  10. python学习笔记（13）--向文件夹插入课文朗读

    说明: 1. 2016年初刚学python写的一段代码,找到了一个walk函数,研究了半天.文件复制粘贴,研究了半天.正则匹配,研究了半天,期间被斜杠差点搞死.后来做完了跟CZ炫耀,他说python里 ...