Python 【第十一章】 Django模版

1、直接传值

urls.py

"""mysite URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:

    https://docs.djangoproject.com/en/1.10/topics/http/urls/

Examples:

Function views

    1. Add an import:  from my_app import views

    2. Add a URL to urlpatterns:  url(r'^$', views.home, name='home')

Class-based views

    1. Add an import:  from other_app.views import Home

    2. Add a URL to urlpatterns:  url(r'^$', Home.as_view(), name='home')

Including another URLconf

    1. Import the include() function: from django.conf.urls import url, include

    2. Add a URL to urlpatterns:  url(r'^blog/', include('blog.urls'))

"""

from django.conf.urls import url

from django.contrib import admin

from cmdb import views

from django.conf.urls import url, include

urlpatterns = [

    # url(r'^web/', include('cmdb.urls')),

    url(r'^template/',views.template),

]

views.py

def template(request):

    return render(request,'template.html',

                  {'k1':'v1',

                   'k2':[11,22,33,44,55],

                   'k3':{'nid':12,'name':'alex'}})

template.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

{{ k1 }}

{{ k2.0 }}

{{ k3.nid }}

</body>

</html>

备注：例如以上单值传递时索引要使用点再加一个索引值来取值。

上面列表通过for循环来取值

template.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

{{ k1 }}

{{ k2.0 }}

{{ k3.nid }}

{% for item in k2 %}

    <p>{{ item }}</p>

{% endfor %}

</body>

</html>

一些例子

重复输出item内容

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

{{ k1 }}

{{ k2.0 }}

{{ k3.nid }}

{% for item in k2 %}

    <p>{{ item }},{{ item }}</p>

{% endfor %}

</body>

</html>

输出循环序号

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

{{ k1 }}

{{ k2.0 }}

{{ k3.nid }}

{% for item in k2 %}

    <p>{{ item }},{{ forloop.counter }}</p>

{% endfor %}

</body>

</html>

循环序号从0开始

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

{{ k1 }}

{{ k2.0 }}

{{ k3.nid }}

{% for item in k2 %}

    <p>{{ item }},{{ forloop.counter }} {{ forloop.counter0 }}</p>

{% endfor %}

</body>

</html>

循环取第一个，或最后一个

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

{{ k1 }}

{{ k2.0 }}

{{ k3.nid }}

{% for item in k2 %}

    <p>{{ item }},{{ forloop.counter }}, {{ forloop.counter0 }},{{ forloop.first }},{{ forloop.last }}</p>

{% endfor %}

</body>

</html>

2、判断语句在模版中

{% if 1 == 1  %}

    <h1>123</h1>

{% endif %}

{% if k1 == 'v1'  %}

    <h1>V1</h1>

{% elif k2 == 'v2' %}

    <h1>V2</h1>

{% else %}

    <h1>777</h1>

{% endif %}

模版语言内置方法（Django自带函数）

{{ item.event_start|date:"Y-m-d H:i:s"}}   #时间格式

{{ bio|truncatewords:"30" }}　　　　　　　　　　#显示前30个字符

{{ my_list|first|upper }}　　　　　　　　　　#字符串第一个字符大写

{{ name|lower }}　　　　　　　　　　　　　　　　#字符串变小字

模版语言自定义方法

　　filter

　　simple_tag

        1、创建指定文件，名称不能改 templatetags

        2、创建任意 .py 文件，如：xx.py

            from django import template

            from django.utils.safestring import mark_safe
　　　　　　　#下面一句 在3.5.2要屏蔽，否则不能正常运行自定义方法#

            #from django.template.base import resolve_variable, Node, TemplateSyntaxError

            # 必须不变

            register = template.Library()

            # 创建函数

            @register.filter

            def f1(value):

                return value + "666"

        3、在html模版的头部执行

            {% load xx %}

        4、

            k1 = 'VVV'

            {{k1}}    => vvv

