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

==

我们已经配置完Django，今天就来学学静态文件与模板的放置使用。

模板

==

在上一章节中我们的视图函数test使用了HttpResponse返回一个字符串

作为我们第一个Django程序

但只有这些是远远不够的，你说要是别人看自己的网页就几行文字在那里，既不美观也无意义。

存放目录

---

我们平时看到的网页都是通过HTML向我们呈现的内容的，Django也一样。一个完整系统必须有着大量网页用于实现不同的功能，而那些HTML文件也有一个专门存放的目录叫templates模板。这个目录一般在APP目录下创建，每个APP均可创建一个templates用来存放HTML文件。当我们调用HTML文件的时候，系统就会根据APP的注册顺序在每个APP下的templates找所需要的HTML文件。

模板调用

---

那么现在我们在APP文件下创建一个templates目录。

并在该目录下创建一个名为demo的HTML文件

如果有对HTML基础不太了解的同学可以点击这里。

输入些内容后就在能在视图函数调用这个模板了。

进入view.py文件定义一个函数以调用demo.html模板。

from django.shortcuts import render, HttpResponse

Create your views here.

def test(request):

return render(request, “demo.html”)

**注意：**函数一定要加上 request参数，在引用html模板时使用的render同样需要加上request参数。

接下来在url.py文件中，确定好关系就OK了。(网页路径以hd/为例)

调用视图函数可以先按你的方法导入，不行的话再按我上面这个方法导入，按我这个方法可能pycharm会提示路径有误，别管他，直接运行就好了。我在第一期提到过这种情况，至于为什么我也不是很清楚。

点击运行后，输入网址http://127.0.0.1:8000/hd/进入。

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

模板语法

---

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同样支持条件语句。

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

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

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

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

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

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

存中…(img-44dBNbh1-1713786657377)]

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

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

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