Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >python(Django之html模板继承)

python(Django之html模板继承)

作者头像
学到老
发布于 2019-02-14 08:07:41
发布于 2019-02-14 08:07:41
3.8K0
举报

Django之html模板继承简单案例 1 构建母板,确定不变内容和可变内容

2 构建子板,对可变内容进行填充

结果:

Django下静态模板的继承对应模页面样式

①. 定义一个基础模板,该框架之后由子模板继承。

命名为base.html,这个页面主要放公用部分的代码,各个子页面都可以继承这个页面的样式。

{% block title %}首页{% endblock %} {% block js %} {% endblock %} {% block css %} {% endblock %} {% block content %}{% endblock %}

②. 编写各个子模板。

如下所示,{% extends ‘base.html’ %}作为基础模板,必须放在第一行才可以识别。 {% block %}这个标签,告诉模板引擎,子模板可以重载这些 {% include %}允许模板中包含其他模板。 注意css和js等静态文件,是和html不同的识别方式。

{% extends ‘base.html’ %} {% block title %} {% endblock %}

{% block js %} {% endblock %}

{% block css %} {% endblock %}

{% block content %} {% include ‘taskApp/cjjdglContent.html’ %} {% endblock %}

这种方式用起来,不仅改起来便捷,代码量也显然减少了不少。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017年12月13日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Python Django个人网站搭建4-配置使用 Bootstrap 4 并改写模板文件
作者: zifanwang  发布于2020-05-08
zifan
2021/12/14
2K0
Python Django个人网站搭建4-配置使用 Bootstrap 4 并改写模板文件
Django用户登录与注册系统
一、创建项目 1.1.创建项目和app django-admin startproject mysite_login python manage.py startapp login 1.2.设置时区和语言 Django默认使用美国时间和英语,在项目的settings文件中,如下所示: LANGUAGE_CODE = 'en-us' TIME_ZONE = 'UTC' USE_I18N = True USE_L10N = True USE_TZ = True 我们把它改为亚洲/上海时间和中文 LAN
zhang_derek
2018/04/11
11.5K0
Django用户登录与注册系统
Flask Web 极简教程(二)- Flask 模板(Part E)
宏,相当于函数,可以把常用功能抽取出来,实现可重用。HTML 中也会出现重复的代码,将重复的 HTML 代码抽取出来就成为模板的宏,模板的宏是可以写在单独的 HTML 文件中。
RiemannHypothesis
2022/09/26
6520
Flask Web 极简教程(二)- Flask 模板(Part E)
Flask学习笔记-Flask模板集成Bootstrap 顶
Flask模板集成Bootstrap。一般情况下Flask都是搭配Jinja2模板引擎来实现视图展现,不过现在Bootstrap比较流行,内置的样式也比较好看,有利于提高开发效率,本篇文章就是讲解在Flask如何集成Bootstrap框架。
bdcn
2018/09/12
2.2K0
Flask学习笔记-Flask模板集成Bootstrap
                                                    顶
