变量值从views.py传入html

  • 基本语法

    • {{ abc }}

      变量abc外，用双大括号包裹

    • {% for item in abc %}

      语句外，用大括号+百分号包裹

1. 传递字符串

  • views.py中，def内

    注意views.py外部变量（str1）不需要引号包裹，*.html内部变量（strHtml）需要引号包裹
def index(request):

	str1 = "someValue"

	return render(request, 'index.html', {"strHtml1": str})
  • index.html中，<body>内
<div>{{ strHtml1 }}<div>

2. 传递列表

  • views.py中，def内
def index(request):

    list1 = ["someValue1", "someValue2","someValue3"]

    return render(request, 'index.html', {"listHtml1": list1})
  • index.html中，<body>内
<div>

    {% for item in listHtml1 %}

        {{ item }}

    {% endfor %}

    <div>{{ listHtml1.0 }}</div>

    <div>{{ listHtml1.1 }}</div>

    <div>{{ listHtml1.2 }}</div>

</div>
  • 效果

3. 传递字典

  • views.py中，def内
def index(request):

    dict1 = {"key1": "someValue1", "key2": "someValue2", "key3": "someValue3"}

    return render(request, 'index.html', {"dictHtml1": dict1})
  • index.html中，<body>内
<div>

    {% for k in dictHtml1.keys %}

        {{ k }}

    {% endfor %} <br><br><br>

    {% for v in dictHtml1.values %}

        {{ v }}

    {% endfor %} <br><br><br>

    {% for k,v in dictHtml1.items %}

        <div>{{ k }}={{ v }}</div>

    {% endfor %} <br><br><br>

    <div>{{ dictHtml1.key1 }}</div>

    <div>{{ dictHtml1.key2 }}</div>

    <div>{{ dictHtml1.key3 }}</div>

</div>
  • 效果

4. 传递列表中的字典

  • views.py中，def内
def index(request):

    list_info = [

        {"name": "zhang", "age": 14, "province": "hunan"},

        {"name": "li", "age": 15, "province": "tianjin"},

        {"name": "tian", "age": 16, "province": "shanghai"},

    ]

    return render(request, "index.html", {"listHtml1": list_info})
  • index.html中，<body>内
<div>{{ listHtml1.1 }}</div>

<div>{{ listHtml1.1.name }}</div>

<div>{{ listHtml1.1.age }}</div><br>

{% for item in listHtml1 %}

    <div>{{ item.name }} : {{ item.age }} : {{ item.province }}</div>

{% endfor %} <br>

<ul>

{% for item in listHtml1 %}

    <li>  {{ item.name }} : {{ item.age }} : {{ item.province }}   </li>

{% endfor %}

</ul> <br>
  • 效果

  • 附加知识：django html条件语句
{% if strHtml1 == "abc" %}

……

{% elif strHtml1 == "def" %}

……

{% else %}

……

{% endif %}

总结

  • {{ }}、{% %} 这些替换字符串，会被django在渲染html时替换，因而不会被终端用户看见
  • mosh（一个老外）的经验，尽量在views.py里写条件语句，写在html里会造成代码界面混乱

来源：BV1NL41157 武沛齐《2022 B站最详细django3教程(django从入门到实践)》P9

