变量值从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. JSP中的九大内置对象

    JSP九大内置对象 pageContext 存东西 Request 存东西 Response Session 存东西 Application(servletContext) 存东西 config(se ...

  2. [Git]解决Permission denied, please try again问题

    在gitlab上传项目的时候出现Permission denied, please try again问题, 网上有很多解释,但是都没能解决我的问题,后来经过自己尝试成功了,这里把经验分享给大家. 在 ...

  3. Deepin20系统安装Nvidia驱动

    Deepin20系统安装Nvidia驱动 系统设备配置信息如下: 电脑型号:华硕天选air[ASUS-FX516P] 显卡型号:RTX 3070 移动版独显 处理器型号: 11th Gen Intel ...

  4. JSP、JSTL标签、EL表达式

    JSP.JSTL标签.EL表达式 1.EL表达式:${} 功能: 获取数据 执行运算 获取web开发的常用对象 2.JSP标签 例如: jsp标签还有很多功能,这里只列举出一种. <jsp:fo ...

  5. Java练习小题_猴子吃桃问题分别用for循环和while循环实现程序。

    要求说明: 猴子吃桃问题:猴子第一天摘下若干个桃子,当即吃了一半,还不瘾,又多吃了一个第二天早上又将剩下的桃子吃掉一半,又多吃了一个.以后每天早上都吃了前一天剩下的一半零一个.到第10天早上想再吃时, ...

  6. 抛砖系列之-MySQL中的数据类型JSON

    今天介绍一个MySQL中的数据类型-JSON,相信大家对JSON都不陌生,在日常工作中使用到的频率也很高,话不多说,直接开始. 何谓JSON 看下RFC文档对于JSON的描述 1.基于 JavaScr ...

  7. RSA非对称加密算法实现：Java

    RSA是1977年由罗纳德·李维斯特(Ron Rivest).阿迪·萨莫尔(Adi Shamir)和伦纳德·阿德曼(Leonard Adleman)一起提出的.当时他们三人都在麻省理工学院工作.RSA ...

  8. JZOJ5405 & AtCoder Grand Contest 001 F. Permutation

    题目大意 给出一个长度为\(n\)的排列\(P\)与一个正整数\(k\). 你需要进行如下操作任意次, 使得排列\(P\)的字典序尽量小. 对于两个满足\(|i-j|>=k\) 且\(|P_i- ...

  9. centos6.5-nginx搭建

    一.安装nginx 1.安装相关组件 yum -y install pcre-devel zlib-devel 2.创建启动用户 useradd -M -s /sbin/nologin nginx t ...

  10. Python_关于python2的encode（编码）和decode（解码）的使用

    在使用Python2时,我们习惯于在文件开头声明编码 # coding: utf-8 不然在文件中出现中文,运行时就会报错 SyntaxError: Non-ASCII character... 之类 ...