学习日记之《Django3 Web应用开发实战》——第六章——深入模板

第六章------深入模板

自定义模板标签和自定义过滤器

python 复制代码
# 项目目录下自定义文件夹如mytags,在mytags下创建templatestags(固定)文件夹,创建自定义标签功能
from django import template

# 创建模板对象
register = template.Library()

# 定义模板节点类
class ReversalNode(template.Node):
    def __init__(self, value):
        self.value = str(value)

    def render(self, context):
        return self.value[::-1]

# 声明并定义标签
# parse:解析器对象, token:被解析的对象
@register.tag(name='reversal')
def do_reversal(parse, token):
    try:
        tag_name, value = token.split_contents()
        # tag_name: 标签名   value: 标签传递的数据
    except:
        raise template.TemplateSyntaxError('syntax')
    # 调用自定义的模板节点类
    return ReversalNode(value)


@register.filter(name='replace')
def do_replace(value, args):
    oldvalue = args.split(':')[0]
    newvalue = args.split(':')[1]
    return value.replace(oldvalue, newvalue)
python 复制代码
# 模板文件前load 自定义标签
<!DOCTYPE html>
{% load custom_tags %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{% reversal 'Django' %}   # 自定义标签
{{ value | replace:'Python:Django' }}  # 自定义过滤器
</body>
</html>

Jinja2模板引擎

python 复制代码
pip3 install Jinja2
python 复制代码
# 和settings.py 同目录创建jinja2_cus.py, 作用:将jinja2模板加载到django 项目中
from django.contrib.staticfiles.storage import staticfiles_storage
from django.urls import reverse
from jinja2 import Environment

# 将jinja2 模板设置到项目环境
def environment(**option):
    env = Environment(**option)
    env.globals.update({
        'static': staticfiles_storage.url,
        'url': reverse,
    })
    return env
python 复制代码
settings.py
TEMPLATES = [
    # 使用jinja2 模板引擎
    {
        'BACKEND': 'django.template.backends.jinja2.Jinja2',
        'DIRS': [BASE_DIR, 'templates'],
        'APP_DIRS': True,
        'OPTIONS': {
            'environment': 'web_test.jinja2_tem.environment',
        },
    },
    # 使用Django模板引擎
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [],
        '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',
            ],
        },
    },
]

jinja 自定义过滤器

python 复制代码
# 和settings.py 同目录创建jinja2_cus.py, 
from django.contrib.staticfiles.storage import staticfiles_storage
from django.urls import reverse
from jinja2 import Environment

def myreplace(value, old='jinja2', new='django'):
    return str(value).replace(old, new)

# 将jinja2 模板设置到项目环境
def environment(**option):
    env = Environment(**option)
    env.globals.update({
        'static': staticfiles_storage.url,
        'url': reverse,
    })
    # 注册自定义过滤器
    env.filters['myreplace'] = myreplace
    return env
相关推荐
~无忧花开~几秒前
CSS学习笔记(五):CSS媒体查询入门指南
开发语言·前端·css·学习·媒体
程序猿小D7 分钟前
【完整源码+数据集+部署教程】【零售和消费品&存货】价格标签检测系统源码&数据集全套:改进yolo11-RFAConv
前端·yolo·计算机视觉·目标跟踪·数据集·yolo11·价格标签检测系统源码
吴鹰飞侠16 分钟前
AJAX的学习
前端·学习·ajax
JNU freshman22 分钟前
vue 技巧与易错
前端·javascript·vue.js
lang2015092826 分钟前
MySQL 8.0原子性DDL全面解析
数据库·mysql
落一落,掉一掉29 分钟前
第十二周 waf绕过和前端加密绕过
前端
Asort30 分钟前
JavaScript设计模式(十六)——迭代器模式:优雅遍历数据的艺术
前端·javascript·设计模式
Coffeeee38 分钟前
Labubu很难买?那是因为还没有用Compose来画一个
前端·kotlin·android jetpack
我是日安39 分钟前
从零到一打造 Vue3 响应式系统 Day 28 - shallowRef、shallowReactive
前端·javascript·vue.js
开源之眼41 分钟前
深入理解 JavaScript 报错:TypeError: undefined is not a function
前端·javascript