django入门 03 模板语法的更多相关文章

  1. Django框架之模板语法【转载】

    Django框架之模板语法 一.什么是模板? 只要是在html里面有模板语法就不是html文件了,这样的文件就叫做模板. 二.模板语法分类 一.模板语法之变量:语法为 {{ }}: 在 Django ...

  2. Django框架之模板语法（重要！）

    一.什么是模板? 只要是在html里面有模板语法就不是html文件了,这样的文件就叫做模板. 二.模板语法分类 1.模板语法之变量:语法为 {{ }}: 在 Django 模板中遍历复杂数据结构的关键 ...

  3. vue简介、入门、模板语法

    在菜鸟教程上面学习的vue.js.同时结合vue中文文档网站,便于自己记录. vueAPI网站:API 1. 简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框 ...

  4. django入门之模板的用法

    1.为什么要使用模板? 看下以前的代码 #-*- coding:utf-8 -*- from django.shortcuts import render from django.http impor ...

  5. Django学习笔记（3）——表单，测试和模板语法的学习

    一,表单form 为了接收用户的投票选择,我们需要在前段页面显示一个投票界面,让我们重写之前的polls/detail.html文件,代码如下: <h1>{{ question.quest ...

  6. Django 03 模板路径、模板变量、常用的过滤器

    Django 03 模板路径.模板变量.常用的过滤器 一.模板路径 #1.在每个app下面添加一个templates文件 #2.在项目views.py里面第33行INSTALLED_APPS里面添加上 ...

  7. Django——模板层(template)（模板语法、自定义模板过滤器及标签、模板继承）

    前言:当我们想在页面上给客户端返回一个当前时间,一些初学者可能会很自然的想到用占位符,字符串拼接来达到我们想要的效果,但是这样做会有一个问题,HTML被直接硬编码在 Python代码之中. 1 2 3 ...

  8. Django（四）框架之第三篇模板语法

    https://www.cnblogs.com/yuanchenqi/articles/6083427.htm https://www.cnblogs.com/haiyan123/p/7725568. ...

  9. django模板语法

    Django 模板语法 Django 模板语法 一.模板 只要是在html里面有模板语法就不是html文件了,这样的文件就叫做模板. 二.模板语法 模板语法变量:{{ }}在Django模板中遍历复杂 ...

随机推荐

  1. Revolving Digits（hdu4333）

    Revolving Digits Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) ...

  2. Decoupling Representation and Classifier for Long-tailed Recognition

    目录 概 主要内容 Sampling 分类器 代码 Kang B., Xie S., Rohrbach M., Yan Z., Gordo A., Feng J. and Kalantidis Y. ...

  3. CS5268 Typec转HDMI+VGA+PD3.0四合一扩展坞转换器方案芯片

    Capstone CS5268AN是一款高性能Type-C/DP1.4至HDMI2.0b和VGA转换器,设计用于将USB Type-C源或DP1.4源连接至HDMI2.0b接收器.CS5268AN集成 ...

  4. 编写Java程序，实现字符串统计和处理

    返回本章节 返回作业目录 需求说明: 在控制台输入纯字符的字符串,输出当前字符串的长度. 统计出该字符串中出现相同字母次数最多的字母(不考虑不同字母出现次数相同的情况). 将出现最多次数的字母字母替换 ...

  5. MySQL入门安装，及环境配置，初始化教程

    一.MySQL安装(win64) 免费的社区版下载地址:https://dev.mysql.com/downloads/mysql 接着会跳到这个页面 下载完后,我们将 zip 包解压到相应的目录,这 ...

  6. 开源社区合入patch的步骤

    以Ranger项目为例,说明开源社区合入patch的详细步骤. 1.reviews页面下载patch 进入到review页面:https://reviews.apache.org/r/67919/ 点 ...

  7. .net core中Grpc使用报错：The response ended prematurely.

    当我们调用Grpc是出现下面的一堆异常时,一般是由于LTS导致的: Call failed with gRPC error status. Status code: 'Unavailable', Me ...

  8. CSS基础 实战案例 模拟小米官方导航栏

    效果图 html结构 <ul> <li><a href="#">Xiaomi手机</a></li> <li> ...

  9. python 报错：RecursionError: maximum recursion depth exceeded

    RecursionError:maximun recursion depth exceeded 超过了最大递归深度 原因: 在使用@property装饰器时,方法名与实例的属性同名,在赋值进从而产生了 ...

  10. [ Flask ] myblog_flask问题集（RESTfull风格）

    VUE问题 前端VUE怎么捕获所有404NOT FOUND的路由呢? [ 解决方案 ] vue-router路由守卫,参考文档:动态路由匹配 对于路由.../edit/<id>,自己能编辑 ...