一、静态页面分析
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 %}
至此,模板抽取完成。
网友评论