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>

执行效果:

相关推荐
深蓝海拓16 分钟前
PySide6从0开始学习的笔记(二十六) 重写Qt窗口对象的事件(QEvent)处理方法
笔记·python·qt·学习·pyqt
中屹指纹浏览器16 分钟前
中屹指纹浏览器多场景技术适配与接口封装实践
经验分享·笔记
星火开发设计2 小时前
C++ 预处理指令:#include、#define 与条件编译
java·开发语言·c++·学习·算法·知识
BugShare2 小时前
Obsidian 使用指南:从零开始搭建你的个人知识库
笔记·obsidian
BackCatK Chen2 小时前
第 1 篇:软件视角扫盲|TMC2240 软件核心特性 + 学习路径(附工具清单)
c语言·stm32·单片机·学习·电机驱动·保姆级教程·tmc2240
深蓝海拓3 小时前
PySide6从0开始学习的笔记(二十五) Qt窗口对象的生命周期和及时销毁
笔记·python·qt·学习·pyqt
理人综艺好会3 小时前
Web学习之用户认证
前端·学习
●VON3 小时前
React Native for OpenHarmony:项目目录结构与跨平台构建流程详解
javascript·学习·react native·react.js·架构·跨平台·von
跃渊Yuey3 小时前
【Linux】线程同步与互斥
linux·笔记
AI视觉网奇3 小时前
FBX AnimSequence] 动画长度13与导入帧率30 fps(子帧0.94)不兼容。动画必须与帧边界对齐。
笔记·学习·ue5