zoukankan      html  css  js  c++  java

  • Django 模板

    介绍

    用于编写html代码，还可以嵌入模板代码更快更方便的完成页面开发，再通过在视图中渲染模板，将生成最终的html字符串返回给客户端浏览器。

    模板包含两部分：

    • 静态部分，包含html、css、js。
    • 动态部分，就是模板语言。

    过程：

    模版的创建过程，对于模版，其实就是读取模版（其中嵌套着模版标签），然后将 Model 中获取的数据插入到模版中，最后将信息返回给用户。

    配置文件

    在学习模板之前，你还需要了解一下模板的配置。

    settings.py

    TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')]
        ,
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

    1. BACKEND : 指定模板的引擎。

    2. DIRS : 指定保存模板的目录。

    3. APP_DIRS : 是否要在应用中搜索模板本。

    4. OPTIONS : 有关模板的选项。

    模板加载

    模板的加载方式，分为两种。

    第一种

    from django.template import loader

t = loader.get_template("模板名称")
html = t.render("传入信息")
return HttpResponse(html)

    第二种

    from django.shortcuts import render

return render(request,'模板的名称','传入信息')

    render参数：

    • request： 用于生成响应的请求对象。
    • template_name：要使用的模板的完整名称，可选的参数
    • context：添加到模板上下文的一个字典。默认是一个空字典。如果字典中的某个值是可调用的，视图将在渲染模板之前调用它。
    • content_type：生成的文档要使用的MIME类型。默认为 DEFAULT_CONTENT_TYPE 设置的值。默认为'text/html'
    • status：响应的状态码。默认为200。
    • useing: 用于加载模板的模板引擎的名称。

    关于模板

    模板语法

    • 变量：两个大括号括起来的 {{变量名}}
    • 标签：代码段 {% 代码块 %}
    • 过滤器：就是一个竖线（|），即：{{变量名 | 参数}}
    • 注释：{# 这里是注释 #}

    表达式

    • or
    • and
    • not
    • in
    • ==, !=, <, >, <=, >=

    变量

    变量：两个大括号括起来的 {{变量名}}

    模板碰到变量的时候，计算这个变量的值，然后将结果输出，变量名有字母、数字、下划线组成。必须以字母或下划线开头。

    当模板引擎碰到圆点的时候，会按照如下的顺序进行查询：

    1. 字典。把圆点前面的内容理解为一个字典，圆点后面的内容理解为键
    2. 属性或方法查询。把圆点前面的内容理解为一个对象，圆点后面的内容理解为对象里面的属性或方法（访问方法不能加括号，方法也不能定义参数）
    3. 数字索引查询。把圆点前面的内容理解为列表或元组。圆点后面的内容理解为下标（下标只能为数字，不能为字符串）

    实例

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

<h1>应聘信息</h1>
<ul>
    <li>姓名：{{ name }}</li>
    <li>年龄：{{ age.age }}</li>
    <li>爱好：{{ hobby.0 }}</li>
    <li>爱好：{{ hobby.1 }}</li>
    <li>爱好：{{ hobby.2 }}</li>
    <li>伴侣：{{ partner_name.name }}</li>
</ul>

</body>
</html>

    app_name/views.py

    from django.shortcuts import render,HttpResponse

class Info():
    @staticmethod
    def age():
        return 18

def index(request):
    info = {
        'name':'小明',
        'age':Info,
        'hobby':['抽烟','喝酒','烫头'],
        'partner_name':{
            'name':'小红',
            'age':28
        }
    }
    return render(request,'info.html',info)

    结果：

    标签

    标签：代码段 {% 代码块 %}

    if标签

    语法

    {% if ... %}
逻辑1
{% elif ... %}
逻辑2
{% else %}
逻辑3
{% endif %}

    实例

    {% if hasHouse and hasCar%}
    <h1>{{ name }}有房有车</h1>
{% elif hasHouse %}
    <h1>{{ name }}有房</h1>
{% elif hasCar %}
    <h1>{{ name }}有车</h1>
{% else %}
    <h1>{{ name }}啥都没有</h1>
{% endif %}

    app_name/views.py

    from django.shortcuts import render,HttpResponse

def index(request):
    info = {
        'name':'小明',
        'hasHouse':None,
        'hasCar':None,
    }
    return render(request,'info.html',info)

    结果：

                

    for标签

    语法

    {% for ... in ... %}

{% endfor %}

    更多

    {% for ... in ... %}

{{ forloop.counter }}#表示当前是第几次循环
{% empty %} #列表是空或不存在的时候，执行这里

{% endfor %}

    实例

    你还记得，我们刚开始获取hobby变量时的过程吗，hobby.0、hobby1...用for标签后就会简单许多。

    <ul>
    <li>{{ name }}爱好：
    　　{% for foo in hobby %}
        　　<span>{{ foo }}</span>
    　　{% endfor %}
    </li>
</ul>

    app_name/views.py

    from django.shortcuts import render,HttpResponse

def index(request):
    info = {
        'name':'小明',
        'hobby':['抽烟','喝酒','烫头'],
    }
    return render(request,'info.html',info)

    结果：

    过滤器

    过滤器：就是一个竖线（|），即：{{变量名 | 参数}}

    语法

    {{变量|过滤器1:参数1|过滤器2:参数2...}}

    {{ variable | truncatechars:14 | upper }}

    实例

    string='Welcome to Beijing'

<h1>string={{string}}</h1>
<h1>大写内容是:{{ string | upper }}</h1>
<h1>省略后的内容:{{ string | truncatechars:14 }}</h1>
<h1>省略后的内容:{{ string | truncatewords:1 }}</h1>
<h1>省略后的大写内容:{{ string | truncatechars:14 | upper }}</h1>
    # 可以在if标签中，使用过滤器，并结合运算符一起使用
{% if name|length > 2 %}

# 过滤器可以用来串联，构成过滤器链
name | lower | upper

# 过滤器可以传递参数
list | join:”,”

# 设置默认值的过滤器
value | default:”0”

#设置日期
value | date:”YYYY-mm-dd”

#标签输出（安全的）
value | safe:"输出标签"

    更多参数：https://www.cnblogs.com/huangxm/p/6286144.html 

    自定义

    simple_tag

    1、在app中创建templatetags包。

    2、在该目下创建任意py文件，即：xxxx.py

    # app/templatetags/register.py

from django import template
from django.utils.html import format_html

register = template.Library()

@register.simple_tag
def page_cut(current,number):
    page = ""
    for i in range(1,number+1):
        if current == i:
            page += "<a>%s</a>"%i
        else:
            page += "<a href='?page=%s'>%s</a>"%(i,i)
    return format_html(page)

    3、在使用自定义simple_tag的html文件中导入之前创建的 xx.py 文件名

    {% load xx %}

    4、使用simple_tag

    {% page_cut current_page number_page %}

    如下：

    {% load register %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div a{
            margin-right: 10px;
        }
        div:before{
            content: 'Page：';
        }
    </style>
</head>
<body>

<div>
    {% page_cut current_page number_page %}
</div>

</body>
</html>

    运行结果：

    filter

    创建方式一致，只是装饰器和调用的方法需要更改。

    # app/templatetags/register.py

from django import template
from django.utils.html import format_html

register = template.Library()

@register.filter
def square(x,y):
   return pow(x,y)

    使用

    {{ 2|square:2 }}

    模板继承

    说明

    • 如果在模版中使用extends标签，它必须是模版中的第一个标签
    • 不能在一个模版中定义多个相同名字的block标签
    • 子模版不必定义全部父模版中的blocks，如果子模版没有定义block，则使用了父模版中的默认值
    • 如果发现在模板中大量的复制内容，那就应该把内容移动到父模板中
    • 使用可以获取父模板中block的内容
    • 为了更好的可读性，可以给endblock标签一个名字

    语法

    继承格式

    {% block name%} {% endblock %}

    导入模板

    extends

    {% extends "xxx.html" %}

    只能导入一个。

    局部继承

    include

    • 导入的代码块相当于一个完整的组件, 可以包含html标签, css样式, js语法
    • 如果你想在网页上乱入一块广告, include是非常乐意效劳的
    • 可以导入多个。

    {% include xxx.html%}

    实例

    • base.html 为基类
    • index.html 为子类

    base.html

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

{% block  nav%}
   <div>头部信息</div>
{% endblock nav%}

{% block container %}
{% endblock container %}

{% block page_bottom%}
    <div>底部信息</div>
{% endblock page_bottom %}

</body>
</html>

    index.html

    {% extends 'base.html' %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}首页标题{% endblock title%}</title>
</head>
<body>

{% block container %}
    <div style="height: 40px;line-height: 40px">所有内容</div>
{% endblock container%}

</body>
</html>

    views.py

    from django.shortcuts import render,HttpResponse

# Create your views here.

def index(request):
    return render(request,'index.html')

    结果

    URL反向解析

    作用

    根据urls列表中关键字name=来确定唯一的名字，可以根据这个名字反推出此url的信息。

    语法

    视图中

    url(regex, views, kwargs=None, name="别名")

    也可以将：url改成re_path，如下：

    re_path(regex, views, kwargs=None, name="别名")

    模板中

    {% url '别名' %}

    {% url '别名' '参数值1' '参数值2' %}

    实例

    index.html

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

<ul>
    <li>姓名：{{ name }}</li>
    <li>个人博客:<a href="{% url 'person_info' name%}">{{ name }}</a></li>
</ul>

</body>
</html>

    views.py

    from django.shortcuts import render,HttpResponse

# Create your views here.

def index(request,name):
    info = {'name':name}
    return  render(request,'index.html',info)

def person_info(request,name):
    content = name + '的博客'
    return HttpResponse(content)

    urls.py

    from django.urls import path,re_path
from . import views

urlpatterns = [
    re_path('^index/(w+)$',views.index,name='index'),
    re_path('^person_info/(w+)$',views.person_info,name='person_info')
]

    运行

    访问：127.0.0.1/index/Kidd

    点击,个人博客

    命名空间

    主 url.py

    from django.contrib import admin
from django.urls import path,include

urlpatterns = [
    path('admin/', admin.site.urls),
    path("", include(("app_manage.urls","study"),namespace="study"))
]

    url.py

    from django.urls import path
from . import views

urlpatterns = [
    path("", views.index, name="index"),
    path("timetable.html", views.timetable, name="timetable")
]

    views.py

    from django.shortcuts import render,reverse,redirect,HttpResponse

# Create your views here.
def index(request, *args, **kwargs):
    return redirect(reverse("study:timetable"))

def timetable(request, *args, **kwargs):
    if request.method == "GET":
        return render(request, "timetable.html")
  • 相关阅读:
    Linux：PS命令详解与使用
    linux日志守护进程 syslog
    Linux shell 判断字符串为空等常用命令
    Java 中zookeeper操作
    mysql数据库读写分离，主从同步实现方法
    【转】几种Java序列化方式的实现
    如何为SUSE配置IP地址，网关和DNS
    linux中export的作用
    91家纺网，多线程版本待处理
    91家纺网爬虫，不包含多线程登录处理，第三张表格数据没有对接
  • 原文地址：https://www.cnblogs.com/py-peng/p/12579325.html
Copyright © 2011-2022 走看看