第三百一十节，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. WinForm中变Enter键为Tab键实现焦点转移的方法

    if (e.KeyCode == Keys.Enter) { //this.SelectNextControl(this.ActiveControl,true, true, true, true); ...

  2. CentOS7添加开机启动服务/脚本(延用CentOS6方法)

    一.添加开机自启服务 在centos7中添加开机自启服务非常方便,只需要两条命令(以Jenkins为例): systemctl enable jenkins.service #设置jenkins服务为 ...

  3. JDK1.5新特性，基础类库篇，调用外部命令类（ProcessBuilder）用法

    一. 背景 ProcessBuilder类是用来创建操作系统进程的.与Runtime.exec相比,它提供了更加方便的方法以创建子进程. 每个ProcessBuilder实例管理着一个进程属性的集合. ...

  4. Ambari-stack介绍

    Ambari-stack总体介绍 Ambari-stack 表示hadoop某个发行版本号.比如HDP-1.0.0,在用ambari创建一个集群时,首先要通过调用restfulAPI设置stack版本 ...

  5. wpf程序线程与UI内容交互

    在UI线程里执行复杂的操作,会造成UI假死.常用的解决方法是开2个线程. 而新线程要调用UI里的东西,必须这么用: this.Dispatcher.Invoke(content);

  6. [svc]samba服务搭建

    说实话搞这些很蛋疼, 没啥技术含量. What is Samba? 这个历史悠久了 Since 1992, Samba has provided secure, stable and fast fil ...

  7. ORACLE 多列合并成一行数据 WM_CONCAT函数以及REPLACE

    WM_CONCAT()方法 注意字符长度 SELECT BERTHCODE,tpf.freedatetype, ( SELECT WM_CONCAT(SBPT.PARKSTIME||'~'||SBPT ...

  8. 递归查询SQL语句

    USE [DB] GO /****** Object: View [dbo].[v_menus] Script Date: 02/24/2014 15:55:45 ******/ SET ANSI_N ...

  9. Cocos2d-x Scene生命周期 pushScene和replaceScene

    最近在开发过程中遇到很多切换场景的时候概率性崩溃,内存暴增的问题.因此总结一些开发中需要注意的要点, 1. 切换全屏场景的时候最好使用replaceScene而不是pushScene. 因为pushS ...

  10. 每日英语：Prosecutors Wrap Up Case Against Bo

    Prosecutors wrapped up their case against Bo Xilai on Sunday, sparring with the defiant former Commu ...