一、模板语言介绍

模板语言渲染的整个过程其实就是将html转换成函数，并为该函数提供全局变量，然后执行该函数

二、模板语言的语法

模板中也有自己的语言，该语言可以实现数据展示

# 业务请求处理做的页面渲染

return render("request", "template.html", {"k1": "v1", "k2": [11, 22, 33], "k3": {"nid": 12, "name": "aaa"})

# html页面模板语法

{{ k1 }}

{{ k2.0 }}  #  取列表中的第一个值，通过.获取

{{ k3.name }}  # 取字典中对应key的值

# for循环

{% for item in k2 %}

    <p>

        {{ item }},

        {{ forloop.counter }},   # 索引,从1开始,类似于python中的enumerate，

        {{ forloop.counter0 }},   # 索引,从0开始,类似于python中的enumerate，

        {{ forloop.first }},        # 判断当前item是否是第一个元素,成立为True,不成立为False

        {{ forloop.last }},         # 判断当前item是否是最后一个元素,成立为True,不成立为False

        {{ forloop.revcounter }}    # 倒序索引,与forloop.counter 相反

    </p>

{% endfor %}

# if条件判断

{% if k1 == "v1" %}

    <h1>V1</h1>

{% elif k2 == "v2" %}

    <h1>V2</h1>

{% else %}

    <h1>666</h1>

{% endif %}

三、 内置方法，类似于python的内置函数

{{ k1|lower }}  # 将所有字母都变为小写

{{ k1|first|upper }}  # 将首字母变为大写

{{ k1|truncatewords:"30" }}  # 取变量k1的前30个字符

{{ item.createTime|date:"Y-m-d H:i:s" }}    # 将时间转为对应格式显示

四、自定义方法

在内置的方法满足不了我们的需求的时候，就需要自己定义属于自己的方法了，自定义方法分别分为filter和simple_tag

1、区别：

```

① 传参：

    filter默认最多只支持2个参数：可以用{{ k1|f1:"s1, s2, s3" }}这种形式将参数传递个函数，由函数去split拆分

    simple_tag支持多个参数：{% f1 s1 s2 s3 s4 %}  有多少就写多少

② 模板语言if条件：

    filter：

        {% if k1|f1 %}   # 函数的结果作为if语句的条件

            <h1>True</h1>

        {% else %}

            <h1>False</h1>

    simple_tag:  不支持模板语言if条件

```

2、自定义方法使用流程：

  • a、在app中创建templatetags目录,目录名必须为templatetags
  • b、在目录templatetags中创建一个.py文件，例如 s1.py
#!/usr/bin/env python

# -*- coding: utf-8 -*-

# Author:zhangcong

# Email:zc_92@sina.com

from django import template

register = template.Library()   # 这一句必须这样写

@register.filter

def f1(value):

    return value + "666"

@register.filter

def f2(value, arg):

    return value + "666" + arg

@register.simple_tag

def f3(value, s1, s2, s3, s4):

    return value + "666" + s1 + s2 + s3 + s4
  • c、html模板顶部通过{% load s1 %}导入py文件
{% load s1 %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <h1>{{ title }}</h1>

    {#  使用filter方式调用自定义方法  #}

    <!-- 将k1当做参数传递给f1函数进行处理    处理方式 f1(k1) -->

    <p>{{ k1|f1 }}</p>

    <!-- 将k1当做参数传递给f2函数进行处理,接受2个参数  处理方式 f2(k1, "xxx") -->

    <p>{{ k1|f2:"xxx" }}</p>

    {#  使用simple_tag方式调用自定义方法  #}

    <!-- 将k1当做参数传递给f3函数进行处理,接收多个参数  处理方式 f3(k1, "s1", "s2", "s3", "s4") -->

    <p>{% f3 k1 "s1" "s2" "s3" "s4" %}</p>

</body>

</html>
  • d、settings.py中注册app

五、母版

在一个网站中，一些页面中的顶部，左侧，底部都是一样的，这个时候就出现了代码的冗余，这个时候就可以将这些重复使用的代码做成母版，方便在子页面中进行调用，下面是使用母版的一个例子中用到的一些文件，以及使用母版的效果图

1、路由文件 urls.py

from django.conf.urls import url, include

from cmdb import views

urlpatterns = [

    url(r'^userinfo/', views.userinfo),     # 用户管理

    url(r'^assets/', views.assets),         # 资产管理

]

2、业务请求处理文件 views.py

from django.shortcuts import render

from django.shortcuts import HttpResponse

def userinfo(request):

    # 用户信息

    userinfo_list = []

    for i in range(10):

        userinfo_list.append({"name": "name%s" % i, "email": "email%s@xxx.com"})

    return render(request, "userinfo.html", {"userinfo_list": userinfo_list})

def assets(request):

    # 资产信息

    assets_list = []

    for i in range(10):

        assets_list.append({"hostname": "host%s" % i, "port": 80})

    return render(request, "assets.html", {"assets_list": assets_list})

3、母版html文件 extend.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        .pg-header{

            height: 48px;

            background-color: cadetblue;

        }

        .pg-body{

            min-height: 500px;

        }

        .pg-body .body-menu{

            width: 20%;

            float: left;

        }

        .pg-body .body-content{

            width: 80%;

            float: left;

        }

        .pg-footer{

            height: 100px;

            background-color: brown;

        }

    </style>

    {% block css %}{% endblock %}      <!-- 使用blok来空出子页面需要填充的css样式内容 -->

</head>

<body>

    <div class="pg-header"></div>

    <div class="pg-body">

        <div class="body-menu">

            <ul>

                <li><a href="/userinfo/">用户管理</a></li>

                <li><a href="/assets/">资产管理</a></li>

            </ul>

        </div>

        <div class="body-content">

            {% block body-content %}{% endblock %}     <!-- 使用blok来空出子页面需要填充的内容 -->

        </div>

    </div>

    <div class="pg-footer"></div>

    {% block js %}{% endblock %}        <!-- 使用blok来空出子页面需要填充的js内容 -->

</body>

</html>

4、用户管理html文件 userinfo.html

{% extends 'extend.html' %}    # 继承母版内容

<!-- 填充页面css样式内容 -->

{% block css %}

    <!-- css样式 -->

{% endblock %}

<!-- 填充页面内容 -->

{% block body-content %}

    <table>

        <thead>

            <tr>

                <td>用户名</td>

                <td>邮箱</td>

            </tr>

        </thead>

        <tbody>

            {% for item in userinfo_list %}

                <tr>

                    <td>{{ item.name }}</td>

                    <td>{{ item.email }}</td>

                </tr>

            {% endfor %}

        </tbody>

    </table>

{% endblock %}

<!-- 填充页面js代码内容 -->

{% block js %}

    <!-- js代码 -->

{% endblock %}

5、资产管理html文件 assets.html

{% extends 'extend.html' %}     # 继承母版内容

<!-- 填充页面css样式内容 -->

{% block css %}

    <!-- css样式 -->

{% endblock %}

<!-- 填充页面内容 -->

{% block body-content %}

    <table>

        <thead>

            <tr>

                <td>主机名</td>

                <td>端口</td>

            </tr>

        </thead>

        <tbody>

            {% for item in assets_list %}

                <tr>

                    <td>{{ item.hostname }}</td>

                    <td>{{ item.port }}</td>

                </tr>

            {% endfor %}

        </tbody>

    </table>

{% endblock %}

<!-- 填充页面js代码内容 -->

{% block js %}

    <!-- js代码 -->

{% endblock %}

6、请求用户管理页面展示效果 http://127.0.0.1:8000/userinfo/

7、请求资产管理页面展示效果 http://127.0.0.1:8000/assets/

Django之模板语言的更多相关文章

  1. Django的模板语言

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

  2. django 更新 模板语言

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

  3. Django之模板语言(一)

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

  4. 第四篇Django之模板语言

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

  5. django的模板语言中一些之前没有用过的小点

    1.模板语言中的for循环的最后一个的表示方式 {% for auther in auther_list %} {% if forloop.last %} {# 这里的意思是for循环的最后一个的意思 ...

  6. Django的模板语言介绍

    模板语言: 1.我们先看下在命令行中渲染模板 先导入模块对象 2.渲染一个变量 <p>当前时间:{{ time }}</p> return render(request,&qu ...

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

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

  8. Django之模板语言(四) ------>Tags

    案例1:单层for循环 # Django 模板语言测试代码 def template_test(request): name_list=["张三","李四",& ...

  9. Django之模板语言(三）------>自定义filter

    1.自定义filter: 1.在app01下面新建一个templatetags的python package包. 如果没有app01的话,可以通过命令行在manage中进行创建:python mana ...

随机推荐

  1. centos redis安装

    对redis不是很了解,先写一个简单的安装过程 系统版本:centos 6.5 redis版本:2.8.23 一.安装依赖 sudo yum install tcl gcc gcc-c++ -y 二. ...

  2. 关于 gravity与layout_gravity

    区别 gravity与layout_gravity的区别在于: android:gravity是用来设置该view中内容相对于该view组件的对齐方式 android:layout_gravity是用 ...

  3. UWP APP 开发日记

    最近需要使用C#开发UWP应用,以前学习过C,这回就是快速看了一下C#的一些特别之处,然后就进入到了实战练习当中. 1.按照MSDN的教程自己搭建了一个简单的“Hello, world”应用.是使用C ...

  4. ASP.NET-FineUI开发实践-4(二)

    在网上找了找,实验了一下window弹出和关闭的动画效果分享一下. 接上次的代码 default.js window_tips.animCollapse= true;//打开动画效果 window_t ...

  5. 你真的了解 console 吗

    对于前端开发者来说,在开发过程中需要监控某些表达式或变量的值的时候,用 debugger 会显得过于笨重,取而代之则是会将值输出到控制台上方便调试.最常用的语句就是console.log(expres ...

  6. 在SPItemEventReceiver中使用BeforeProperties和AfterProperties

    当你利用这些事件时,就很快会发现存在前(同步)后(异步)两种事件.其方法的后缀分别为“ing”(比如,ItemAdding)和“ed”(比如,ItemAdded),分别代表了变更发生前调用和发生后调用 ...

  7. MYSQL数据库命名与其设计规范

    你是否对获得MYSQL数据库命名与其设计规范 的实际操作感到十分头疼?如果是这样子的话,以下的文章将会给你相应的解决方案,以下的文章主要是介绍获得MYSQL数据库命名与其设计规范 的方案,以下就是相关 ...

  8. oracle存储过程调试方法

    PL/SQL中为我们提供了[调试存储过程]的功能,可以帮助你完成存储过程的预编译与测试. 点击要调试的存储过程,右键选择TEST 如果需要查看变量,当然调试都需要.在右键菜单中选择Add debug ...

  9. JAVA多态需要注意的一些问题

    public class MainTest { static class A { public int i; public void f() { System.out.println("AA ...

  10. ORACLE调度之基于时间的调度（一）【weber出品】

    一.调度的概述 这里我看到一篇对调度的概述觉得描述的比我好,但仅限于概述部分,其他部分我觉得我讲的比他好,于是发生以下事情: ************************华丽的转载******** ...