后端代码

def GetMain(request):

    return render(

        request,

        "main.html",

        {

            "user1":"张三",

            "user2":"李四",

            "namelist":[

                "tom","tony","jerry"

            ],

            "citydict":{"city":"北京","area":"20万平方公里"},

            "person":[

                {"name":"老王","age":33,"sex":"男"},

                {"name":"老李","age":44,"sex":"女"}

            ]

        }

                  )

代码中user1,user2代表单个数据

namelist代表列表

citydict代表字典

person代表列表中的字典

将后端数据传递到前端显示出来，在后端应使用render这个函数，其中第一个参数是请求对象，第二个参数是渲染模板，将数据显示到这个模板中，第三个参数是以字典的形式进行传递。

特殊标记

（1）{{变量名称}}  ：变量名称作为替换符，替换后端传递过来的值，如：例子中后端的字典里user1作为key值，"张三"作为value值，而key值是不可变量，value值是动态数据，在前端中的{{}}中写上user1变量，当模板通过jinja2模板渲染的时候，就将user1替换成value值显示到前端，也就是显示了"张三"的数据

（2）{% 代码块%} ：通过这个标识符显示代码块。如：for语句循环，if语句等使用

前端代码：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

1.显示单个数据：==========<br/>

{{ user1 }},{{ user2 }}<br/>

2.显示列表中单个数据：===========<br/>

{{ namelist.0 }}---{{ namelist.1 }}<br/>

3.显示字典中的单个数据：===========<br/>

{{ citydict.city }}---{{ citydict.area }}<br/>

4.显示列表中所有的数据：============<br/>

{% for name in namelist %}

    {{ name }}

{% endfor %}<br/>

4.显示列表中的字典数据：===========<br/>

<table border="1">

    <tr>

        <td>姓名</td>

        <td>名字</td>

        <td>性别</td>

    </tr>

    {% for row in person %}

    <tr>

        <td>{{ row.name }}</td>

        <td>{{ row.age }}</td>

        <td>{{ row.sex }}</td>

    </tr>

    {% endfor %}

</table>

</body>

</html>

可以通过上面的例子，可以了解单个数据，列表，字典的显示数据的实现

结果：

=====================================================

for循环：

后端代码：

def if_test(request):

    subject_list=["python","java","c#","php","c++"]

    return render(request,"test.html",{"subject_list":subject_list})

前端代码：

{% for subject in subject_list %}

    {{ subject }}

{% endfor %}

通过将后端传递到前端的数据，通过遍历循环显示出可迭代对象的所有元素

======================================================

if语句

后端代码：

def if_test(request):

    scroe_list=[22,34,1,55,78,99]

    return render(request,"test.html",{"scroe_list":scroe_list})

前端代码：

{% for score in scroe_list %}

    {% if score >= 60  %}

        {{ score }}

    {% endif %}

{% endfor %}

如果score>=60就显示出来，否则不显示

=====================================================

{{ forloop.last }}表示最后一个数据，常用于if语句或for语句中

{% for score in scroe_list %}

    {% if forloop.last  %}

        {{ score }}

        {% else %}

        {{ score }},

    {% endif %}

{% endfor %}

{{ forloop.first }}表示第一个数据

