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. 前端技术之：使用webpack构建React程序配置方法

    package.json中需要引入以下依赖:   开发依赖: "@babel/core": "^7.1.2", "@babel/preset-env& ...

  3. Linux下安装jdk8步骤

    作为Java开发人员,在Linux下安装一些开发工具是必备技能,本文以安装jdk为例,详细记录了每一步的操作命令,以供参考. 下载jdk8 登录网址:http://www.oracle.com/tec ...

  4. Spring mvc之源码 handlerMapping和handlerAdapter分析

    Spring mvc之源码 handlerMapping和handlerAdapter分析 本篇并不是具体分析Spring mvc,所以好多细节都是一笔带过,主要是带大家梳理一下整个Spring mv ...

  5. 本周授课内容：http,https,Tomcat,servlet

    https:https是基于安全套接字的http协议,也可以理解为是http+ssl/tls(数字证书)的组合 http和https的区别: HTTP 的 URL 以 http:// 开头,而 HTT ...

  6. nyoj 48-小明的调查作业(set)

    48-小明的调查作业 内存限制:64MB 时间限制:1000ms Special Judge: No accepted:15 submit:29 题目描述: 小明的老师布置了一份调查作业,小明想在学校 ...

  7. Kotlin Coroutines不复杂, 我来帮你理一理

    Coroutines 协程 最近在总结Kotlin的一些东西, 发现协程这块确实不容易说清楚. 之前的那篇就写得不好, 所以决定重写. 反复研究了官网文档和各种教程博客, 本篇内容是最基础也最主要的内 ...

  8. 领扣（LeetCode）二叉树的所有路径 个人题解

    给定一个二叉树,返回所有从根节点到叶子节点的路径. 说明: 叶子节点是指没有子节点的节点. 示例: 输入: 1 / \ 2 3 \ 5 输出: ["1->2->5", ...

  9. Itellij idea2019.2 激活码，有效期2020.5

    Itellij idea2019.2 激活码,有效期2020.5 MNQ043JMTU-eyJsaWNlbnNlSWQiOiJNTlEwNDNKTVRVIiwibGljZW5zZWVOYW1lIjoi ...

  10. Java每日一面(Part1:计算机网络)[19/11/25]

    作者:晨钟暮鼓c个人微信公众号:程序猿的月光宝盒 1. HTTP相关[2] 1.1Get请求和Post请求的区别 从三个层面来回答: 1.1.1 从HTTP报文层面: ​ Get请求将请求信息放在UR ...