django项目--静态页面抽取

一、静态页面分析

1、静态vs动态

2、项目页面分析

django项目由模块组成，比如：news、course、doc、user、admin，按照django的风格，在前面创建的模板文件夹templates下，分别创建以app名命名的文件夹news，course，doc，user，admin，用于存放每个应用的模板文件。在前面创建的静态文件夹static下，也分别创建js，icss，images，font等文件夹用来存放静态文件。

3、分析模板页面

观察提供静态模板页面，找出模板的公共部分，然后抽取作为基础模板。

经过观察，发现提供的模板布局为，顶部导航，中间内容，右边侧栏，和底部页脚。其中除了中间内容的布局有所差异，其他三个部分的布局都没有改变，我们可以将这三个部分抽出来作为base模板。

二、模板抽取

首先提供的模板静态文件先复制进static文件下相应的文件夹

base页面抽取

使用{% block script %}{% endblock script %}将需要的代码包含在内，这在django中已经详细讲解过，这里不在讲述。需要注意静态文件的引用。
在各个子模块中加载即可。比如：

{% extends 'base/base.html' %}
{% load static %}
{% block title %}设备管理{% endblock %}
{% block link %}加入静态文件{% endblock %}
{% block right_top_contant %}加入html代码{% endblock %}
{% block side_right_contain %}加入html代码{% endblock %}
{% block script %}加入script文件{% endblock %}

至此，模板抽取完成。