Update for Django 3+: Real Life config Jinja2 3.0.X +
<project_name>/settings.py
TEMPLATES = [
{
"BACKEND": "django.template.backends.jinja2.Jinja2",
"DIRS": [os.path.join(BASE_DIR, "ui", "templates")], # You can add a subdirectory like /jinja2 if you don't want Jinja2 to be default. But for consistency I do not recommand
"APP_DIRS": True,
"OPTIONS": {
'environment': ".".join([os.path.basename(BASE_DIR), 'jinja2.environment']),
"context_processors": [
"django.contrib.auth.context_processors.auth",
"django.template.context_processors.debug",
"django.template.context_processors.i18n",
"django.template.context_processors.media",
"django.template.context_processors.static",
"django.template.context_processors.tz",
"django.contrib.messages.context_processors.messages",
],
}
},
{
"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",
],
},
},]
<project_name>/<project_name>/jinja2.py
import inspect
import logging
from django.contrib import messages
from jinja2 import Environment, pass_context
from django.contrib.staticfiles.storage import staticfiles_storage
from django.urls import reverse
import ui.templatetags.extras as extras_filters
from crispy_forms.utils import render_crispy_form
logger = logging.getLogger(__name__)
# /!\ This this how you make csrf token generated by crispy properly injected
@pass_context
def crispy(context, form):
return render_crispy_form(form, context=context)
def environment(**options):
logger.debug("Jinja2 environment loading")
env = Environment(**options)
env.globals.update({
"get_messages": messages.get_messages,
"static": staticfiles_storage.url,
"crispy": crispy, # this line is different
"url": reverse,
})
# Bonus, get your django custom templatetag, backward compatible with Django Template
env.filters.update(dict(inspect.getmembers(extras_filters, inspect.isfunction)))
return env
/ui/views.py
import logging
from django import forms
from crispy_forms.helper import FormHelper
from crispy_forms.layout import Layout, Submit
logger = logging.getLogger(__name__)
class AddRemoteServerForm(forms.Form):
name = forms.CharField(max_length=20, min_length=3)
url = forms.CharField(max_length=200)
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.helper = FormHelper()
self.helper.layout = Layout(
'name',
'url',
Submit('submit', 'Associate Server')
)
<project_name>/ui/views.py
def add_remote_server(request):
if request.method == 'POST':
form = AddRemoteServerForm(request.POST)
logger.debug(form.data.dict())
logger.debug("Form valid ? %s " % form.is_valid())
if form.is_valid():
d = form.data.dict()
# TODO: Implmenent your business logic
return redirect('/remote_servers/')
else:
form = AddRemoteServerForm()
context = {'form': form}
return render(request, 'form.html', context)
<project_name>/ui/templates/form.html
{% extends "base.html" %}
{% block extraappendjavascript %}
{% endblock %}
{% block content %}
<div class="container">
<div class="card">
<div class="card-body">
{{ crispy(form) }}
</div>
</div>
</div>
{% endblock %}
<project_name>/ui/templatetags/extras.py # Bonus, FYI
import logging
import os
from datetime import datetime, timedelta
from django.utils.safestring import mark_safe
from django.template import Library
import json
register = Library()
logger = logging.getLogger(__name__)
@register.filter(is_safe=True)
def js(obj):
try:
return mark_safe(json.dumps(obj))
except Exception:
return "{}"