django 静态 html页面,Django模板:HTML静态模板的继承

网站模板的设计，一般的，我们做网站有一些通用的部分，比如导航，底部，访问统计代码等。合理的规划模板往往会减少工作量，同时也使得罗乱、难以阅读的静态页面布局变得优雅。

假设，我们的网站主页面除了正文是由导航条，低栏，统计栏构成。也就是nav.html，bottom.html，tongji.html。

在构建页面的时候，可以写一个base.html来包含(include)这些通用文件，如下：

html>

{% block title %}默认标题{% endblock %}

{% include 'nav.html' %}

{% block content %}

这里是默认内容，所有继承自这个模板的，如果不覆盖就显示这里的默认内容。

{% endblock %}

{% include 'bottom.html' %}

{% include 'tongji.html' %}

在这里，所有的include都是引入通用文件，而block都是定义默认模块，其他继承base.html的页面，都可以在自己的页面中重新定义这些模块，达到覆盖替换的作用。

比如我们设计一个主页面index.html，继承自base.html，同时替换base.html中的title和content两个模块。以下是index.html文件的内容：

{% extends 'base.html' %}

{% block title %}欢迎光临首页{% endblock %}

{% block content %}

{% include 'ad.html' %}

这里是首页，欢迎光临

{% endblock %}

运行这个页面，你就会发现，原有的base.html中的模块被替换掉了。

django 静态 html页面,Django模板:HTML静态模板的继承相关推荐

静态html页面传递参数,javascript静态页面传值的三种方法分享
一:JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htm function Post() { //单个值 Read.htm?username=b ...
php简单的静态页面现成,PHP生成静态页面的简单方法
页面静态化的方法,分为两种,一种是伪静态,就是url 重写,一种是你真的静态化.下面介绍PHP中页面静态化的方法. 什么是PHP静态化 PHP静态化的简单理解就是使网站生成页面以静态HTML的形式展现 ...
Django模板、配置文件、静态文件及案例实现（创建模板、设置模板查找路径、模板接收视图传入的数据、模板处理数据、BASE_DIR、DEBUG、本地语言与时区、App应用配置）
1.Django模板网站如何向客户端返回一个漂亮的页面呢? 漂亮的页面需要html.css.js. 可以把这一堆字段串全都写到视图中, 作为HttpResponse()的参数,响应给客户端. 存在的 ...
html静态模板继承,Django框架（七）-- 模板层：模板导入、模板继承、静态文件...
一.模板导入要复用一个组件,可以将该组件写在一个文件中,在使用的时候导入即可在模板中使用 1.语法 {% include '模板名字' %} 2.使用 ad.html页面 Panel title ...
Django知识点：模板和静态资源文件
模板 1. 模板介绍 web开发:给用户提供一个可视化页面,包含两部分,django 模板系统能够完成这两部分的内容静态页面:css,html,js,img 动态数据:需要使用模板语法将数据渲染 2 ...
Django（静态文件和Django应用和分布式路由）
什么是静态文件如:图片.css.js.音频.视频静态文件配置 --settings.py中 1.配置静态文件的访问路径[该配置默认存在] STATIC_URL = '/static' 指定访问静态 ...
php读取模板生成静态功能,php 生成静态页面的办法与实现代码详细版
php中主要用到的就是要用到fread()和fwirte().而静态页面生成了之后,就会牵扯到修改的问题.这里可以用到正则匹配的方法来替换模版中改变的部位.不过此种方法太麻烦,值得推荐的方法是直接把原 ...
HTML5响应式手机模板：电商网站设计——歪秀商城手机端开发静态页面HTML+CSS+JavaScript 手机模板wap 手机网站模板企业手机网站模板...
HTML5响应式手机模板:电商网站设计--歪秀商城手机端开发静态页面HTML+CSS+JavaScript 手机模板wap 手机网站模板企业手机网站模板手机网站模板手机模板响应式手机网站 ht ...
HTML5响应式手机模板：电商网站设计——歪秀商城手机端开发静态页面HTML+CSS+JavaScript 手机模板wap 手机网站模板企业手机网站模板
HTML5响应式手机模板:电商网站设计--歪秀商城手机端开发静态页面HTML+CSS+JavaScript 手机模板wap 手机网站模板企业手机网站模板手机网站模板手机模板响应式手机网站 ht ...

django 静态 html页面,Django模板:HTML静态模板的继承

django 静态 html页面,Django模板:HTML静态模板的继承相关推荐

最新文章

热门文章