8.3 Django 模板(1)

Django 模板

模板应用实例

在 HelloWorld 目录底下创建 templates 目录并建立 runoob.html文件，整个目录结构如下：

HelloWorld/

|-- HelloWorld

|   |-- __init__.py

|   |-- __init__.pyc

|   |-- settings.py

|   |-- settings.pyc

|   |-- urls.py

|   |-- urls.pyc

|   |-- views.py

|   |-- views.pyc

|   |-- wsgi.py

|   `-- wsgi.pyc

|-- manage.py

`-- templates

    `-- runoob.html

runoob.html

文件代码如下：

HelloWorld/templates/runoob.html

文件代码：

<h1>{ { hello }}</h1>

从模板中我们知道变量使用了双括号。

向Django说明模板文件的路径，修改HelloWorld/settings.py，修改 TEMPLATES 中的 DIRS 为 [os.path.join(BASE_DIR, 'templates')]。

HelloWorld/HelloWorld/settings.py 文件代码：

...

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

            ],

        },

    },

]

...

修改 views.py，增加一个新的对象，用于向模板提交数据：

HelloWorld/HelloWorld/views.py 文件代码：

from django.shortcuts import render

def runoob(request):

    context          = {}

    context['hello'] = 'Hello World!'

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

HelloWorld/HelloWorld/urls.py 文件代码：

from django.urls import path

from . import views

urlpatterns = [

    path('runoob/', views.runoob),

]

可以看到，我们这里使用 render 来替代之前使用的 HttpResponse。render 还使用了一个字典 context 作为参数。

context 字典中元素的键值 hello 对应了模板中的变量 { { hello }}。

再次访问 http://127.0.0.1:8000/runoob。

接下来我们将具体介绍模板中常用的语法规则。

Django 模板标签

变量

模板语法：

view：｛"HTML变量名" : "views变量名"｝

HTML：｛｛变量名｝｝

HelloWorld/HelloWorld/views.py 文件代码：

from django.shortcuts import render

def runoob(request):

  views_name = "菜鸟教程"

  return  render(request,"runoob.html", {"name":views_name})

templates 中的 runoob.html ：

<p>{ { name }}</p>