（二）Django模板的应用

一、配置项目的基础模板，分三部分

base.html 基础部分，需要包括基本的HTML标签

header部分
body部分
html闭合标签

{% load staticfiles %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>{% block title %}{% endblock %}</title>

    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">

    <link rel="stylesheet" href="{% static 'css/example.css' %}">

    <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}">

    <link rel="stylesheet" href="{% static 'css/normalize.min.css' %}">

    <link rel="stylesheet" href="{% static 'css/style.min.css' %}">

    <link rel="stylesheet" href="{% static 'css/theme.css' %}">

</head>

<body>

    {% include "header.html" %}

<div>

    {% block content %}{% endblock %}

</div>

    {% include "footer.html" %}

    <script src="{% static 'js/bootstrap.min.js' %}"></script>

    <script src="{% static 'js/jquery-3.3.1.slim.min.js' %}"></script>

    <script src="{% static 'js/popper.min.js' %}"></script>

</body>

</html>

{% block style %}

{% endblock %}

header.html 头部部分，仅负责头部模板

{% load staticfiles %}

<header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar">

  <!-- TO DO -->

</header>

footer.html 尾部部分，仅负责尾部模板

{% load staticfiles %}

<footer class="footer position">

  <div class="container">

    <div class="row footer-top">

      <div class="col-md-6 col-lg-6">

        <p>这是我的第一个博客</p>

      </div>

    </div>

    <hr/>

  </div>

</footer>

<style>

    .position {position:absolute;bottom:0; width:100%/*footer的高度*/}

</style>

（二）Django模板的应用的更多相关文章

我的django之旅（二）模板和静态文件
我的django之旅(二)模板和静态文件标签(空格分隔): django 1.为什么要使用模板在上一篇博文中,提到了HttpReponse,但是HttpReponse只能传送字符串,如果要构建一个 ...
Python学习（二十八）—— Django模板系统
转载自http://www.cnblogs.com/liwenzhou/p/7931828.html Django模板系统官方文档一.常用语法只需要记两种特殊符号: {{ }}和 {% %} ...
Django（二）模板：基本使用、模板语法、模板继承
一.模板的使用实战接:https://blog.csdn.net/u010132177/article/details/103788677 参考:https://docs.djangoproject ...
在 Django 模板中遍历复杂数据结构的关键是句点字符
在 Django 模板中遍历复杂数据结构的关键是句点字符 ( . ). 实例二 mysit/templates/myhtml2.html修改如下 <!DOCTYPE html> <h ...
django模板（一）
模板(一) 实验简介在前一章中,你可能已经注意到我们在例子视图中返回文本的方式有点特别. 也就是说,HTML被直接硬编码在 Python 代码之中. def current_datetime(req ...
Django—模板
索引一.模板语言 1.1 变量 1.2 标签 1.3 过滤器 1.4 自定义过滤器 1.5 注释二.模板继承三.HTML转义四.CSRF 五.验证码六.反向解析模板作为Web框架,Dja ...
Django模板语言初识
一.Django框架简介 1.MVC框架 MVC,全名是Model View Controller,是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model).视图(View)和控 ...
Django模板语言进阶
一.母板 1.什么情况下使用母版当多个页面的大部分内容都一样的时候,我们可以把相同的部分提取出来,放到一个单独的母版HTML文件中然后在母版中定义需要被替换的block 例如:母板页面 <! ...
【Django模板进阶007】
本节主要讲 Django模板中的循环,条件判断,常用的标签,过滤器的使用列表,字典,类的实例的使用循环:迭代显示列表,字典等中的内容条件判断:判断是否显示该内容,比如判断是手机访问,还是电脑访问 ...
django模板语法
Django 模板语法 Django 模板语法一.模板只要是在html里面有模板语法就不是html文件了,这样的文件就叫做模板. 二.模板语法模板语法变量:{{ }}在Django模板中遍历复杂 ...

随机推荐

[Offer收割]编程练习赛108 - 树上的最短边树链剖分
直接点权下放到边权,每次查询从dfs序的st[u]+1,ed[v]之间查询, #include<iostream> #include<stdio.h> #include< ...
Project Euler Problem 14-Longest Collatz sequence
记忆化搜索来一发.没想到中间会爆int #include <bits/stdc++.h> using namespace std; const int MAXN = 1000000; in ...
MySQL数据库字符集和整理
MySQL数据库字符集和整理(2009-11-20 22:23:37) mysql数据库 it 其实这个表在MySQL数据库中通过phpMyAdmin就能看到,icech只是把表格整理了一下方便 ...
HDU 1114 完全背包 HDU 2191 多重背包
HDU 1114 Piggy-Bank 完全背包问题. 想想我们01背包是逆序遍历是为了保证什么? 保证每件物品只有两种状态,取或者不取.那么正序遍历呢? 这不就正好满足完全背包的条件了吗 means ...
Java语法格式
任何一种语言都有自己的语法规则,Java也一样,既然是规则,那么知道其如何使用就可以了. 代码都定义在类中,类由class来定义,区分 public class 和 class; 代码严格区分大小 ...
java什么是跨平台性？原理是什么？
所谓跨平台性,是指java语言编写的程序,一次编译后,可以在多个系统平台上运行. 实现原理:Java程序是通过java虚拟机在系统平台上运行的,只要该系统可以安装相应的java虚拟机,该系统就可以运行 ...
H3C HDLC帧格式
2019-1-4-win10-uwp-win2d-CanvasVirtualControl-与-CanvasAnimatedControl
title author date CreateTime categories win10 uwp win2d CanvasVirtualControl 与 CanvasAnimatedControl ...
Spring Cloud探路（二） Erueka客户端的建立
接上篇 1.pom.xml与上篇一致 2.新建包及Application启动类 @Configuration @ComponentScan @EnableEurekaClient @EnableAut ...
java 实现类似spring的可配置的AOP框架
一.工厂类BeanFactory: 1.工厂类BeanFactory负责创建目标类或代理类的实例对象,并通过配置文件实现切换. 2.getBean方法根据参数字符串返回一个相应的实例对象,如果参数字符 ...

（二）Django模板的应用

一、配置项目的基础模板，分三部分

（二）Django模板的应用的更多相关文章

随机推荐

热门专题