一、静态页面分析
1、静态vs动态
| 条目 | 静态 | 动态 |
|---|---|---|
| 网站内容 | 固定不变 | 随访问时间，对象不断变化 |
| 访问速度 | 更快，不需要脚本计算及读取后台数据库 | 很慢 |
| 改变内容 | 不方便，需要修改页面文件然后上传 | 简单，更新数据库即可 |
| 安全性 | 因为没有后台交互安全性更高 | 有安全隐患，容易被攻击 |
| 兼容性 | 跨平台，跨服务器 | 依赖网站开发语言环境 |
| 开发语言 | html | python，java，php等 |
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 %}
至此，模板抽取完成。
