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. 安装Java环境

    一．下载JDK https://www.oracle.com/technetwork/java/javase/downloads/index.html 二．exe安装 默认路径 C:\Program ...

  2. SAP SOAMANAGER报错原因与故障排除方法

    一些刚刚接触到SAP Webservice的开发者由于对SAP Netweaver组件的不熟悉,往往在使用事物码SOAMANAGER进行webservice配置的时候,发现无法正常启动SOAMANAG ...

  3. 前端技术之：JavaScript Test 断言库

    expect 声称可以写更好的断言. https://github.com/mjackson/expect   chai 可以写BDD样式的断言,也可以写TDD样式的断言,可用于Node.js与浏览器 ...

  4. Everything 信息泄露

    google语法: inurl:Diagnostics/index 这个无意间看到别人找到的,其实是everything自带的http服务器功能开启了忘记关,算是管理员自己的疏忽 可以看到开了ever ...

  5. 字符logo存档

    在做项目的时候在源码开头加上一个自己的Logo就很爽,配合上标准的许可证声明之类的就可以让自己的代码看上去很专业.逼格很高-- 之前用topster.de的ASCII Generator搞过一点log ...

  6. SpringBoot系列：Spring Boot定时任务Spring Schedule

    Spring Schedule是Spring提供的定时任务框架,相较于Quartz,Schedule更加简单易用,在中小型应用中,对于大部分需求,Schedule都可以胜任. 一.Spring Sch ...

  7. [考试反思]0814NOIP模拟测试21

    前两名是外校的240.220.kx和skyh拿到了190的[暴力打满]的好成绩. 我第5是170分,然而160分就是第19了. 在前一晚上刚刚爆炸完毕后,心态格外平稳. 想想前一天晚上的挣扎: 啊啊啊 ...

  8. 零基础Linux入门之《Linux就该这么学》

    本书是由全国多名红帽架构师(RHCA)基于最新Linux系统共同编写的高质量Linux技术自学教程,极其适合用于Linux技术入门教程或讲课辅助教材,目前是国内最值得去读的Linux教材,也是最有价值 ...

  9. python经典面试算法题4.1：如何找出数组中唯一的重复元素

    本题目摘自<Python程序员面试算法宝典>,我会每天做一道这本书上的题目,并分享出来,统一放在我博客内,收集在一个分类中. [百度面试题] 难度系数:⭐⭐⭐ 考察频率:⭐⭐⭐⭐ 题目描述 ...

  10. yum.rpm一点点

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