【PythonDjango后台实例 第三章】Python3.6.1+Django1.8 模版的继承使用

本文章的主要内容有如下几点：

1，使用Python Django实现快速建站

2，使用Django内的模版功能减少代码重写，大大提高建站效率

模版能够解决什么问题？

答：一个网站包括顶栏，底栏，标题栏，导航栏等公共部件，避免每一个网页都重复编写相关代码。

模版功能能够使开发者只专心编写内容不同的区域，别的区域直接继承即可。

注意：Django框架不提倡复写代码，提倡代码重复利用，框架内有专门的模版使用方法

正文开始






这是我制作的后台系统的主页界面。

其中可以看到：最右侧的部分才是内容区域部分，所以说左边的导航栏和顶栏都是公共共用的部分，不需要修改，只需要修改右侧内容区就可以了，不同的页面填充不同的内容区。






这是我的网站的html文件的代码结构图，我写了很多的备注，非常直观的可以看到每一块代码的作用。

那么现在我们来做一个简单的base.html页面，并来演示说明一下模版继承。

建立文件：






其中base.html中写入：



最简单的html页面，显示后：






如果我们要很多页面的标题保持一致，只修改内容要如何操作呢？

添加Django模版标签，这里只使用一种：

base.html

在需要替换的地方添加{% block name %}{% endblock %}标签，就可以在其他页面中任意调用了。

现在新建一个页面

test.html



效果实现：



是不是非常简单就完成了一个网页的移植，这只是最简单的用法，Django模版内还有很多标签，如果你要建立一个网站的话是非常方便的，会节省很多时间 

再贴上我的网站做一个补充说明把。

这是base.html






大家可以看到右边内容区已经留空，base.html关于右边内容区域的代码如下：






只贴上了Django模版标签，再给大家看我其中一个图表页面的实现






其HTML代码如下：






大家可以看到全部是引用的Django标签

其中：第一行代码是引入母页面，第二行是修改标题，第三行是修改侧栏，第四行是修改内容，第五行是修改js文件

Django模版最简单教程就完毕了，下次说 Django前端通过pyMysql库调用MySQL数据库

有地方不懂的就在评论区问，有错误请指出，大家共同进步！

因本文不太严谨，所以严禁转载！