Django学习笔记

Django学习笔记```

模版语法

本质:在HTML中写一些占位符,由数据对这些占位符进行替换和处理。

views.py

python 复制代码
def page2(request):
    #定义一些变量将变量传送给templates中的html文件
    name1 = 'sally'
    name2 = 'yingying'
    hobbys = ['swimming','badminton','reading']
    person = {'name' : 'ying','age': 40,'hobby' : 'badminton'}
    return render(
        request,
        'page2.html',
        {
            #将变量传送给templates中的html文件
            'v1':name1,
            'v2':name2,
            'v3':hobbys,
            'v4':person
        }
    )

page2.html

django 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>page2</title>
</head>
<body>
  <h1>模版语法学习</h1>
  <div>
      取变量: v1 = {{v1}}  <br/>
      取变量: v2 = {{v2}}  <br/>
      取数组: v3 = {{v3}}  <br/>
      取数组中的元素:v3.0 = {{v3.0}} <br/>
      取数组中的元素:v3.1 = {{v3.1}} <br/>
      取数组中的元素:v3.2 = {{v3.2}} <br/>
      {% for item in v3 %}
        遍历数组:{{item}}
        <br/>
      {% endfor %}
      取字典: v4 = {{v4}}  <br/>
      取字典中的元素: name:{{v4.name}}   <br/>
      取字典中的元素: age:{{v4.age}}   <br/>
      取字典中的元素: hobby:{{v4.hobby}}   <br/>
      {% for key,value in v4.items %}
        遍历字典:{{key}}:{{value}}
        <br/>
      {% endfor %}
      <br/>
      if语句<br/>
      {% if v4.name == 'sally' %}
        Is sally<br/>
      {% elif v4.name == 'ying' %}
        Is ying
      {% else %}
        Is not sally<br/>
      {% endif %}

  </div>

</body>
</html>

执行效果:

相关推荐
李日华大战鸡红22 分钟前
滑膜观测器(学习记录)
stm32·单片机·学习·matlab·机器人
传奇开心果编程1 小时前
【现代声明式UI学与练】第4课 列表渲染与 key——如何高效渲染列表、key 的作用、列表重排时的状态保持
学习·flutter·react native·ui·swiftui·android jetpack
传奇开心果编程1 小时前
【Compose Multiplatform 跨端开发学与练】第5课 网络与数据层
android·网络·学习·ui·ios·kotlin·composer
Space655361 小时前
常见组学技术笔记:从 DNA 基因组学到 Multi-omics
笔记
yt004yt2 小时前
园区 VOC 绿岛集中治理项目,管网与监测系统设计要点
大数据·学习
一条破秋裤2 小时前
06_从设备读数据_字符设备read_write流程
学习
m4Rk_3 小时前
【论文阅读】Agent 记忆机制(92):EMPO²——让 Memory 从经验复用走向主动探索
论文阅读·人工智能·学习·开源·github
lcj25113 小时前
【Linux】 Makefile 详解
linux·笔记·面试
常州晟凯电子科技3 小时前
sigmaStar SSC305DE/SSC308开发笔记之开发环境搭建和SDK编译
人工智能·笔记·嵌入式硬件·物联网·性能优化·视频编解码
欣欣之王来了4 小时前
前端开发学习路线图:2026年Vue方向最新版
前端·学习·架构·项目·vue3教程