当前位置： 首页 > wzjs >正文

专业郑州做网站的公司导航网站开发

wzjs 2025/9/3 15:08:19
专业郑州做网站的公司,导航网站开发,企业网站优化排名,网站的上传与发布模板引擎语法-变量 文章目录 模板引擎语法-变量（一）在Django框架模板中使用变量的代码实例（二）在Django框架模板中使用变量对象属性的代码实例（三）在Django框架模板中使用变量显示列表 （一&…

模板引擎语法-变量

文章目录

  • 模板引擎语法-变量
    • （一）在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>

【代码分析】

代码分析


Languages:


  • {% for lang in languages %}
    {{ lang }}
    {% endfor %}

定义了一个
  • 列表元素；通过在模板中嵌套for语句，遍历了Languages属性；通过在元素中插入列表项“{{lang}}”,将Languages属性的每一项值显示在页面中

3.打开FireFox浏览器访问

【http://localhost:8000/gramapp/gram/】

在这里插入图片描述

http://www.dtcms.com/wzjs/561640.html

相关文章：

  • 做海外网站 服务器放哪引流推广怎么做
  • 陕西省门户网站建设政策百色建设厅网站
  • 阿里云申请域名后网站网站建设类岗位杭州
  • 做书的网站有哪些中小企业解决方案
  • 做网站哪里最好网页编辑软件中文版
  • 下载 公司网站 程序 需要ftp权限天津关键词排名提升
  • 如何做网站拓扑结构图自己做交易网站吗
  • 关键词搜索引擎工具爱站wordpress会员注册
  • 达濠市政建设有限公司网站厦门网络营销顾问
  • 重庆梁平网站建设公司免费发布信息的平台
  • 中山专业门户网站制作策划外贸wordpress模板
  • 经典网站设计欣赏微信小程序云开发模板
  • 做服装外贸哪个网站好东莞网站建设服务有什
  • 佛山微网站开发哪家好网上购物系统概述
  • 制造业网站开发浙江核酸检测查验
  • 个人电脑做网站主机通过wordpress小程序发布文章
  • 怎样辨别网站提供建站服务的网络公司的比较
  • 做英语作业的网站中企动力邮箱设置
  • 湘潭市高新建设局网站天津中冀建设集团有限公司网站
  • iis网站正在建设中学做网站有前
  • 企业网站的开发流程是什么最新seo快排技术qq
  • 手机型号最全的网站文创产品设计创意图片
  • 导购网站怎么推广无人区卡一卡二卡三乱码入口
  • 哪里有免费做网站子公司怎么注册
  • 西安做公司网站网站开发阶段流程
  • 优秀网站网页设计分析百度指数平台
  • 天津网站建设公司如何设置自己的网站
  • 清溪做网站的电话c2c模式举例子
  • 济南网站建设0531soso深圳专业的网站建设
  • 网站建设最低多少钱上海专业网站建设 公司