Dango之模版系统

1.模板渲染

可以传列表,字典,对象等

{{ 变量 }}   {% 逻辑 %} -- 标签

urls.py

path('login/', views.login),

views.py

def login(request):

    name = 'zbb'

    return render(request,'login.html',{"name":name})

html

{{ name }}

2.万能的点

<h4>列表:{{ l.2 }}</h4>

<h4>字典:{{ dic.name }}</h4>

<h2>字典:{{ d1.items }}</h2> #循环取值

<h4>日期:{{ date.year }}</h4>

<h4>对象:{{ obj.p }}</h4>

 #如果调用的方法需要传参,sorry用不了

3.过滤器(内置)

在Django的模板语言中，通过使用过滤器来改变变量的显示。

过滤器的语法：

{{ value|filter_name:参数 }}

使用管道符"|"来应用过滤器。

注意事项：

过滤器支持“链式”操作。即一个过滤器的输出作为另一个过滤器的输入。
过滤器可以接受参数，例如：{{ sss|truncatewords:30 }}，这将显示sss的前30个词。
过滤器参数包含空格的话，必须用引号包裹起来。比如使用逗号和空格去连接一个列表中的元素，如：{{ list|join:', ' }}
'|'左右没有空格

1.default

如果一个变量是false或者为空，使用给定的默认值。否则，使用变量的值。

{{ value|default:"nothing"}}

2.length

返回值的长度，作用于字符串和列表。

{{ value|length }}

value=['a', 'b', 'c', 'd']的话，就显示4.

3.fIlesizeformat

将值格式化为一个 “人类可读的” 文件尺寸（例如 '13 KB', '4.1 MB', '102 bytes', 等等）

{{ num|filesizeformat }}

4.slice

切片,如果 value="hello world",还有其他可切片的数据类型

{{value|slice:"2:-1"}}

5.date

格式化,如果 value=datetime.datetime.now()

{{ value|date:"Y-m-d H:i:s"}}

6.safe

Django的模板中在进行模板渲染的时候会对HTML标签和JS等语法标签进行自动转义，原因显而易见，这样是为了安全，django担心这是用户添加的数据，比如如果有人给你评论的时候写了一段js代码，这个评论一提交，js代码就执行啦，这样你是不是可以搞一些坏事儿了，写个弹窗的死循环，那浏览器还能用吗，是不是会一直弹窗啊，这叫做xss攻击，所以浏览器不让你这么搞，给你转义了。但是有的时候我们可能不希望这些HTML元素被转义，比如我们做一个内容管理系统，后台添加的文章中是经过修饰的，这些修饰可能是通过一个类似于FCKeditor编辑加注了HTML修饰符的文本，如果自动转义的话显示的就是保护HTML标签的源文件。为了在Django中关闭HTML的自动转义有两种方式，如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义。

value = "<a href='#'>点我</a>" 和 value="<script>alert('123')"

{{ value|safe}}

7.truncatechars

如果字符串字符多于指定的字符数量，那么会被截断。截断的字符串将以可翻译的省略号序列（“...”）结尾。

参数：截断的字符数

注意 django 11版本 ... 是占三个字符

2版本只占一个

{{ value|truncatechars:6}}

#注意：最后那三个省略号也是6个字符里面的，

#也就是这个9截断出来的是5个字符+3个省略号(占一个字符)，

#怎么展开啊，配合前端的点击事件就行啦

8.truncatewords

在一定数量的字后截断字符串，是截多少个单词。

例如：‘hello girl hi baby yue ma’,

{{ value|truncatewords:3}}  #上面例子得到的结果是 'hello girl h1...'

9.cut

移除value中所有的与给出的变量相同的字符串

{{ value|cut:' ' }}

10.join

使用字符串连接列表，，就像Python的str.join(list)

{{ list|join:', ' }}

4.标签

1.for循环标签

遍历每一个元素：写个for，然后 tab键自动生成for循环的结构，循环很基础，就这么简单的用，没有什么break之类的，复杂一些的功能，你要通过js

循环列表

{% for person in person_list %}

    <p>{{ person.name }}</p>  <!--凡是变量都要用两个大括号括起来-->

{% endfor %}

可以利用{% for obj in list reversed %}反向完成循环。

循环字典

{% for key,val in dic.items %}

    <p>{{ key }}:{{ val }}</p>

{% endfor %}

