Django学习手册 - 模板语言(前端获取后台数据)

先在views视图内,定义列表数据,以及字典数据。运用render函数传递两个列表数据至前端。

from django.shortcuts import render

list_info = [
    {"name":"root1","phone":"111"},
    {"name":"root2","phone":"222"},
    {"name":"root3","phone":"333"},
    {"name":"root4","phone":"444"},
    {"name":"root5","phone":"555"},
    {"name":"root6","phone":"666"},
    {"name":"root7","phone":"777"},
]
dict_info = {
    "1":{"name":"root1","phone":"111"},
    "2":{"name":"root2","phone":"222"},
    "3":{"name":"root3","phone":"333"},
    "4":{"name":"root4","phone":"444"},
    "5":{"name":"root5","phone":"555"},
    "6":{"name":"root6","phone":"666"},
    "7":{"name":"root7","phone":"777"},
}

def index(request):
    return render(request,"index.html",{"list_info":list_info,"dict_info":dict_info})

配置URL:

 

前端页面:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <ul>列表循环:列表【字典】
        {% for i in list_info %}
             <li>
                {{ i }}
                 <br>
                {{ i.name }}
                <br>
            </li>
        {% endfor %}
    </ul>

    <ur>字典循环:
        {% for i in dict_info %}
            <li>
                {{ i }}
            </li>
        {% endfor %}
    </ur>

    <ur>字典循环:(keys)
        {% for i in dict_info.keys %}
            <li>
                {{ i }}
            </li>
        {% endfor %}
    </ur>

    <ur>字典循环:(values)
        {% for i in dict_info.values %}
            <li>
                {{ i }}
            </li>
        {% endfor %}
    </ur>

    <ur>字典循环:(items)
        {% for i,j in dict_info.items %}
            <li>
                {{ i }} --- {{ j }} --- {{ j.name }} ---{{ j.phone }}
            </li>
        {% endfor %}
    </ur>
</div>
<script src="/static/jquery.js"></script>
</body>
</html>

 

转载于:https://www.cnblogs.com/Anec/p/9552625.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值