常用标签和模板继承与引用

标签的使用:

在网页中,我们能不能使用python的语法呢?

答案是肯定的,在这里我们叫标签。

那么我们常用的标签有哪些呢:

那我们如何使用这些标签呢?

其实它的用法和python差不太多,就是在使用的时候,需要用{%  %}包起来,再加上一个{% end %}结尾,

比如说for标签,  {% for i in py_list %}

                {% endfor %}

下面举个栗子吧:
1.定义一个视图函数,指定路由

2.编写网页,这里我还加了一个if 标签和一个forloop.counter标签,这里的  class = 'table' 在后面第3点有介绍

 

 3.然后看看效果吧

4.你会奇怪的是,为什么我画面这么好是吧,那告诉你一个秘密,因为我用了,bootstrap

我这里引用 的是  www.bootcss.com -- Bootsrap3中文文档 -- 起步 --- 基础模板

如图,把基础模板复制下来,修改body的内容,换上自己写的网页中body的内容,它内定了一table class选择器

 

模板的继承与引用

在一个项目中,我们会发现很多页面有些东西是相同的,如果一个一个的写是不是很浪费时间,有没有简单的方法解决这个问题呢?

当然学了模板继承,就可以轻松的解决这个问题了。

1.首先创建三个网页,我这里方便视图函数的时候指明路径,就写在app的templates中了:

 

2. 再编写网页内容:

    第一个是base.html中的内容,这里讲到一个知识点,

{% block title %}
{% endblock %}

title 可以是自定义名,在继承了base.html之后,如果要更改内容,就首先要定义一个这样的标签。
我挖了三个坑,在后面我就可以使用三个坑了。

这是ap.html中的内容:

 

3.使用 {% extends 'base.html' %}  继承模板  base.html ,

  然后想要更改内容,把之前挖好坑的标签写上,把改的内容填上就好了。

  这里还用了一个include 标签,用来引入其他网页,

 如果项目每个网页或者部分网页需要插入一个广告,就可以使用到这个标签

  注意:如果不需要修改模板中的内容,就不用引用之后挖坑的标签

4.看看效果图呗:

这里是访问index.html所看到的,

而index.html是继承了base.html,引用了ap.html

 

                还有更多好玩的标签就不一一介绍了,博客主要用于自己复习,不喜勿喷,谢谢!

 

 

 

 

 

 

 


posted @ 2019-03-24 15:29  murray-wei  阅读(101)  评论(0编辑  收藏  举报