注：循环序号可以通过｛｛forloop｝｝显示，必须在循环内部用　　

forloop.counter            当前循环的索引值(从1开始)，forloop是循环器，通过点来使用功能

forloop.counter0           当前循环的索引值（从0开始）

forloop.revcounter         当前循环的倒序索引值（从1开始）

forloop.revcounter0        当前循环的倒序索引值（从0开始）

forloop.first              当前循环是不是第一次循环（布尔值）

forloop.last               当前循环是不是最后一次循环（布尔值）

forloop.parentloop         本层循环的外层循环的对象，再通过上面的几个属性来显示外层循环的计数等

2.for ... empty

for 标签带有一个可选的{% empty %} 从句，以便在给出的组是空的或者没有被找到时，可以有所操作。

{% for person in person_list %}

    <p>{{ person.name }}</p>

{% empty %}

	<p>没有找到东西!</p>

{% endfor %}

3.if判断标签

{% if num > 100 or num < 0 %}

    <p>无效</p>  <!--不满足条件，不会生成这个标签-->

{% elif num > 80 and num < 100 %}

    <p>优秀</p>

{% else %}  <!--也是在if标签结构里面的-->

    <p>凑活吧</p>

{% endif %}

if语句支持 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判断，注意条件两边都有空格。

当然也可以只有if和else

if语句支持 and 、or、==、>、<、!=、<=、>=、in、not in、is、is not判断，注意条件两边都有空格。

{% if user_list|length > 5 %}  <!--结合过滤器来使用-->

  七座豪华SUV

{% else %}

    黄包车

{% endif %}

4.with

用于给一个复杂的变量起别名

{% with business.employees.count as total %}

    {{ total }}

{% endwith %}

5.模板继承

　Django模版引擎中最强大也是最复杂的部分就是模版继承了。模版继承可以让您创建一个基本的“骨架”模版，它包含您站点中的全部元素，并且可以定义能够被子模版覆盖的 block

简单理解 html css js 都能继承

html模版中定义

{% block content %} <!--预留标签用于引用 -->

这是模版

{% endblock %}

子html

{% block content %}

    这是首页

{% endblock %}

举例

urls

path('index/', views.index),

path('menu1/', views.menu1),

path('menu2/', views.menu2),

views

def index(request):

     return render(request,'index.html')

def menu1(request):

    return render(request,"menu1.html")

def menu2(request):

    return render(request,"menu2.html")

base.html 模版

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        h1{

            background-color: oldlace;

            height: 40px;

        }

        .menu{

            background-color: grey;

            height: 40px;

            width: 200px;

            float: left;

        }

    </style>

    {% block css %}

    {% endblock %}

</head>

<body>

<a href="/index/">回到首页</a>

<h1>追梦NAN</h1>

<div class="menu">

    <div class="c1">

        <a href="/menu1/">菜单1</a>

    </div>

    <div class="c2">

        <a href="/menu2/">菜单2</a>

    </div>

</div>

<div class="content">

    {% block content %} <!--预留标签用于引用 -->

        这是模版

    {% endblock %}

</div>

</body>

</html>

index.html

{% extends 'base.html' %}

{% block css %}

    <style>

    h1{

        background-color: red;

    }

    </style>

{% endblock %}

{% block content %}

    这是首页

{% endblock %}

menu1.html

{% extends 'base.html' %}

{% block content %}

    {{ block.super }} <!-- 可以继承模版原来的内容-->

    这是菜单1

{% endblock %}

6.组件

可以将常用的页面内容如导航条，页尾信息等组件保存在单独的文件中，然后在需要使用的地方，文件的任意位置按如下语法导入即可

1 创建html页面,里面写上自己封装的组件内容,xx.html

2 新的html页面使用这个组件

{% include 'xx.html' %}

举例:

urls

path('xx/', views.xx),

views

def xx(request):

    return render(request,"xx.html")

title.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        .nav{

            background-color: pink;

            height: 40px;

        }

    </style>

</head>

<body>

<div class="nav">

    <span>个人中心</span>

    <span>首页</span>

    <span>登录</span>

    <span>个注册</span>

</div>

</body>

</html>

xx.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{% include 'title.html' %}

<h1>这是首页</h1>

</body>

</html>

组件和插件的简单区别

组件是提供某一完整功能的模块，如：编辑器组件，QQ空间提供的关注组件 等。

而插件更倾向封闭某一功能方法的函数。