　　　　　　　　#在html中生成 对应值

            {{k1|f1}} => vvv666

        5、 settings.py 中注册app

        总结：

            filter

                限制：传参

                支持：模版语言的 if 条件

            simple_tag

                不支持：模版语言的 if 条件

备注：

filter 只能传递一个参数。

例如

xx.py

#!/usr/bin/env python

#coding:utf-8

from django import template

from django.utils.safestring import mark_safe

# from django.template.base import resolve_variable, Node, TemplateSyntaxError

register = template.Library()

@register.filter

def f1(value,arg):

    return value + ''+arg

html模版文件中

{% load xx %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

#传入alex参数

{{ k1 | f1:'alex' }}

</body>

</html>

simple_tag用法

xx.py

装饰器修改为

simple_tag

@register.simple_tag

def f2(value,arg):

    return value + ''+arg

html模版中可以传入多个参数

{% load xx %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

{%  f2 '1' '2' %}

</body>
</html>

fitler 可以使用if条件判断

在html模版中

注意k1与f3之间管道不要有空格

{% if k1|f3 %}

<h1>True</h1>

{% else %}

<h1>False</h1>

{% endif %}

xx.py

@register.filter

def f3(value):

    if value=="VVV":

        return True

    return False

母版：

母版html文件:loyout.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <link rel="stylesheet" href="..." />

    <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;

        }

        .active{

            background-color: aquamarine;

            color: white;

        }

    </style>

    {% block css %}{% endblock %}

</head>

<body>

    <div class="pg-header">

        后台系统V1

    </div>

    <div class="pg-body">

        <div class="body-menu">

            <ul>

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

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

            </ul>

        </div>

        <div class="body-content">

            {% block body %}{% endblock %}

        </div>

    </div>

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

    <script src="xxx"></script>

    {% block js %}{% endblock %}

</body>

</html>

导入母版html文件

{% extends 'layout.html' %}

{% block css %}

    <style></style>

{% endblock %}

{% block body %}

    <ul>

    {% for item in user_list %}

        <li>{{ item.username }},{{ item.salary }}</li>

    {% endfor %}

    </ul>

{% endblock %}

{% block js %}

    <script>

        document.getElementById('userinfo').className = 'active';

    </script>

{% endblock %}

备注：做母版中重要以下几部分

{% block css %}{% endblock %}  #允许子版自己定义css

{% block body %}{% endblock %}   #子版实际内容

{% block js %}{% endblock %}    #允许子版 自己定义js

在子版中以下格式导入母版

{% extends 'layout.html' %}

{% block css %}

    #子版自己定义CSS

{% endblock %}

{% block body %}

  # 子版内容

{% endblock %}

{% block js %}

     #子版自己定义js

{% endblock %}

Python 【第十一章】 Django模版的更多相关文章

第二十一章 Django的分页与cookie
第二十一章 Django的分页与cookie 第一课模板 1.模板的继承在Template目录下新建模板master.html <!DOCTYPE html> <html lan ...
Python第十一章-常用的核心模块01-collections模块
python 自称 "Batteries included"(自带电池, 自备干粮?), 就是因为他提供了很多内置的模块, 使用这些模块无需安装和配置即可使用. 本章主要介绍 py ...
Python第十一章-常用的核心模块03-json模块
python 自称 "Batteries included"(自带电池, 自备干粮?), 就是因为他提供了很多内置的模块, 使用这些模块无需安装和配置即可使用. 本章主要介绍 py ...
Python第十一章-常用的核心模块04-datetime模块
python 自称 "Batteries included"(自带电池, 自备干粮?), 就是因为他提供了很多内置的模块, 使用这些模块无需安装和配置即可使用. 本章主要介绍 py ...
流畅的python第十一章接口学习记录
鸭子协议(忽略对象真正类型,转而关注对象有没有实现所需的方法,签名和语义) 标准库中的抽象基类 collections.abc模块中的抽象基类抽象方法是抽象基类中用来强制子类必须实现的方法,如果子类 ...
《Django By Example》第十一章中文翻译（个人学习，渣翻）
第十一章缓存内容 (译者 @ucag 注:这是倒数第二章,最后一个项目即将完成. @夜夜月将会接过翻译的最后一棒.这本书的翻译即将完成.这也是我翻译的最后一章,作为英语专业的学生,我对于翻译有了更 ...
python 教程第二十一章、扩展Python
第二十一章. 扩展Python /* D:\Python27\Lib\Extest-1.0\Extest2.c */ #include <stdio.h> #include <std ...
第十一章：Python高级编程-协程和异步IO
第十一章:Python高级编程-协程和异步IO Python3高级核心技术97讲笔记目录第十一章:Python高级编程-协程和异步IO 11.1 并发.并行.同步.异步.阻塞.非阻塞 11.2 ...
第三章：模版层 - 1：Django模板语言详解
本节将介绍Django模版系统的语法.Django模版语言致力于在性能和简单性上取得平衡. 如果你有过其它编程背景,或者使用过一些在HTML中直接混入程序代码的语言,那么你需要记住,Django的模版 ...

随机推荐

Java I/O and NIO [reproduced]
Java I/O and NIO.2---Five ways to maximize Java NIO and NIO.2---Build more responsive Java applicati ...
python类的实例方法\静态方法\类方法区别解析(附代码)
前言搞了好久python,一直搞得不太清楚这几种类的方法,今天花时间好好测试一下,算是弄懂点皮毛吧. 三种方法的不同先剽窃个图看一下可以看到,实例是三种方法都可以调用的,而类只可以调用两种.所以 ...
Windows下构建ASP.NET Core+Code First+Docker
背景介绍本文将会示范如何在Windows系统下基于ASP.NET Core构建跨平台服务,并通过Docker容器运行发布. 首先说一下为什么选择这一套组合: 我本人和我们Code4Thought团队 ...
【转载】iOS屏幕适配设计
移动app开发中多种设备尺寸适配问题,过去只属于Android阵营的头疼事儿,只是很多设计师选择性地忽视android适配问题,只出一套iOS平台设计稿.随着苹果发布两种新尺寸的大屏iPhone 6, ...
C# 本质论第一章 C#概述
学习新语言最好的办法就是动手写代码. 库(或称为类库)的文件扩展名是.dll,其中dll代表"动态链接库(Dynamic Link Library)". 不要在标识符中使用单词缩写 ...
svn 提交代码报错
svn 提交代码报错最近新安装了TortoiseSvn 1.92,在上传代码,其中有新增加的文件,出现如下错误: 解决方法: 1.用vs生成patch文件 2.生成的patch文件中讲nonexis ...
JVM 架构解读
每个Java开发人员都知道字节码由JRE(Java运行时环境)执行.但许多人不知道JRE是Java Virtual Machine(JVM)的实现,它分析字节码,解释代码并执行它.作为开发人员,我们应 ...
ASP.NET MVC企业级实战目录
电子书样稿 (关注最新进度,请加QQ群:161436236) ASP.NET MVC企业实战第1章 MVC开发前奏.pdf ASP.NET MVC企业实战第10章站内搜索.pdf 已经好长一段时间没 ...
Threejs中的材质贴图
最近项目需要折腾three.js,有关three.js几点说明 1.作用 threejs适合创建简单的模型视图 2.对于复杂的模型图(如:室内模型图)需要美术3D制作,前端导成特定格式文件(如*.mt ...
BFC布局
这几天都没有写博客,自己的懒惰又要跑出来了,发觉不能再这样下去了,不然就什么都不想干了,然后将之前已经写得差不多的博客重新检视了一遍.这篇博客已经写得挺久的了,但是一直没有发布,现在补充了一些,也让自 ...

Python 【第十一章】 Django模版

Python 【第十一章】 Django模版的更多相关文章

随机推荐

热门专题