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. Spring Boot 日志处理你还在用Logback？

    ▶ Log4j2 性能 https://logging.apache.org/log4j/2.x/performance.html ▶ Spring Boot 依赖与配置 Maven 依赖 <! ...

  2. MySQL的sleep函数的特殊特现象

      MySQL中的系统函数sleep,实际应用的场景不多,一般用来做实验测试,昨天在测试的时候,意外发现sleep函数的一个特殊现象.如果在查询语句中使用sleep函数,那么休眠的时间跟返回的记录有关 ...

  3. python中生成器及迭代器

    列表生成式 列表生成式是python内部用来创建list的一种方法,其格式形如: L = [x*8 for x in range(10)] print(L) 此时会得到结果:[0, 8, 16, 24 ...

  4. [07/18NOIP模拟测试5]超级树

    鬼能想到的dp定义:dp[i][j]表示在一棵i级超级树中,有j条路径同时存在且这j条路径没有公共点时,可能的情况数 刚开始我也没看懂,所以举个例子 如一个2级的超级树,父节点为1,左右儿子为2,3 ...

  5. STL&&用法集合

    .....STL是c++里很强势很好用的一系列容器(函数)之类的,之前一直不太会用,所以总是暴毙....想着快比赛了,是时候理一下这些东西了. -1.pair 存放两个基本元素的东西 定义方法: pa ...

  6. 代码托管服务平台GitHub

    GitHub 可以托管各种 git 库,并提供一个 Web 界面,但与其它像 SourceForge 或 Google Code 这样的服务不同,GitHub 的独特卖点在于从另外一个项目进行分支的简 ...

  7. LCD 调试总结

    (1) 液晶显示模式 并行:MCU接口.RGB接口.Vysnc接口 串行:SPI接口.MDDI接口 (2) 屏幕颜色 实质上即为色阶的概念.色阶是表示手机液晶显示屏亮度强弱的指数标准,也就是通常所说的 ...

  8. PHP程序员-常用工具

    三连问 经常有社区的同学问: “我的PHP程序有没有阻塞,我的PHP程序有没有开启协程(对自己写好的代码表示不自信),我的PHP程序有没有问题”．然后贴出了自己的程序,然后进入了愉快的灌水环节,随着时 ...

  9. 破解加密Excel

    打开要解除保护的EXCEL ALT+F11----插入模块----复制粘贴代码----F5============================代码========================= ...

  10. nyoj 513-A+B Problem IV (java BigDecimal, stripTrailingZeros, toPlainString)

    513-A+B Problem IV 内存限制:64MB 时间限制:1000ms 特判: No 通过数:1 提交数:2 难度:3 题目描述: acmj最近发现在使用计算器计算高精度的大数加法时很不方便 ...