template第一个demo

  • template存在app/templates目录下

    • 新建templates文件夹
    • 在文件夹下建html文件

  • 在view下新建视图 render函数来对html进行渲染

    *render是将视图渲染

  • 项目的setting内添加app的名字

从后台传递数据到前端

  • views内定义新视图

    • 定义一个string
    • 将string传递给前端

  • 在html页面内 {{传递变量名}} 显示变量

  • urls下制定url

前端效果

从后台传递list前端for循环显示内容

  • views
def list(request):

    testList = ["HTML", "CSS", "jQuery", "Python", "Django"]

    return render(request,'list.html',{'list':testList})
  • temlates
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>后台拿list数据前台for循环</title>

</head>

<body>

{% for i in list %}

{{ i }}

{% endfor %}

</body>

</html>
  • urls
    path('list/',learn_views.list),
  • 前端效果

后台传输dict到前端

  • views
def dict(request):

    dict = {'key1': 'v1', 'key2': 'v2'}

    return render(request,'dict.html',{'dict':dict})
  • templates
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>dict内容展示</title>

</head>

<body>

key1{{ dict.key1 }}<br/>

key2{{ dict.key2 }}<br/>

*****************<br/>

循环遍历<br/>

{% for key,value in dict.items %}

    {{ key }}：<br/>

    {{ value }}

{% endfor %}

</body>

</html>
  • urls
path('dict/',learn_views.dict),
  • 前端效果

Djangoday3template的更多相关文章

随机推荐

  1. Python基础-语法知识

    ——编程语言的发展史 机器语言 优点:执行速度够快 缺点:开发效率非常低 汇编语言 优点:执行效率相较于机器语言略低 缺点:开发效率相较于机器语言略高 高级语言 C.C++.C#.java.PHP.p ...

  2. RabbitMQ-交换机模式

    在说正题之前先解释一下交换机模式是个笼统的称呼,它不是一个单独的模式(包括了订阅模式,路由模式和主题模式),交换机模式是一个比较常用的模式,主要是为了实现数据的同步. 首先,说一下订阅模式,就和字面上 ...

  3. 『题解』洛谷P3376 【模板】网络最大流

    Problem Portal Portal1:Luogu Description 如题,给出一个网络图,以及其源点和汇点,求出其网络最大流. Input 第一行包含四个正整数\(N,M,S,T\),分 ...

  4. zookeeper集群模式安装

    服务器节点规划: 节点1:192.168.0.103 节点2:192.168.0.104 节点3:192.168.0.105 安装zookeeper,将zookeeper上传到三个服务器,保存在/ho ...

  5. yum.rpm一点点

    rpm 1.rpm -qi查询包的详细信息 [root@centos7 tmp]# rpm -qi tree Name : tree Version : 1.6.0 Release : 10.el7 ...

  6. ajax传出数组到后台

    var vote = new Array();    $("input[name='option_name']").each(function(i){        if($(th ...

  7. Spring Security登录验证流程源码解析

    一.登录认证基于过滤器链 Spring Security的登录验证流程核心就是过滤器链.当一个请求到达时按照过滤器链的顺序依次进行处理,通过所有过滤器链的验证,就可以访问API接口了. SpringS ...

  8. 使用 MUI 自制 弹出层

    使用 MUI 自制 弹出层 <div class="zp-mask" style="display: none; width: 100%;height: 100%; ...

  9. nyoj 264-国王的魔镜 (string[-1:-int(str_len/2+1):-1])

    264-国王的魔镜 内存限制:64MB 时间限制:3000ms 特判: No 通过数:13 提交数:25 难度:1 题目描述: 国王有一个魔镜,可以把任何接触镜面的东西变成原来的两倍——只是,因为是镜 ...

  10. 使用C#+FFmpeg+DirectX+dxva2硬件解码播放h264流

    本文门槛较高,因此行文看起来会乱一些,如果你看到某处能会心一笑请马上联系我开始摆龙门阵 如果你跟随这篇文章实现了播放器,那你会得到一个高效率,低cpu占用(单路720p视频解码播放占用1%左右cpu) ...