模板引擎语法-变量
文章目录
- 模板引擎语法-变量
- （一）在Django框架模板中使用变量的代码实例
- （二）在Django框架模板中使用变量对象属性的代码实例
- （三）在Django框架模板中使用变量显示列表
（一）在Django框架模板中使用变量的代码实例
1.创建项目
cd E:\Python\
django-admin.exe startproject TmplSite
2.在编程工具中打开此项目。
3.创建应用
django-admin.exe startapp gramapp
4.定义应用的视图文件
文件路径【TmplSite/gramapp/views.py】
from django.http import HttpResponse
from django.shortcuts import render
from django.template import loader# Create your views here.def index(request):return HttpResponse("Hello, Django! You're at the gramapp index.")def grammar(request):context = {}context['title'] = "Django Template Grammar"context['gram'] = "grammar"template = loader.get_template('gramapp/grammar.html')return HttpResponse(template.render(context, request))
【代码分析】
| 代码 | 分析 |
|---|---|
| context[‘title’] = "Django Template Grammar | 在变量context中添加了第一个属性title，并进行了赋值 |
| context[‘gram’] = “grammar” | 在变量context中添加了第二个属性grm，并进行了赋值 |
| template = loader.get_template(‘gramapp/grammar.html’) | 调用get_template()函数加载html模板，并保存在模板对象template中 |
| return HttpResponse(template.render(context, request)) | 通过模板对象template调用了render()函数，将上下文对象context传递到html模板grammar.html中进行渲染 |
5.定义HTML模板的代码实例
文件路径【gramapp/templates/gramapp/grammar.html】
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="/static/css/mystyle.css"/><title>{{ title }}</title>
</head>
<body><p class="middle">Hello, this is a <b>{{ gram }}</b> page!
</p></body>
</html>
【代码分析】
| 代码 | 分析 |
|---|---|
| {{ title }} | 通过双花括号（{{}}）引用了views.py中定义的第一个属性{{title}} |
| Hello, this is a {{ gram }} page! | 通过双花括号（{{}}）引用了views.py中定义的第二个属性{{gram}} |
6.定义路由文件
文件路径【TmplSite/gramapp/urls.py】
from django.urls import path
from . import viewsurlpatterns = [path('', views.index, name='index'),path('gram/', views.grammar, name='grammar'),
]文件路径【TmplSite/TmplSite/urls.py】
from django.contrib import admin
from django.urls import include, pathurlpatterns = [path('gramapp/', include('gramapp.urls')),path('admin/', admin.site.urls),
]7.定义项目根目录的settings.py文件
INSTALLED_APPS = ['django.contrib.admin','django.contrib.auth','django.contrib.contenttypes','django.contrib.sessions','django.contrib.messages','django.contrib.staticfiles','gramapp.apps.GramappConfig', # 新增应用
]
8.打开FireFox浏览器访问
【http://localhost:8000/gramapp/】
【http://localhost:8000/gramapp/gram/】
（二）在Django框架模板中使用变量对象属性的代码实例
1.编辑视图文件
文件路径【TmplSite/gramapp/views.py】
from django.http import HttpResponse
from django.shortcuts import render
from django.template import loader# Create your views here.def index(request):return HttpResponse("Hello, Django! You're at the gramapp index.")def grammar(request):context = {}context['title'] = "Django Template Grammar"context['gram'] = "grammar"context['author'] = {'first_name': 'King', 'last_name': 'Wang'} # 新增此行template = loader.get_template('gramapp/grammar.html')return HttpResponse(template.render(context, request))
【代码分析】
| 代码 | 分析 |
|---|---|
| context[‘author’] = {‘first_name’: ‘King’, ‘last_name’: ‘Wang’} | 在变量context中追加了一个属性author，并赋值为一个字典类型 |
2.编辑HTML模板
文件路径【TmplSite/gramapp/templates/grammar.html】
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="/static/css/mystyle.css"/><title>{{ title }}</title>
</head>
<body><p>Hello, this is a <b>{{ gram }}</b> page!
</p>
<p>Author: <b>{{ author.first_name }} {{ author.last_name }}</b>
</p></body>
</html>
【代码分析】
| 代码 | 分析 |
|---|---|
| Author: {{ author.first_name }} {{ author.last_name }} | 通过.引用视图中定义的两个属性 |
3.打开FireFox浏览器访问
【http://localhost:8000/gramapp/gram/】
（三）在Django框架模板中使用变量显示列表
1.编辑视图文件
文件路径【TmplSite/gramapp/views.py】
from django.http import HttpResponse
from django.shortcuts import render
from django.template import loader# Create your views here.def index(request):return HttpResponse("Hello, Django! You're at the gramapp index.")def grammar(request):context = {}context['title'] = "Django Template Grammar"context['gram'] = "grammar"context['author'] = {'first_name': 'King', 'last_name': 'Wang'}context['languages'] = ['Python', 'Django', 'Jinja2'] # 新增此行template = loader.get_template('gramapp/grammar.html')return HttpResponse(template.render(context, request))
【代码分析】
| 代码 | 分析 |
|---|---|
| context[‘languages’] = [‘Python’, ‘Django’, ‘Jinja2’] | 在变量context中追加了一个属性languages，并赋值为列表类型 |
2.编辑HTML模板
文件路径【TmplSite/gramapp/templates/grammar.html】
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="/static/css/mystyle.css"/><title>{{ title }}</title>
</head>
<body><p>Hello, this is a <b>{{ gram }}</b> page!
</p>
<p>Author: <b>{{ author.first_name }} {{ author.last_name }}</b>
</p>
<p>Languages:<br><ul>{% for lang in languages %}<li>{{ lang }}</li>{% endfor %}</ul>
</p>
</body>
</html>
【代码分析】
| 代码 | 分析 |
|---|---|
| 定义了一个
|
3.打开FireFox浏览器访问
【http://localhost:8000/gramapp/gram/】
