Django之Template

1.　　模板类型

　　　　1.　　变量

　　　　　　　　views中:　　{"HTML变量名"：“views变量名”}

　　　　　　　　HTML中:　　{ { 变量名} }　　

　　　　　　　　views.py　　定义函数，并指定变量映射关系

def name(request):
    test_name="水师提督常昆常大人"
    return render(request,'name.html',{"name":test_name})

　　　　　　　　urls.py　　定义url路径，指向对应的views函数

from django.contrib import admin
from django.urls import path
from shuaige import views
urlpatterns = [
    path('admin/', admin.site.urls),
    path('hello/', views.hello),
    path('login/',views.login),
    path('name/', views.name)
]

　　　　　　　　templates/name.html

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

　　　　　　　　访问地址:　　http://127.0.0.1:8081/name/

　　　　2.　　列表

　　　　　　　　views.py

def test_list(request):
    test_name=["刘德华","张学友","黎明","郭富城"]
    return render(request,'list.html',{"list_name":test_name})

　　　　　　　　urls.py

from django.contrib import admin
from django.urls import path
from shuaige import views
urlpatterns = [
    path('admin/', admin.site.urls),
    path('hello/', views.hello),
    path('login/',views.login),
    path('name/', views.name),
    path('list/', views.test_list)
]

　　　　　　　　templates/list.html

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

　　　　　　　　访问地址:　　http://127.0.0.1:8081/list/

　　　　3.　　字典

　　　　　　　　views.py

def test_dict(request):
    test_name={"name":"猴子"}
    return render(request,'dict.html',{"dict_name":test_name})

　　　　　　　　urls.py

from django.contrib import admin
from django.urls import path
from shuaige import views
urlpatterns = [
    path('admin/', admin.site.urls),
    path('hello/', views.hello),
    path('login/',views.login),
    path('name/', views.name),
    path('list/', views.test_list),
    path('dict/', views.test_dict)
]

　　　　　　　　templates/dict.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ dict_name }}</title>
</head>
<body>
{{ dict_name.name }}
</body>
</html>

　　　　　　　　访问地址:　　http://127.0.0.1:8081/dict/　　　　

　　　　4.　　过滤器

　　　　　　　　在html文件中使用过滤器

{{ name|lower }}　　把所有文档内容改成小写
{{ name|first|upper }}　　结果变量值的第一个，并改成大写　　　　　　　　　　　　　　 
{{ name|truncatewords:"5"}}　　将value切成truncatewords指定的单词数目。使用形式：
{{ value | truncatewords:2}}。例如，如果value是Joel is a slug 那么输出将是：Joel is ...
{{ name | length }}　　返回变量的长度,适用于字符串和列表
{{ name | filesizeformat }}　　以更易读的方式显示文件的大小
{{ name | date }}　　根据给定格式对一个日期变量进行格式化

2.　　模板条件判断

　　　　1.　　基本语法

{% if condition %}
     ... display
{% endif %}

{% if condition1 %}
   ... display 1
{% elif condition2 %}
   ... display 2
{% else %}
   ... display 3
{% endif %}

　　　　　　　　{% if %}　　接受and,or,not关键字对多个变量进行判断　　

　　　　2.　　实例

　　　　　　　　views.py

def name(request):
    test_name=88
    return render(request,'name.html',{"name":test_name})

　　　　　　　　name.html　　　　　　

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ name }}</title>
</head>
<body>
{%if num > 90 and num <= 100 %}
猴子牛逼
{% elif num > 60 and num <= 90 %}
袁绍牛逼
{% else %}
乐享牛逼
{% endif %}
</body>
</html>

3.　　模板循环

　　　　1.　　基本语法

<ul>
{% for athlete in athlete_list %}
    <li>{{ athlete.name }}</li>
{% endfor %}
</ul>

　　　　2.　　实例

　　　　　　　　1.　　列表

　　　　　　　　　　　　views.py

def test_list(request):
    test_name=["刘德华","张学友","黎明","郭富城"]
    return render(request,'list.html',{"list_name":test_name})

　　　　　　　　　　　　list.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ list_name }}</title>
</head>
<body>
{% for athlete in list_name %}
    <li>{{ athlete }}</li>
{% endfor %}
</body>
</html>

　　　　　　　　2.　　反向迭代

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ list_name }}</title>
</head>
<body>
{% for athlete in list_name reversed %}
    <li>{{ athlete }}</li>
{% endfor %}
</body>
</html>

　　　　　　　　3.　　字典

　　　　　　　　　　　　views.py

def test_dict(request):
    test_name={"name":"猴子","age":"袁绍","class":"乐享"}
    return render(request,'dict.html',{"dict_name":test_name})

　　　　　　　　　　　　dict.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ dict_name }}</title>
</head>
<body>
{% for i,j in dict_name.items %}
    {{ i }}----{{ j }} <br>
{% endfor %}
</body>
</html>

