我的Django学习之路 (二) —— 静态文件与模板

就能看到跟上图类似的运行结果了。

模板语法

---

Django不是标记语言，它能进行数据处理。渲染网页前会先执行Django语句，然后将得出的符合逻辑的能够呈现给用户看的结果替换掉对应位置的Django语句。

数据传递

在制作网页时，如果我们不能一下子知道元素的值，比如需要通过数据库才能获取数据操作等，那么我们就要在视图函数中将需要的数据以字典的形式进行传递给HTML。值得高兴的是，常用的数据类型都能传递。

**传递方法：**将变量以字典形式通过render函数进行传递，在HTML引用时，通过双花括号+键名引用。

现在试试吧！

在视图函数编写些函数，然后传递过去

s = “这是一个字符串”

d = {“这是一个”: “字典”}

return render(request, “demo.html”, {“str”: s, “dict”: d})

之后在对应的HTML页面引用它

{{ str }} {{dict}}

最后点运行。

元素引用

Django同样支持引用字典，列表，元组等数据类型里面的值，不一样的是Django用.取代了[]。

比如想引用字典里面的值需要通过 {{字典名.键名}} 来引用值（注意，键名无需使用引号。），如果想引用列表则 {{列表名.索引值}} 亦或者 多维列表 {{列表名.索引1.索引2…}} 来引用。

view.py

def test(request):

d = {“这是一个”: “字典”}

l1 = [1, 2, 3]

l2 = [[1, 2], [3, 4]]

return render(request, “demo.html”,

{“list1”: l1, “dict”: d, “list2”: l2}

)

demo.html

快看调用成功了没有？

{{list1.0}}

{{list2.0.1}}

{{dict.这是一个}}

结果

for语句

Django也支持循环语句，但在使用完循环后需要加结束语句。这些命令都在 **{% 命令 %}**尖括号百分号之间。{与%之间没有空格

循环使用字典时， 如果你想获取键（keys）,值（values），键值对（items）后面都不需要添加括号。

先看字典

d = {“今天”: “天气”, “真不错”: “对吗？”}

l1 = [1, 2, 3]

return render(request, “demo.html”,

{“list1”: l1, “dict”: d}

)

快看调用成功了没有？

{% for k, v in dict.items %}

{{k}} -- {{v}}

{% endfor %}

再看看列表，Django不支持range，所以只能迭代列表。

还是那串代码

def test(request):

d = {“今天”: “天气”, “真不错”: “对吗？”}

l1 = [1, 2, 3, 4]

return render(request, “demo.html”,

{“list1”: l1, “dict”: d}

)

只是改了HTML

快看调用成功了没有？

{% for i in list1 %}

{{list1}}

{{i}}

{{list1.i}} 前面好像没输出

{% endfor %}

循环最后要使用endfor结束。另外，似乎不能通过列表值来访问列表元素，导致{{list1.i}}没有值

if语句

Django同样支持条件语句。

{% if list.1 == 0 %}

11111111111111111

{% elif list.1 == 1 %}

2222222222222222222

{% else %}

333333333333333333333

{% endif %}

静态文件

====

为了能够呈现更精美的内容亦或者提高代码编写效率，我们往往会使用到一些静态文件。

在开发过程中一般将图片，插件，css，js等当做静态文件处理。

存放目录

---

静态文件那么重要当然有他们各自的归宿，它们都存放在static目录下。同样的static目录也在APP下面创建，每个APP都可以有一个专门存放静态文件的目录static。我们最好也能在static下对不同类型的文件进行分类存放。如，图片存放在img文件夹中，插件存放在plugins文件夹中，css文件存放在css文件夹，js存放在js文件夹。

文件调用

---

我以一张图片为例，讲解一下是如何调用它的。

我们先将图片放入static的img文件夹内，

在demo.html模板中的body使用img元素即可调用图片。一般的调用是这样的

如果没有显示图片的话重新运行一下应该就能加载了。

但是在Django中有专门调用静态文件的语法，我们也建议使用Django专门调用静态文件的方法。进入设置，滑到底部有这一个变量

这里就记录了我们静态文件的存放位置。使用Django语法，如果静态文件改名了，或者移到其他位置，直接在这里修改一下就好了，就不用在html引用静态文件的时候逐个逐个修改路径了。

现在就来看一下它的使用方法。在html顶部输入

{% load static %}

声明导入静态文件

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Python工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注：Python）

存中…(img-AlM5J9p9-1713786692547)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注：Python）