（二）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模板中遍历复杂 ...

随机推荐

Getting started with the basics of programming exercises_1
1.编写一个将输入复制到输出的程序,并将其中连续的多个空格用一个空格代替使用if 结构: #include<stdio.h> #define NONBLANK 'a'; // repal ...
ip2long之后有什么好处？
ip2long需要bigint来存储,而且在32位和64位系统中存储方式还有区别: 而保存成字符串,只需要char20即可. 那么,ip2long好处在哪? 做投票项目的时候,将ip地址处理后用int ...
Python--day69--ORM外键的正向查询和反向查询
什么是正向查询,什么是方向查询?
BiLSTM-CRF学习笔记（原理和理解）维特比
BiLSTM-CRF 被提出用于NER或者词性标注,效果比单纯的CRF或者lstm或者bilstm效果都要好. 根据pytorch官方指南(https://pytorch.org/tutorials/ ...
axios 跨域
{ headers:{"Content-Type":"application/x-www-form-urlencoded;charset=utf-8"} ...
2018-2-13-wpf-使用-Dispatcher.Invoke-冻结窗口
title author date CreateTime categories wpf 使用 Dispatcher.Invoke 冻结窗口 lindexi 2018-2-13 17:23:3 +080 ...
Redis - 命令行工具
使用Redis内置的命令行工具 redis-cli一些便捷的命令: 1.执行单条命令平时在访问 Redis 服务器,一般都会使用 redis-cli 进入交互模式,然后一问一答来读写服务器,这种情况 ...
linux 读者/写者自旋锁
内核提供了一个自旋锁的读者/写者形式, 直接模仿我们在本章前面见到的读者/写者旗标. 这些锁允许任何数目的读者同时进入临界区, 但是写者必须是排他的存取. 读者写者锁有一个类型 rwlock_t, ...
linux 自旋锁 API 简介
自旋锁原语要求的包含文件是 <linux/spinlock.h>. 一个实际的锁有类型 spinlock_t. 象任何其他数据结构, 一个自旋锁必须初始化. 这个初始化可以在编译时完成, ...
【58.75%】【BZOJ 1087】[SCOI2005]互不侵犯King
Time Limit: 10 Sec Memory Limit: 162 MB Submit: 3040 Solved: 1786 [Submit][Status][Discuss] Descri ...

（二）Django模板的应用

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

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

随机推荐

热门专题