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. Leetcode算法【34在排序数组中查找元素】

    在之前ARTS打卡中,我每次都把算法.英文文档.技巧都写在一个文章里,这样对我的帮助是挺大的,但是可能给读者来说,一下子有这么多的输入,还是需要长时间的消化. 那我现在改变下方式,将每一个模块细分化, ...

  2. SCOI2005 繁忙的都市 [Luogu P2330]

    题目描述 城市C是一个非常繁忙的大都市,城市中的道路十分的拥挤,于是市长决定对其中的道路进行改造.城市C的道路是这样分布的:城市中有n个交叉路口,有些交叉路口之间有道路相连,两个交叉路口之间最多有一条 ...

  3. 学习笔记37_MVC模板页

    ASPX母版页: 1.添加一个母版页,位置../Views/Shared,有 <asp:ContentPlaceHolder ID = "ContentPlaceHolder1&quo ...

  4. [2018-06-27] virtualenv

    在开发Python应用程序的时候,系统安装的Python只有一个版本:3.4.所有第三方的包都会被pip安装到Python3的site-packages目录下. 如果我们要同时开发多个应用程序,那这些 ...

  5. [ES]Python查询ES导出数据为Excel

    版本 elasticsearch==5.5.0 python==3.7 说明 用python查询es上存储的状态数据,将查询到的数据用pandas处理成excel code # -*- coding: ...

  6. 创建 numpy.array

    # 导包 import numpy as np numpy.array nparr = np.array([i for i in range(10)]) nparr # array([0, 1, 2, ...

  7. vue学习之插槽

    插槽 插槽(Slot)是Vue提出来的一个概念,正如名字一样,插槽用于决定将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性. 个人理解:我感觉插槽就是父组件控制插槽 ...

  8. 智和网管平台SugarNMS助力网络安全运维等保2.0建设

    智和信通智和网管平台SugarNMS结合<信息安全技术 网络安全等级保护基本要求>(GB/T 22239-2019)等国家标准文件以及用户提出的网络安全管理需求进行产品设计,推出“监控+展 ...

  9. ElasticSearch（六）：索引模板

    ElasticSearch(六):索引模板 学习课程链接<Elasticsearch核心技术与实战> Index Template Index Template - 帮助你设定Mappin ...

  10. Java实现不遍历数组求和

    package com.jts.t1; /** * 不遍历数组求和 * 方法省略异常检查 */ public class Demo1 { public static void main(String[ ...