这两者的区别在 Javascript 里区别很小，组件这个名词用得不多，一般统称插件。

7.自定义标签和过滤器

第一步

在应用下创建一个叫做templatetags的文件夹(名称不能改),在里面创建一个py文件,例如xx.py

第二步

在xx.py文件中引用django提供的template类,写法

	from django import template

	register = template.Library() #register变量名称不能改

1.过滤器

第一步

在xx.py中定义过滤器

@register.filter

def addoo(n1):

    '''

    :param n1:变量的值 管道前面的

    :param n2:传的参数,管道后面的,如果不需要传参,不写这个参数

    :return: 参数最多两个

    '''

    return n1+"oo"

第二步

创建test.html 引用过滤器

{% load xx %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{{ name|addoo }}

</body>

</html>

第三步:

加入urls views

path('test/', views.test),

def test(request):

    return  render(request,"test.html",{"name":"zbb"})

2.标签

第一步

xx.py定义标签

@register.simple_tag()

def xx_tag(n1,n2):

    '''

    :param n1:变量的值 管道前面的

    :param n2:传的参数,管道后面的,如果不需要传参,不写这个参数

    :return: 参数无限制

    '''

    return n1+n2

第二步 test.html

{% load xx %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{% xx_tag name " zhuimengnan.com" %}

</body>

</html>

第三步

urls,views中同上

3.inclusion_tag

返回html片段的标签

第一步:xx.py

@register.inclusion_tag('result.html')

def res(n1):

    return {'z':n1}

第二步result.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<ul>

    {% for foo in z %}

        <li>{{ foo }}</li>

    {% endfor %}

</ul>

</body>

</html>

第三步: new.html

{% load xx %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{% res a  %}

</body>

</html>

第四步: urls,views

path('new/', views.new),

def new(request):

    a=['aa','bb','ccc']

    return render(request,'new.html',{"a":a})

8.静态文件配置

第一步:

项目目录下创建一个文件夹,命名随意例如:statics

将所有静态文件放到这个文件夹中可继续创建子目录用来区分

例如创建子目录css

第二步:

settings配置文件中最后添加以下配置

STATIC_URL = '/static/' #静态文件别名

STATICFILES_DIRS = [

    os.path.join(BASE_DIR, 'statics'),

    ]

第三步:you.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>是我错了</title>

    <link rel="stylesheet" href="/static/css/you.css">

</head>

<body>

<h1>你还好么?我懦弱的逃离</h1>

<ul>

    <li>小猪</li>

    <li>晓迎</li>

    <li>迎子</li>

</ul>

</body>

</html>

第四步 urls,views

path('you/', views.you),

def you(request):

    return  render(request,'you.html')

9.url别名和反向解析

url别名

path('you/', views.you,name="iyou"),

别名反向解析

from django.urls import reverse

例如:

reverse('index')  打印 /index2/

reverse('index',args=(1,2))   --/index/1/2/

reverse('index',kwargs={'name':'xx',"age":'18'})    /index/xx/18

html: {% url '别名' %}

例如:

{% url 'index' 2 3%} -- /index/2/3

10.url路由分发

include

第一步

先用pycharm 创建一个项目里面有一个app01应用

然后在pycharm 项目中,继续创建app02应用

在settings中加入app02

第二步:

在每个app下创建urls.py文件,写上自己app的路径

在项目目录下的urls.py文件中做一下路径分发,看下面内容

第三步:

应用中的urls

from django.contrib import admin

from django.urls import path

from django.conf.urls import inclue

from   app01 import  views

urlpatterns = [

    path('app01/',,include('app01.urls')),

    path('app02/',,include('app02.urls')),

]

项目中的urls

from   app01 import  views #2就是app02

urlpatterns = [

    path('home/',views.home),

]

项目中的view

from django.shortcuts import render,HttpResponse

# Create your views here.

def home(request):

    return  HttpResponse("app01")

11.命名空间namespace

即使不同的APP使用相同的URL名称，URL的命名空间模式也可以让你唯一反转命名的URL。

不通app下的别名重复 ,也会覆盖

from django.urls import path,include

urlpatterns = [

    #当前app02下的所有别名都属于app02

    path('app02/',include('app02.urls',namespace='app02')),

]

使用:

后端:reverse('命名空间名称:别名') -- reverse('app01:home')

hmtl:{% url '命名空间名称:别名' %}  -- {% url 'app01:home' %}