Djangoday3template

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),
  • 前端效果

猜你喜欢

转载自www.cnblogs.com/Luckyness/p/9287200.html
今日推荐