变量值从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. Codeforces 931D：Peculiar apple-tree

    D. Peculiar apple-tree time limit per test : 1 second memory limit per test : 256 megabytes input : ...

  2. ZOJ 3872： Beauty of Array（思维）

    Beauty of Array Time Limit: 2 Seconds Memory Limit: 65536 KB Edward has an array A with N integers. ...

  3. 「算法笔记」树形 DP

    一.树形 DP 基础 又是一篇鸽了好久的文章--以下面这道题为例,介绍一下树形 DP 的一般过程. POJ 2342 Anniversary party 题目大意:有一家公司要举行一个聚会,一共有 \ ...

  4. A Tutorial on Energy-Based Learning

    目录 概 主要内容 损失函数 Energy Loss Generalized Perceptron Loss Generalized Margin Loss Hinge Loss Log Loss L ...

  5. Web前端浏览器默认样式重置（CSS Tools: Reset CSS）

    /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, ...

  6. SpringCloud集成Security安全(Eureka注册中心)

    1.说明 为了保护注册中心的服务安全, 避免恶意服务注册到Eureka, 需要对Eureka Server进行安全保护, 本文基于Spring Security方案, 为Eureka Server增加 ...

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

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

  8. Zookeeper基础教程（五）：C#实现Zookeeper分布式锁

    分布式锁 互联网初期,我们系统一般都是单点部署,也就是在一台服务器完成系统的部署,后期随着用户量的增加,服务器的压力也越来越大,响应速度越来越慢,甚至出现服务器崩溃的情况. 为解决服务器压力太大,响应 ...

  9. Python原生数据结构增强模块collections

    collections简介 python提供了4种基本的数据结构:list.tuple.dict.set.基本数据结构完全可以hold住所有的场景,但是在处理数据结构复杂的场景时,这4种数据结构有时会 ...

  10. 详解nohup /dev/null 2>&1 含义的使用

    https://www.jb51.net/article/169837.htm 这篇文章主要介绍了详解nohup /dev/null 2>&1 含义的使用,文中通过示例代码介绍的非常详细 ...