美文网首页
django项目--静态页面抽取

django项目--静态页面抽取

作者: 昆仑草莽 | 来源:发表于2019-08-09 15:23 被阅读0次

一、静态页面分析

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 %}

至此,模板抽取完成。

相关文章

  • django项目--静态页面抽取

    一、静态页面分析 1、静态vs动态 2、项目页面分析 django项目由模块组成,比如:news、course、d...

  • 2.1 django项目-新闻博客系统之静态页面模板抽取

    02 静态页面模板抽取 一、分析前端页面 1.本次项目页面分析 本项目由5个模块组成分别是:news、course...

  • 静态页面抽取模板

    一. 分析页面 1.页面分析 本项目由5个模块组成分别是:news、course、doc、user、admin,按...

  • Python 爬虫实战计划:第四周作业

    要求: 项目结构: 项目流程: 首先把静态页面做出来。 然后将静态页面转换为动态页面。 制作静态页面。效果如下:a...

  • 在Ubuntu下部署 Django + uwsgi + ngin

    django项目请求逻辑: 用户访问 -> nginx -> uwsgi -> django 其中静态文件 直接由...

  • centos部署django

    django-api django 部署centos 移植静态文件配置,这个主要是将原项目的静态文件移植出来以便访...

  • Django 生成静态页面

    当用户访问时,如果判断没有静态页面就自动生成静态页面,然后返回静态文件,当文件存在的时候就不再次生成。也可以用一个...

  • 第2回-在Django中集成react项目

    创建时间:20161223 本章小目标 创建django项目 在django中使用react页面 实现django...

  • Django的主体页面抽取(七)

    在潦草的完成了注册与登录之后,下面开始编写平台的主体部分了。忘记密码和恢复密码部分在最后完善的时候补上。 主页面布...

  • 项目总结

    项目介绍一、pc端静态页面制作1.小米官网静态页面制作2.博雅互动静态页面制作二、基础实例项目1.花瓣网实例1)思...

网友评论

      本文标题:django项目--静态页面抽取

      本文链接:https://www.haomeiwen.com/subject/aqkhjctx.html