Django Girls 教程Django 模板
是时候把数据展示出来了！Django 提供了一个非常有用的内置来实现 ---|- 模板标签
什么是模板标签呢？#
正如你在前面章节中所了解的那样， 我们并不能将 Python 代码嵌入到 HTML 中。 因为浏览器不能识别 Python 代码， 它只能解析 HTML。 我们知道，HTML 是静态页面，而 Python 则显得更加动态。
Django 模板标签允许我们将 Python 之类的内容翻译成 HTML，所以你可以更快更简单的建立动态网站。哈哈！
展现文章列表模板#
在之前的章节，我们给我们的模板一系列文章在 post 变量里。现在我们将在 HTML 里展现它。
为了用模板标签在 HTML 中显示变量， 我们会使用两个大括号， 并将变量包含在里面，正如这样
{{ posts }}
在你的 blog/templates/blog/post_list.html 文件中进行如下的操作。 将所有 <div> to the third </div> 中的 to the third 用 {{ posts }} 代替。 并保存文件，刷新页面后去看看我们做的那些改变。
如你所见，我们得到如下：
<QuerySet [<Post: My second post>, <Post: My first post>]>
这意味着 Django 视它为对象的列表。 还记得在 Python 入门介绍 里我们怎么展现列表的吗？ 是的， 我们可以使用循环！ 在 dajngo 模板中使用循环去遍历它们。如下所示：
{% for post in posts %}
{{ post }}
{% endfor %}
在你的模板里试试这个。
它工作了！ 但是想让他们展现的像我们之前在 HTML 介绍章节里创建的静态文章一样 你可以混合 HTML 和模板标签。 我们的 body 将长得像这样：
<div>
<h1><a href="/">Django Girls Blog</a></h1>
</div>
{% for post in posts %}
<div>
<p>published: {{ post.published_date }}</p>
<h1><a href="">{{ post.title }}</a></h1>
<p>{{ post.text|linebreaksbr }}</p>
</div>
{% endfor %}
所有的在 {% for %} 和 {% endfor %} 之间的内容将会被 Django 对象列表中的每个对象所代替。刷新页面去看看：
你注意到这次我们使用了一个明显不同的标记 {{ post.title }} 或 {{ post.text }}？ 我们正在访问定义在 Post 模型中的每一个域。 此外，|linebreaksbr 通过一个过滤器，使得行间隔编程段落。
还有一件事#
如果我们将我们的网站放在互联网上运行，那将是一件很不错的事情，难道不是吗？ 让我们试着再次部署到 PythonAnywhere。简单部署步骤如下... ...
- 首先，我们将我们的代码放到 GitHub
$ git status
[...]
$ git add --all .
$ git status
[...]
$ git commit -m "Modified templates to display posts from database."
[...]
$ git push
- 然后，重新登陆 PythonAnywhere 并进入 Bash 控制台 (或重开一个)，并运行:
$ cd my-first-blog
$ git pull
[...]
- 最后， 我们返回 Web tab 重新加载我们的应用程序， 此时我们应该可以看到更新后的程序运行情况了。
祝贺你！现在往前走，尝试在你的 Django 管理中添加一篇新文章（记得添加发布日期！），然后刷新你的页面看看是否文章正常显示了。
这一定是个让人沉醉的作品？为此我们应当骄傲， 在计算机学科的一点儿进步，都是自我的一次突破 
。
关于 LearnKu
粤公网安备 44030502004330号
推荐文章：