慕课网-Django入门到进阶-更适合Python小白的系统课程-第3章Django中的Template模板-3-7jinja2配置与使用方法

第3章 Django中的Template模板

3-7 jinja2配置与使用方法

1.创建项目

django-admin startproject jinja
pip install jinja2
cd jinja
python manage.py startapp app

2.在项目下目录 app，新建文件 base_jinja2.py

#!/usr/bin/env python
# -*- coding:utf-8 -*-

from jinja2 import Environment
from django.contrib.staticfiles.storage import staticfiles_storage
from django.urls import reverse

def environment(**options):
    env = Environment(**options)
    env.globals.update({
        'static':staticfiles_storage.url,
        'url':reverse
    })
    return env

3.在项目下目录 jinja，修改文件 settings.py，添加 jinja2 模板

#添加应用
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app',
]

#添加 jinja2 模板 和 虚拟环境
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.jinja2.Jinja2',
        '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',
            ],
            'environment':'app.base_jinja2.environment'
        },
    },
]

#添加静态文件路径
STATIC_URL = '/static/'
STATICFILES_DIRS = (os.path.join(BASE_DIR,'static'),)

4.在项目下添加目录 templates 和 static　　

5.在项目下目录 app，修改 views.py

from django.shortcuts import render

# Create your views here.

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

6.在项目下目录 templates，新建文件 test.html

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

7.在项目下目录 jinja，修改文件 urls.py

from django.contrib import admin
from django.urls import path
from app.views import test

urlpatterns = [
    path('admin/', admin.site.urls),
    path('test/', test)
]

8.测试

9.在项目下目录 app，修改 views.py

from django.shortcuts import render

# Create your views here.

def test(request):
    data = {'name':'dewei', 'age':18}
    return render(request, 'test.html', data)

10.在项目下目录 templates，新建文件 base.html

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

11.在项目下目录 templates，修改文件 test.html

{% extends 'base.html' %}
{% block content %}
{{name|title}},{{age}}
{% endblock %}

12.测试

 

13.在项目下目录 app，添加文件 myfilter.py，自定义过滤器函数

#!/usr/bin/env python
# -*- coding:utf-8 -*-

def test(value, args):
    return value * args

14.在项目下目录 app，修改文件 base_jinja2.py

#!/usr/bin/env python
# -*- coding:utf-8 -*-

from jinja2 import Environment
from django.contrib.staticfiles.storage import staticfiles_storage
from django.urls import reverse
from .myfilter import test

def environment(**options):
    env = Environment(**options)
    env.globals.update({
        'static':staticfiles_storage.url,
        'url':reverse
    })
    env.filters['test'] = test
    return env

15.在项目下目录 templates，修改文件 test.html

{% extends 'base.html' %}
{% block content %}
{{name|title}},{{age|test(2)}}
{% endblock %}

16.测试

17.在项目下目录 static，添加文件 test.css，导入静态文件

* {
    background-color: red;
}

18.在项目下目录 templates，修改文件 test.html　　

{% extends 'base.html' %}
{% block css_style %}
<link rel="stylesheet" href="/static/test.css" />
{% endblock %}
{% block content %}
{{name|title}},{{age|test(2)}}
{% endblock %}

19.测试

posted on 2020-01-20 05:33  herisson_pan  阅读(9)  评论(0)    收藏  举报

导航