Django框架之模板语言特殊标记(将后端的数据显示到前端)的更多相关文章

  1. 第三百一十节，Django框架，模板语言

    第三百一十节,Django框架,模板语言 模板语言就是可以将动态数据在html模板渲染的语言 一.接收值渲染 locals()函数,写在请求响应render()函数里,可以将逻辑处理函数里的变量传到h ...

  2. Django框架 之 模板语言

    Django框架 之 模板语言 浏览目录 标签 过滤器 一.标签 Tags 1.普通变量 普通变量用{{ }} 变量名由数字.字母.下划线组成 点.在模板语言中用来获取对象相应的属性值 示例: 1 2 ...

  3. [Python自学] day-18 (2) (MTV架构、Django框架、模板语言)

    一.实现一个简单的Web服务器 使用Python标准库提供的独立WSGI服务器来实现MVC架构. 首先,实现一个简单的Web服务器: from wsgiref.simple_server import ...

  4. 八 Django框架，模板语言

    模板语言就是可以将动态数据在html模板渲染的语言 一.接收值渲染 locals()函数,写在请求响应render()函数里,可以将逻辑处理函数里的变量传到html用模板语言渲染 {{...}}接收一 ...

  5. Django框架2——模板

    django框架2--模板 直接将HTML硬编码到你的视图里却并不是一个好主意: 对页面设计进行的任何改变都必须对 Python 代码进行相应的修改. 站点设计的修改往往比底层 Python 代码的修 ...

  6. Django(框架、模板)

    day65 参考:https://www.cnblogs.com/liwenzhou/p/8296964.html Django框架的设计模式借鉴了MVC框架的思想,也是分成三部分,来降低各个部分之间 ...

  7. Django框架04 /模板相关、别名/反向解析/路由分发

    Django框架04 /模板相关.别名/反向解析/路由分发 目录 Django框架04 /模板相关.别名/反向解析/路由分发 1. 语法 2. 变量/万能的点 3 . 过滤器 4. 标签Tags 5. ...

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

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

  9. Django补充之模板语言

    路由系统 Django页面详情以及分页 举个例子: 有一组后台数据,需要展示到页面上,但由于数据量较大,那就需要做分页了吧,那么怎么才能将页面详情和分页都融合进去呢,Django里的路由系统加上正则表 ...

随机推荐

  1. 题解【洛谷P5483】[JLOI2011]小A的烦恼

    我们可以灵活运用\(C++\)的语法来解决此题. 解释一下代码中会出现的语法: \(string::iterator\ it\)表示定义了一个\(string\)类型的迭代器\(it\),\(^*it ...

  2. Centos7 FRPS

    #下载Sever端 wget https://github.com/fatedier/frp/releases/download/v0.16.1/frp_0.16.1_linux_amd64.tar. ...

  3. eclipse中spring配置文件的自动提示和namespace的添加

    在用spring或者springmvc框架进行开发时,编辑applicationcontext.xml等配置文件是必不可少的,在eclipse中打开applicationcontext.xml通常是这 ...

  4. 上传图片时使用crop进行裁剪

    上传图片时,往往需要对图片进行裁剪. 实现方法为: 1.引入crop.css body{background:#}.upload-container{position:absolute;left:%; ...

  5. static的使用总结

    全局静态变量 全局变量前加上关键字static,全局变量就定义成一个全局静态变量.,全局静态变量存储在静态存储区,在整个程序运行期间一直存在.全局静态变量在程序运行之前就存在. 初始化:未经初始化的全 ...

  6. C/C++内存四区

    内存模型图 32位CPU可寻址4G线性空间,每个进程都有各自独立的4G逻辑地址,其中0~3G是用户态空间,3~4G是内核空间,不同进程相同的逻辑地址会映射到不同的物理地址中.其逻辑地址其划分如下: 各 ...

  7. JavaWeb01-动态网页

    01.动态网页的优势 动态网页是在服务器端运行的程序!随不同用户,不同条件 返回不同的结果! 001.交互性:网页会根据用户的要求和选择而动态的改变和现实网页内容! 002.自动更新:无需改变页面的代 ...

  8. 网页链接在QQ内因多人投诉被拦截的解决方案

    背景 相信大家经常会遇到一个头疼的问题就是,明明自己的网页没有违规内容(比如线下活动的推广),但链接在QQ内转发分享会被QQ管家拦截,导致用户无法访问. 那么当大家遇到这个问题的时候应该怎么办呢?不用 ...

  9. 1.2、初识WebRTC

    文章导读:本节内容,如标题所讲,“初识webrtc”.读完之后,我需要你能清楚三个问题:第一.真正的搞明白实时音视频在生产环境中的真实应用以及前景分析:第二.开发一个符合商业标准的实时音视频应用需要解 ...

  10. PHP基础学习笔记1

    一.基本语法 1.1 形式 PHP 脚本以 <?php 开始,以 ?> 结束: <?php //php代码 ?> 1.2 注释 单行注释 //这是单行注释 多行注释 /* 这是 ...