学习日记之《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
相关推荐
肥肠可耐的西西公主3 分钟前
前端(AJAX)学习笔记(CLASS 2):图书管理案例以及图片上传
前端·笔记·学习
大胖丫4 分钟前
vue 学习-vite api.js
开发语言·前端·javascript
孙桂月5 分钟前
ES6相关操作(2)
前端·javascript·es6
陈浩源同学6 分钟前
学习 TypeScript 栈和队列数据结构
前端·算法
我这一生如履薄冰~7 分钟前
简单封装一个websocket构造函数
前端·javascript·websocket
fangcaojushi8 分钟前
解决webpack5.54打包图片及图标的问题
前端·vue.js
海盗强8 分钟前
Webpack打包优化
前端·webpack·node.js
星之卡比*10 分钟前
前端面试题---vite和webpack的区别
前端·面试
^^为欢几何^^15 分钟前
npm、pnpm和yarn有什么区别
前端·npm·node.js
信阳农夫37 分钟前
python 3.6.8支持的Django版本是多少?
python·django·sqlite