　　　　　　　　4.　　forloop变量

forloop.counter: 顺序获取循环序号，从 1 开始计算
forloop.counter0: 顺序获取循环序号，从 0 开始计算
forloop.revcounter: 从结尾开始倒叙获取循环序号，结尾序号为 1
forloop.revcounter0: 从结尾倒叙获取循环序号，结尾序号为 0
forloop.first（一般配合if标签使用）: 第一条数据返回 True，其他数据返回 False
forloop.last（一般配合if标签使用）: 最后一条数据返回 True，其他数据返回 False

　　　　　　　　　　　　例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ list_name }}</title>
</head>
<body>
{% for athlete in list_name  %}
    <li>{{ forloop.counter }}</li>
        <li>{{ forloop.counter0 }}</li>
        <li>{{ forloop.recounter }}</li>
        <li>{{ forloop.revcounter0 }}</li>
        <li>{{ forloop.first }}</li>
        <li>{{ forloop.last }}</li>
{% endfor %}
</body>
</html>

　　　　　　　　5.　　for ... empty标签

　　　　　　　　　　　　如果变量名不存在或者内容为空的时候显示{%empty%}中的内容，否则不执行。

　　　　　　　　　　　　views.py

def test_list(request):
    test_name=[]
    return render(request,'list.html',{"list_name":test_name})

　　　　　　　　　　　　list.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ list_name }}</title>
</head>
<body>
{% for i in list_name %}
    {{ forloop.counter0 }}
{% empty %}
    空空如也～
{% endfor %}
</body>
</html>

4.　　其他标签　　

　　　　1.　　include标签

　　　　　　　　允许在模板中包含其它的模板的内容

　　　　　　　　{% include "nav.html" %}

　　　　2.　　csrf_token标签

　　　　　　　　csrf_token 用于form表单中，作用是跨站请求伪造保护。

　　　　　　　　如果不用｛% csrf_token %｝标签，在用 form 表单时，要再次跳转页面会报403权限错误。

　　　　　　　　用了｛% csrf_token %｝标签，在 form 表单提交数据时，才会成功。

　　　　　　　　解析：

　　　　　　　　　　首先，向浏览器发送请求，获取登录页面，此时中间件 csrf 会自动生成一个隐藏input标签，该标签里的 value 属性的值是一个随机的字符串，用户获取到登录页面的同时也获取到了这个隐藏的input标签。

　　　　　　　　　　然后，等用户需要用到form表单提交数据的时候，会携带这个 input 标签一起提交给中间件 csrf，原因是 form 表单提交数据时，会包括所有的 input 标签，中间件 csrf 接收到数据时，会判断，这个随机字符串是不是第一次它发给用户的那个，如果是，则数据提交成功，如果不是，则返回403权限错误。

5.　　配置静态文件

　　　　1.　　在项目根目录下创建statics目录，再创建子目录css,js,images,plugins　　　　　　　　

　　　　2.　　在setting文件的最下方配置

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "statics"),
]

　　　　3.　　在bootstrap框架放入plugins目录

　　　　　　　　去bootstrap官网下载压缩包，解压后放到plugins目录下

　　　　4.　　也可以直接引用网上的　

6.　　模板继承

　　　　模板可以用继承的方式来实现复用，减少冗余内容。

　　　　网页的头部和尾部内容一般都是一致的，我们就可以通过模板继承来实现复用。

　　　　父模板用于放置可重复利用的内容，子模板继承父模板的内容，并放置自己的内容。

　　　　1.　　父模板

　　　　　　　　语法

{% block 名称 %} 
预留给子模板的区域，可以设置设置默认内容
{% endblock 名称 %}

　　　　2.　　子模板

　　　　　　　　语法

{% extends "父模板路径"%} 
{ % block 名称 % }
内容 
{% endblock 名称 %}

　　　　3.　　例子

　　　　　　　　1.　　父模板

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
    <h1>Hello World!</h1>
    <p>菜鸟教程 Django 测试。</p>
    {% block mainbody %}
       <p>original</p>
    {% endblock %}
</body>
</html>

　　　　　　　　2.　　子模板

{%extends "base.html" %}
 
{% block mainbody %}
<p>继承了 base.html 文件</p>
{% endblock %}

posted @ 2024-05-13 13:46 奋斗史阅读(17) 评论(0) 收藏举报

刷新页面返回顶部

奋斗吧，加油！

Django之Template

1.　　模板类型

2.　　模板条件判断

3.　　模板循环

4.　　其他标签

5.　　配置静态文件

6.　　模板继承

公告

奋斗吧，加油！

Django之Template

1. 模板类型

2. 模板条件判断

3. 模板循环

4. 其他标签

5. 配置静态文件

6. 模板继承

公告

1.　　模板类型

2.　　模板条件判断

3.　　模板循环

4.　　其他标签　　

5.　　配置静态文件

6.　　模板继承