Django框架——模板渲染与静态文件

最新推荐文章于 2023-03-25 17:51:10 发布

Arvin_zx

最新推荐文章于 2023-03-25 17:51:10 发布

阅读量781

点赞数 1

本文链接：https://blog.csdn.net/Arvin_zx/article/details/80293846

版权

Python 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

Django

4 篇文章 0 订阅

订阅专栏

html链接的绝对历经与相对路径

绝对路径：

一个完整的url路径就是绝对路径，即包含schema://host[:port#]/path/…/[?query-string][#anchor]
例如：https://blog.csdn.net/Arvin_zx

相对路径：

第一个字符为斜杠/,
- 例：“/hello”, 这种会自动帮你添加你的协议名+域名+端口，假设你的前一节为http://www.baidu.com:8000，系统会自动匹配为”http://www.baidu.com:8000/hello”
- 我们实际情况中一般使用这种。

第一个字符不带斜杠
例如：”hello”，这种会在当前url中path段往后添加，假设你当前路径http://www.baidu.com:8000/hello, 系统会自动匹配为“http://www.baidu.com:8000/hello/hello, ”。

settings中模板路径配置

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',
            ],
        },
    },
]

views渲染返回页面的三种方法

原始的：直接将html字符串硬编码到HttpResponse中。

class Login(View):
    def get(self, request):
        return HttpResponse("<h1>hello world</h1>")

使用render进行渲染。

class Login(View):
    def get(self, request):
        return render(request, "login.html")

使用django.template.loader下的get_template方法进行渲染。

class Login(View):
    def get(self, request):
        t = get_template("login.html")
        return HttpResponse(t.render())

模板引擎的选择：
django自带一套模板系统，叫做DTL（Django Template Language），此外python还有一套模板引擎：Jinja2。
具体使用哪一套模板系统可以在settings中进行配置:

在settings文件中的TEMPLATES->BACKEND进行配置，默认使用的是django自带的DTL。配置DTL：’BACKEND’:
‘django.template.backends.django.DjangoTemplates’,配置Jinja2：django.template.backends.jinja2.Jinja2

TEMPLATES = [
    {
        www',
        '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',
            ],
        },
    },   
]

模板变量

在模板中定义变量的方法：

语法：{{变量名}}
命名由字母和数字以及下划线组成，不能有空格和标点符号。
不要和python或django关键字重名。

例如：

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

模板标签

标签语法：{% 标签名称 %}{% 结束标签名称 %}例： {%tag%}{%endtag%}
if/elif/else：可以使用and/or/in/not/==/!=/<=/>=，来进行判断。ifequal/ifnotequal

例如：

{% if now %}
当前时间： {{ now|date:"Y-m-d H:i:s" }}
{% endif %}

for…in…：跟python中的for…in…是一样的用法

{% for m in modules %}
{{ m }}
{% end %}

过滤器

作用：对变量进行过滤。在真正渲染出来之前，过滤器会根据功能处理好变量，然后得出结果后再替换掉原来的变量展示出来。
语法：{{greeting|lower}}
变量和过滤器中间使用管道符号”|”进行使用。
可以通过管道符号进行链式调用，比如实现一个功能，先把所有字符变成小写，把第一个字符转换成大写，代码如下：{{message|lower|capfirst}}
过滤器可以使用参数，在过滤器名称后面使用冒号”:”再加上参数，比如要把一个字符串中所有的空格去掉，则可以使用cut过滤器，代码如下
- {{message|cut:" "}}PS:使用参数的时候，冒号和参数之间不能有任何空格，一定要紧挨着。

模板继承

模板继承使用extends标签实现。通过使用block来给子模板开放接口。
extends必须是模板中的第一个出现的标签。
子模板中的所有内容，必须出现在父模板定义好的block中，否则django将不会渲染。
如果出现重复代码，就应该考虑使用模板。尽可能多的定义block，方便子模板实现更细的需求。

base.html

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

{% extends "base.html" %}
{% block content %}
        这是一个登录页面
{% endblock %}

include另一个模板

{% include "menu.html" %}

注释标签

{#被注释的内容#}：将中间的内容注释掉。只能单行注释。
{% comment %}被注释的内容{% endcomment %}：可以多行注释。

自定义过滤器

DTL模板语言生来只是为了方便的展示信息，所以与编程语言相比显得有点薄弱，有时候不能满足我们的需求。因此django提供了一个接口，让开发者能自定义标签和过滤器。
首先，你需要添加一个templatetags的文件夹，自定义过滤器必须处在已经安装了的app中的一个名叫”templatetags”的包（文件夹）中。因此可以有两种选择：
- 一种是放在其他已经安装了的app中。这种方式简单，但不方便管理。
- 单独创建一个app，用来存放所有的自己定义的过滤器。

比如，我们现在有一个account的app

account
├── admin.py
├── apps.py
├── __init__.py
├── __init__.pyc
├── migrations
│   └── __init__.py
├── models.py
├── templatetags
│   ├── custom_tags.py
│   └── __init__.py

需要使用自定义过滤器，必须把对应的app加载，在settings中添加该app，假设我需要使用account下的自定义标签

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'account'
]

添加对应的自定义标签

#装饰器方法仅适用于 使用def函数渲染模板的时候，不适用于View.
from django import template
register = template.Library()
@register.filter
def mycut(value, args):
    return value.replace(args, "").lower()

ps: register = template.Library() register的命名是固定的，不能修改

在模版中使用

{{ name|mycut:" " }}

ps: 创建完templatetags模块后，你需要重启服务器。
ps: 在模板中加载的是过滤器所在的文件名，而不是app的名称。
ps: pycharm创建文件夹时，不会自动上传

模板加载静态文件

在项目添加一个静态文件夹，并添加需要添加的静态文件（一般名叫static）
配置静态文件settings：
- STATICFILES_DIRS = [ os.path.join(BASE_DIR, "static") ]

在需要使用的html模版头部中添加导入

{% load static %}

使用

<script src="{% static '/js/jquery.min.js' %}"></script>

ps：引入的路径是一个相对路径

Arvin_zx

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Django框架——模板渲染与静态文件

html链接的绝对历经与相对路径绝对路径：一个完整的url路径就是绝对路径，即包含schema://host[:port#]/path/…/[?query-string][#anchor]例如：https://blog.csdn.net/Arvin_zx相对路径：第一个字符为斜杠/, 例：“/hello”, 这种会自动帮你添加你的协议名+域名+端口，假设你...
复制链接

扫一扫