Django 模板继承4.2
模板继承 模板继承可以减少页面内容的重复定义,实现页面内容的重用 典型应用:网站的头部、尾部是一样的,这些内容可以定义在父模板中,子模板不需要重复定义 block标签:在父模板中预留区域,在子模板中填充 extends继承:继承,写在模板文件的第一行 定义父模板base.html { %block block_name%} 这里可以定义默认值 如果不定义默认值,则表示空字符串 { %endblock%} 定义子模板index.html { % extends "base.html" %} 在子模板中使用bl
Lansonli
2021/10/09
6340
python-Django-Django 常用模板标签和过滤器(一)
Django模板引擎是Django框架的一个核心组件,用于渲染HTML模板。它使用Django模板语言(DTL)来编写模板文件,支持动态数据、逻辑控制和模板继承等功能。在Django模板中,除了常规的HTML标记和属性外,还有一些特殊的模板标签和过滤器,用于实现动态数据绑定和逻辑控制。
玖叁叁
2023/04/23
9930
『Django』模板
上一篇文章介绍了 Django 视图的基础用法,当时提到了“响应HTML模版”,用到的方式是渲染一段 HTML 内容的字符串,这种方式很不方便。更方便的方法是在 .html 文件里写页面内容,然后渲染这个 .html 文件。这个 .html 文件也叫 HTML 模版,就是本文要讲解的内容。
德育处主任
2024/05/21
2170
『Django』模板
构建前端
对于复杂的HTML前端页面来说,我们需要一套基础的CSS框架来完成页面布局和基本样式。另外,jQuery作为操作DOM的JavaScript库也必不可少。
用户8442333
2021/05/25
4180
Python Django框架笔记(六):模板
(一){%%}和{{ }} 1 {% for post in posts %} 2 <a href=""><h2>{{ post.title }}</h2></a> 3 <p>{{ post.body }}</p> 4 <p>{{ post.timestamp }}</p> 5 <hr> 6 {% endfor %} {%%}:里面的是模板标签,{{}}里面的是变量 {%%}标签: 1 {% if x == 1%} 2 <p></
free赖权华
2018/07/03
6780
HTML|Flask之模板继承
模板继承是jinja里面最有力的部分了。就相当于在模板里面创建一个基础的骨架,里面的内容一般是一个网站中的常用元素,比如说网页的头部与尾部。这样下次需要用的话我们直接继承就好了。
算法与编程之美
2019/11/24
6K0
HTML|Flask之模板继承
Django学习-第四讲 Django 模板常用过滤器及模板及结构优化
在模版中,有时候需要对一些数据进行处理以后才能使用。一般在Python中我们是通过函数的形式来完成的。而在模版中,则是通过过滤器来实现的。过滤器使用的是|来使用。
小海怪的互联网
2019/08/23
5030
图书管理系统demo1
# 图书管理系统项目 ps开始就遇到了语法错误,找了我10多分钟,最后发现是urls中.用了:导致的错误,太粗心了呀。。。 1.首先我在pycharm中dj目录下新建了一个项目,名字为day06, 然后在里面又添加了book_manage,front,这两个app,然后新建了静态样式目录static,还有模板文件夹templates,然后分别在新建的app中创建了urls.py,用于url的映射 2.接着在setting中设置了数据库信息->databases,并添加了base.css样式文件,放在了static文件中,在setting最末行添加了,STATICFLIES_DIRS=[os.path.join(BASE_URL,’static’)] 用于静态文件确定静态文件能够被模板正确的调用,在DIRS中设置了模板文件夹为创建好的templates, 3.准备工作好了之后就开始上手啦,首先分别以两个app的名字定义了app_name,然后在主urls中添加了url路由,我用的include导入的(比较节省时间,不用写的太麻烦), 下面是app中的urls: from django.urls import path app_name=’book_manage’ from . import views urlpatterns=[ path(”,views.index,name=’index’), path(‘add_book/’,views.add_book,name=’add_book’), path(‘book_detall/<int:book_id>/’,views.book_detall,name=’book_detall’), path(‘delete_book/’,views.delete_book,name=’delete_book’), ]
kirin
2020/05/09
4170
Django学习笔记之模板渲染、模板语言、simple_tag、母版子版、静态配置文件
C:\Users\yangmingwei\PycharmProjects\yangmv> python manage.py startapp web
Jetpropelledsnake21
2018/08/01
7110
Django学习笔记之模板渲染、模板语言、simple_tag、母版子版、静态配置文件
Python Web - Flask笔记3
if条件判断语句必须放在{% if statement %}中间,并且还必须有结束的标签{% endif %}。和python中的类似,可以使用>,<,<=,>=,==,!=来进行判断,也可以通过and,or,not,()来进行逻辑合并操作。
YingJoy_
2018/08/02
8050
Django模板层
tips:可以利用{% for obj in list reversed %}反向完成循环
py3study
2020/01/19
1.1K0
Flask 模板 - 宏、继承、包含
Jinja2支持宏,还可以导入宏,需要在多处重复使用的模板代码片段可以写入单独的文件,再包含在所有模板中,以避免重复。
Devops海洋的渔夫
2019/12/24
1.1K1
Flask 模板 - 宏、继承、包含
零基础使用Django2.0.1打造在线教育网站(十五):模板继承应用
努力与运动兼备~~~有任何问题可以加我好友或者关注微信公众号,欢迎交流,我们一起进步!
啃饼思录
2018/09/06
5660
一个完整的Django入门指南(二)
第三部分 Introduction        In this tutorial, we are going to dive deep into two fundamental concepts: URLs and Forms. In the process, we are going to explore many other concepts like creating reusable templates and installing third-party libraries. We are a
zhang_derek
2018/04/11
3.3K0
一个完整的Django入门指南(二)
模板继承与导入
2)如果子页面有自己的css,js 怎么用了?   A)如果是在子页面写CSS和JS,CSS就不是在头部了,而JS也不是在<body>之前,假如要引用jquery,子页面写的JS会在jquery引用前面,就会不生效
全栈程序员站长
2022/07/21
5710
Django基础教程
URL配置(URLconf)就像Django 所支撑网站的目录。它的本质是URL与要为该URL调用的视图函数之间的映射表;你就是以这种方式告诉Django,对于这个URL调用这段代码,对于那个URL调用那段代码。
超蛋lhy
2018/08/31
7.5K0
相关推荐
Python Django个人网站搭建4-配置使用 Bootstrap 4 并改写模板文件
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档