Django-4.2博客开发教程:初识模板（九）

合集 - django(10)

1.python虚拟环境搭建virtualenv2023-07-14 2.Django-4.2博客开发教程:欢迎页面（三）2023-07-17 3.Django-4.2博客开发教程:需求分析并确定数据表（四）2023-07-19 4.Django-4.2博客开发教程:创建项目（一）2023-07-13 5.Django-4.2博客开发教程:初始化应用配置（二）2023-07-13 6.Django-4.2博客开发教程:维护后台数据admin模块（六）2023-07-28 7.Django-4.2博客开发教程:使用第三方库美化后台页面，丰富文章内容（七）2023-08-03 8.Django-4.2博客开发教程:URL与视图函数（八）2023-08-04

9.Django-4.2博客开发教程:初识模板（九）2023-08-04

10.Django-4.2博客开发教程:数据库操作-页面动态展示数据库中的数据（十）2023-08-07

一、模板简介

为了更好的维护和展示页面数据，使用直接返回数据显然是呆板的，不够美观，不够灵活，所以要使用模板。
模板一般都放到项目根目录下的templates文件夹里。模板包含一些基础的HTML代码和一些特殊的语法，通过特殊的语法将数据动态的插入HTML页面中。
特殊的语法中有一些变量和标签。模板变量由视图函数生成的，然后通过上下文传递到模板里，由浏览器渲染出来。

二、模板使用方法

1）首先在同项目名目录下配置模板路径

在myblog/settings.py >> templates里的dirs

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

2) 增加url规则

myblog/urls.py 》》增加view.index

urlpatterns = [
    ...
    path('', views.index),   
]

3）不同数据类型的操作实例

a. 变量

blog/views.py

def index(request):
    sitename = '白灰博客'
    url = 'www.baihui.com'
    # 把两个变量封装到上下文里
    context = {
        'sitename': sitename,
        'url': url,
    }
    # 把上下文传递到模板里

　　return render(request, 'index.html', context)

myblog根目录创建templates文件夹，下面再建一个index.html ，刷新页面查看首页渲染结果。变量需要用双大括号 {{ 变量名}} 来显示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MyBlog</title>
</head>
<body>
<h2>网站：{{ sitename }}</h2>
<h2>域名：{{ url }}</h2>
</body>
</html>

b. 列表

blog/views.py

def index(request):
    sitename = '白灰博客'
    url = 'www.baihui.com'
    # 新加一个列表
    list = [
        '测试数据1',
        '测试数据2',
        '测试数据3',
        '测试数据4',
        '测试数据5',
    ]
    # 把两个变量封装到上下文里
    context = {
        'sitename': sitename,
        'url': url,
        'list2': list,
    }
    # 把上下文传递到模板里
    return render(request, 'index.html', context)

注意上面的list2是content的key，模板引用的就是这个key list2，不是上面的变量名list。

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MyBlog</title>
</head>
<body>
<h2>网站：{{ sitename }}</h2>
<h2>域名：{{ url }}</h2>
{#新加代码#}
<div>
    <ul>
    <h4>测试数据列表：</h4>
        {% for list in list2  %}
        <li>{{ list }}</li>
        {% endfor %}
    </ul>
</div>
</body>
</html>

c. 字典

def index(request):
    sitename = '白灰博客'
    url = 'www.baihui.com'
    list = [
        '测试数据1',
        '测试数据2',
        '测试数据3',
        '测试数据4',
        '测试数据5',
    ]
    myinfo = {
        'name': 'baihui',
        'addr': 'beijing',
        'age': 33,
        'sex': 'm',
        'as name': 'robin',
    }
    context = {
        'sitename': sitename,
        'url': url,
        'list2': list,
        'info': myinfo,
    }
    # 把上下文传递到模板里
    return render(request, 'index.html', context)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MyBlog</title>
</head>
<body>
<h2>网站：{{ sitename }}</h2>
<h2>域名：{{ url }}</h2>
{#新加代码#}
<div>
    <ul>
    <h4>测试数据列表：</h4>
        {% for list in list2  %}
        <li>{{ list }}</li>
        {% endfor %}
    </ul>
</div>
<div>
    <ul>
        <h3>我的个人信息</h3>
        {% for k,v in info.items %}
        <li>{{k}} : {{v}}</li>
        {% endfor %}
    </ul>
</div>
</body>
</