Django（五）框架之模板继承和静态文件配置
https://www.cnblogs.com/haiyan123/p/7731959.html
一、模板继承
目的是：减少代码的冗余
语法：
{% block classinfo %}
{% endblock %}
具体步骤：
1、创建一个base.html文件，
2、把要显示的页面的内容写在这里面，也就是html要在浏览器显示的内容
3、在right里面写个盒子
{% block classinfo %}
{% endblock %} 在这里面写个空盒子，以后谁来扩展就在这个盒子里面添加相应的内容就行了
4、然后再创建一个.html文件，让这个继承base.html文件，
{% extends "base.html" %} #必须是在文件的第一行
在基板里面添加内容
{% block classinfo %}
<h2>首页</h2>
<h2>学生信息</h2>
<h3>{{ class_id }}班</h3>
{% endblock%}
5、也可以写好多盒子，
在left中写个盒子
{% block menu %}
<p>I see you you</p>
{% endblock %}
注意： 盒子里面可以有默认的内容，如果有默认的时候你不扩展就走默认的，如果你扩展了，就替换了， 那么不替换直接追加可以嘛？可以的，那就用下面的方式。 {% block.super %}
例如：
{% block menu %}
{{ block.super }}
<p>！！！</p> #先继承父类的，后插入数据
{% endblock %}
1、模板继承围绕两点：继承和扩展
你有什么继承什么，
扩展的是盒子，
2、模板中设置的盒子越多越好，因为这样你想扩展的时候就容易了。我想扩展就扩展了。不扩展就不扩展了
3、为了更好的可读性，你也可以给你的 {% endblock %} 标签一个 名字 。例如：
{% block content %}
...
{% endblock content %}
4、如果你发现你自己在大量的模版中复制内容，那可能意味着你应该把内容移动到父模版中的一个 {% block %} 中。
最后，请注意你并不能在一个模版中定义多个相同名字的 block 标签。这个限制的存在是因为block标签的作用是“双向”的。这个意思是，block标签不仅提供了一个坑去填，它还在 _父模版_中定义了填坑的内容。如果在一个模版中有两个名字一样的 block 标签，模版的父模版将不知道使用哪个block的内容。
具体例子说明
from django.contrib import admin
from django.urls import path,re_path from blog import views urlpatterns = [
path(r'show_time/', views.show_time),
re_path(r'articles/([0-9]{4})$',views.special_case),
re_path(r'articles/(?P<year>[0-9]{4})/(?P<month>[0-9]{2})',views.article_year_month),
re_path(r'userInfo/', views.userInfo, name='userInfo'),
re_path(r'index/', views.index),
re_path(r'backend/',views.login_back,name='back'),
re_path(r'base/',views.base),
re_path(r'student/',views.student,name='student'),
]
urls
def base(request):
return render(request,'base.html') def student(request):
return render(request,'student.html')
views
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
{% block styles %} {% endblock %}
<style>
.head {
background-color: #2459a2;
line-height: 60px;
width: 100%;
text-align: center;
font-size: 30px;
}
.left {
float: left;
width: 20%;
min-height: 600px;
background-color: gray;
overflow: auto;
}
.manage {
padding: 20px 0;
margin: 20px 0;
font-size: 18px;
text-align: center; }
a {
text-decoration: none;
} .content {
width: 70%;
float: left;
min-height: 600px; } h1 {
text-align: center;
} </style>
</head>
<body>
<div class="head">标题</div>
<div class="left">
<div class="student manage"><a href="{% url 'student' %}">学生管理</a></div>
<div class="teacher manage"><a href="">老师管理</a></div>
<div class="course manage"><a href="">课程管理</a></div>
<div class="classes manage"><a href="">班里管理</a></div>
</div>
<div class="content">
{% block content %}
<h1>Welcome to home</h1>
{% endblock %} </div>
</body>
</html>
base.html
{% extends "base.html" %}
{% block styles %}
<style>
h2 {
color: red;
text-align: center;
font-size: 20px;
}
</style>
{% endblock %}
{% block content %}
{{ block.super }}
<h2>student</h2>
{% endblock %}
student继承base
二、静态文件配置
我们自己导入的一些包就叫做静态文件
1、在全局中先创建一个static的包，
2、在static里面导入我们的bootstrap，还是jquery等
3、然后在settings.py中加上一些配置
STATIC_URL = '/static/' #这个配置就相当于下面配置的别名,如果这里的名字修改了就按照这里的名字去导入
STATICFILES_DIRS = [
os.path.join(BASE_DIR,"static") #E:\day68\static 找到static路径
]
STATICFILES_DIRS=(
os.path.join(BASE_DIR, "blog", "statics"),
)
4、导入css,js,jquery
<link rel = "stysheet",href= "/static/index.css/"> <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css">
Django（五）框架之模板继承和静态文件配置的更多相关文章
- Django框架之模板继承和静态文件配置
一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% endblock %} 具体步骤: 1.创建一个base.html文件,2.把要显示的页面的内容写在这里 ...
- Django框架----模板继承和静态文件配置
母板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8& ...
- Django框架之模板基础，静态文件配置
一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% endblock %} 具体步骤: 1.创建一个base.html文件,2.把要显示的页面的内容写在这里 ...
- Django 2.0 学习(13)：Django模板继承和静态文件
Django模板继承和静态文件 模板继承(extend) Django模板引擎中最强大也是最复杂的部分就是模板继承了,模板继承可以让我们创建一个基本的"骨架"模板,它可以包含网页中 ...
- Django框架（八）—— 模板层：模板导入、模板继承、静态文件
目录 模板导入.继承.静态文件 一.模板导入 1.语法 2.使用 二.模板的继承 1.使用模板的继承 2.强调(注意点) 三.静态文件 1.在配置文件settings中配置过静态文件 2.导入使用静态 ...
- Django简介，请求生命周期，静态文件配置
Web框架 Web框架(Web framework)是一种开发框架,用来支持动态网站.网络应用和网络服务的开发.这大多数的web框架提供了一套开发和部署网站的方式,也为web行为提供了一套通用的方 ...
- Django框架（七）-- 模板层：模板导入、模板继承、静态文件
一.模板导入 要复用一个组件,可以将该组件写在一个文件中,在使用的时候导入即可 在模板中使用 1.语法 {% include '模板名字' %} 2.使用 ad.html页面 <div clas ...
- Django（五）在模板中使用静态文件
location 最后一个文件夹名就是project名,我用了Django_Plan. Application 是自动加入的APP名字,我用了Plan 静态文件相关配置: Django_Plan\se ...
- Django web框架之模板继承
模板继承 (extend) Django模版引擎中最强大也是最复杂的部分就是模版继承了.模版继承可以让您创建一个基本的“骨架”模版,它包含您站点中的全部元素,并且可以定义能够被子模版覆盖的 block ...
随机推荐
- mysql常用运算符
一.算数运算符 + 加法 - 减法 * 乘法 / 除法 % 返回余数 二.比较运算符 = 等于 <>或!= 不等于 <=> 等于(这里是安全的等于 例如: select nul ...
- centso7 安装redmine
一.安装rvm ###安装rvm gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D3 ...
- CentOS 7 vi编辑命令
用vi打开一个yum文件 vi /usr/bin/yum 按 i 键后 进入insert模式,进入insert模式后才能进行修改 修改完成后 按esc键进入command模式, 然后:wq 保存文件 ...
- oracle NVL与Coalesce的区别
先来说一下用法上的区别 : nvl(COMMISSION_PCT,0)如果第一个参数为null,则返回第二个参数如果第一个参数为非null,则返回第一个参数 COALESCE(EXPR1,EXPR2, ...
- BizTalk Server 如何处理大消息
什么是大消息? 遗憾的是,此问题的答案不而直接与特定的消息大小,绑定,取决于你的 Microsoft 的特定瓶颈 BizTalk Server 系统. 与大消息关联的问题可分为以下几类: 内存不足错误 ...
- codeforces707C
Pythagorean Triples CodeForces - 707C 悉宇大大最近在学习三角形和勾股定理.很显然,你可以用三个边长为正数的线段去构造一个直角三角形,而这三个数被称作“勾股数”. ...
- Lisp小程序，大作用，不该放弃！
从听说autolisp到现在已经20年了, 学了一点点, 可惜中间没能坚持下来, 放弃了! 今天在画图, 图纸是从revit转成dwg的, 其中有些文本的朝向是错误的, 如果手工旋转很是费事, ...
- Java自定义线程池-记录每个线程执行耗时
ThreadPoolExecutor是可扩展的,其提供了几个可在子类化中改写的方法,如下: protected void beforeExecute(Thread t, Runnable r) { } ...
- HDU4349-Xiao Ming's Hope-找规律
打表输出前100之后,找到规律. 不过正确规律是1<<(二进制中1的个数). #include <cstdio> #include <algorithm> usin ...
- 一种HBase表数据迁移方法的优化
1.背景调研: 目前存在的hbase数据迁移主要分如下几类: 根据上图,可以看出: 其实主要分为两种方式:(1)hadoop层:因为hbase底层是基于hdfs存储的,所以可以通过把hdfs上的数据拷 ...