html框架布局模板_第16章 万万没想到Django的共享模板是这样的，你想到没？

在开发一套系统时，为了统一性，布局会进行整体规划。一般会把页面分为上中下结构，上是指顶部，内容大多是logo和导航标签，中部是详细内容，底部是版权说明和友情链接。

在base/templates/base下，新建3个模板文件，分别是：header.html、footer.html和base.html，内容按下面进行调整。

1. header.html文件内容

有logo，有导航

2. footer.html文件内容

@copyright 版权所有 2019-2020

3. base.html文件内容(通过include引入其他文件)

{# 定义标题 #}{% block title %} {% endblock %}{% include 'base/header.html' %}{# ----定义内容--- #}{% block content %} {% endblock %}{% include 'base/footer.html' %}

共享模板，根据实际情况进行设计，我给出的是常用的布局方式。接下来改造index.html和detail.html的文件内容。

index.html文件内容(通过extend标签，继承基模板)

{% extends 'base/base.html' %}{% block title %} 岗位信息列表{% endblock %}{% block content %}

岗位名称	创建日期	操作
{{ post.name }}	{{ post.createDate | date:'Y-n-d H:i' }}	删除 修改

{% endblock %}

detail.html文件内容

{% extends 'base/base.html' %}{% block title %} 岗位详细内容 {% endblock %}{% block content %}

岗位名称	创建日期
{{ post.name }}	{{ post.createDate | date:'Y-n-d H:i' }}

{% endblock %}

改好之后，记得运行项目，测试一下是否有错误问题存在。模板的内容，掌握起来应该不难吧？别看代码多，实际上内容没多少的，跟着例子,一步一步学习，积小成大。

我想是时候总结一下了。

1. 知道框架的模板文件，实际上就是在html文件，其数据是静态的，可通过嵌入标签或过滤器引入动态数据。

2. 标签或过滤器，在框架内置满足不了的情况下，都可以进行自定义。自定义步骤不难，按图索引便可。

3. 为了加快模板相关功能的开发速度,Django框架封装了一些常用的模块，简化了代码，提高了工作效率，而为了让模板复用，提供了共享模板的方案，这一切都很好。

到这为止，有关Django方面的基础知识都学完了，不知你掌握了没？没的话，回去好好复习复习，有的话，继续关注接，后续更精彩，实践出真知。