Django2.0-templates(6)-模版结构优化-引入模版、继承模版

最新推荐文章于 2023-11-04 14:47:42 发布
最新推荐文章于 2023-11-04 14:47:42 发布
阅读量553 收藏
点赞数
分类专栏： Django2.0 Django2.0 templates 文章标签： Django2.0 templates
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/abc666666_6/article/details/83718783
版权

模版结构优化

引入模版

有些代码是重复的，可以单独抽取出来，哪里需要用到，就使用{% include "html模板" %}(模板查找路径也是跟setting.py中的DIRS有关)

  • 实例

    • 定义两个html文件，分别作为可重复的页面头和页面尾的内容

      <!-- header.html -->
<h1>
    <br>
    <a href="{% url 'main' %}"> 首页 </a>
    <br>
    <a href="{% url 'first' %}"> page1 </a>
    <br>
</h1>

      <!-- footer.html -->
<h1>
    这是尾部
</h1>

    • 定义两个页面，用{% include 'xxx.html' %}引入以上两个模版

      <!-- main.html -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    {% include "header.html" %} 
        这是首页
    {% include "footer.html" %}
</body>
</html>

      <!-- page1 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>page1</title>
</head>
<body>
    {%  include "header.html" %}
        这是页面一
    {%  include "footer.html" %}
</body>
</html>

    • urls映射

      #urls.py

path('main/', views.url_main, name="main"), #给URL一个名字
path('page1/', views.url_page1, name="first"), #给URL一个名字

    • 视图函数

      # views.py
def url_main(request):
    return render(request, "main.html")


def url_page1(request):
    return render(request, "page1.html")

    • 运行

      include11

      include12

引入模板的变量

设定引入模板的称为父模板，被引入模板称为子模板

  • 传给父模版的上下文(reverse()的context参数)，如果在子模板中也有定义，子模板也可以获得该值

    • 修改上述的header.html

      <h1>
    <br>
    <a href="{% url 'main' %}"> 首页 </a>
    <br>
    <a href="{% url 'first' %}"> page1 </a>
    <br>
    这里有个值-> {{ value }}  ｛# 这里有个变量 #｝
    <br>
</h1>

    • 修改main.html

      {% include "header.html" %}
    这是首页
    这里有个值->{{ value }} {# 加一个变量 #}
{% include "footer.html" %}

    • 修改视图函数

      # views.py
def url_main(request):
    context = {
        "value": "jack",
    }
    return render(request, "main.html", context=context)

    • 运行

      include21

      include22

      可以看到page1.html中引入的header.html中的{{value}}没有获得该值

  • 如果子模板有一个变量，而父模板没有获得上下文，那么可以在include的时候给子模板的变量一个值

    • 在上述步骤后修改page1.html

      {%  include "header.html" with value="lee"%} {# 注意value和值之间的=没有空格 #}
    这是页面一
{%  include "footer.html" %}

    • 运行

      include3

继承模版

类似python中的类，在父模板中先定义好一些子模板需要用到的代码，由子模板直接继承。

父模块中可以定义一个block接口，子模板来实现

  • 实现

    • 定义一个父模版base.html

      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>base</title>
</head>
<body>
    <h1> 开头 </h1>
    <div>
        {% block block_name %} {# block标签用于给子模板重写，block后面带一个名字#}
            这里是父模版的内容
        {% endblock %}
    </div>
    <h1> 结尾 </h1>
</body>
</html>

    • 继承父模板的模板child.html,extends标签必须写在最前面

      {% extends "base.html" %}

    • urls映射

      path('base/', views.url_base, name='base'),

    • 视图函数

      def url_base(request):
    return render(request, 'child.html')

    • 运行

      extends1

  • 子模板可以重写block标签

    • 修改child.html

      {% extends "base.html" %}
{% block block_name %}
    <p>{{ block.super }}</p>    {# 这个是调用父模板block的内容 #}
    改写！重写block
{% endblock %}

<h1>block标签外的改写无效！</h1>

    • 运行

      extends2

  • 如果父模板的有变量，可以接收到子模板的上下文内容

    • 修改base.html

      {% block block_name %}
    <a href="{% url 'base' %}"> base跳转主页 </a>
    接收子模板的上下文 {{ value }}
    这里是父模版的内容
{% endblock %}

    • 修改child.html

      {% extends "base.html" %}
{% block block_name %}
    <p>{{ block.super }}</p>    {# 这个是调用父模板block的内容 #}
    <a href="{% url 'base' %}"> child跳转主页 </a>
    这个是上下文内容: {{ value }}
{% endblock %}

<h1>block标签外的改写无效！</h1>

    • 修改视图函数

      def url_base(request):
    context = {
        "value": "NOTHING"
    }
    return render(request, 'child.html', context=context)

    • 运行

      extends3

  • 注意事项

    • block带名字最好
    • extends标签必须放在最前面
    • 字模板的代码在block中才会被渲染
狙如
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
跟我学c++中级篇——模板的继承
fpcc的专栏
07-29 1519
模板不管用得多少 ，总会遇到一些很古怪的错误，但这些错误其实是编译器不友好，或者说模板比较复杂导致编译无法特别准确的提供一些信息造成的。所以重点还是要把模板的基础知识学清楚，一点点的推导出来，再配合相关的错误信息，就可以较快的解决问题。网上还有先写非模板代码然后 再用模板代码改写的。这样也是一个不错的方法，虽然有点费事儿，但只要用在复杂的情况下就好了。重点在于不断的反复的把模板的知识对照着代码编写，熟悉后自然就渐渐明白道理，再写就逐渐顺手多了。
C++模板类与继承
Crush_66的博客
05-18 2829
C++模板类与继承
【django】模板继承详解
Mr_WoLong
10-31 1893
【django】模板继承详解-模板继承基本思路，子模块应用继承思路及js引入
类模版继承
cncnlg的专栏
11-02 836
模板类的继承包括四种： 1.（普通类继承模板类） [cpp] view plaincopy templateclass T>   class TBase{       T data;   ……   };   class Derived:public TBaseint>{   ……   };   2.（
Django基础入门⑦：Django模板继承
weixin_50804299的博客
06-22 9171
本节介绍了模板继承的使用，以及它的优势，Django 官网建议，在父模板中应尽量多的使用 {% block %} 标签，这样可以给我们更多的选择空间。block 标签需要成对出现，使用 {{ endblock }} 作为结束标签；定义 block 标签名字，子模板中具有同样名称的 block 块完成对父模板的替换；子模板不需要定义父模板中的所有 block，未定义时，子模板将原样使用父模板中的内容；
django-mail-templated：使用Django模板系统发送电子邮件
02-04
django-mail-templated：使用Django模板系统发送电子邮件
对DJango视图(views)和模版(templates)的使用详解
09-19
今天小编就为大家分享一篇对DJango视图(views)和模版(templates)的使用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
flask-vuejs-template：Flask + Vue JS模板
02-05
该模板已更新为使用更扁平的文件夹结构，并使用yarn代替npm。 现在，您可以从模板根目录中运行yarn serve以及其他yarn命令。 旧模板将保留在但不会被维护。 Django的 更喜欢Django？ 签出 模板结构 该模板使用Flask
在Python的Django框架中加载模版的方法
01-20
为了减少模板加载调用过程及模板本身的冗余代码，Django 提供了一种使用方便且功能强大的 API ，用于从磁盘中加载模板， 要使用此模板加载API，首先你必须将模板的保存位置告诉框架。 设置的保存文件就是settings.py...
【C++】模板进阶|继承
大三小白C++进阶之路
04-01 1872
模板进阶、继承的详细讲解
django-seo-js：SEO支持对使用django构建的React，Vue，Angular，boneer，ember.us和其他SPA应用程序的支持
02-20
django-seo-js django-seo-js是一个嵌入式应用程序，可为django构建的angular，bone，emer，famo.us和其他SPA应用程序提供完整的SEO支持。 它易于设置，可配置为使用多种服务，并且易于定制。 快速链接： 安装 点安装： pip install django-seo-js 添加到您的settings.py ： # If in doubt, just include both. Details below. MIDDLEWARE_CLASSES = ( 'django_seo_js.middleware.EscapedFragmentMiddleware' , # If you're using #! 'django_seo_js.middleware.UserAgentMiddleware' , # If y
Django入门（十）：模板继承（重要）
最新发布
weixin_42888180的博客
11-04 305
如果在模版中使用extends标签，它必须是模版中的第一个标签不能在一个模版中定义多个相同名字的block标签子模版不必定义全部父模版中的blocks，如果子模版没有定义block，则使用了父模版中的默认值如果发现在模板中大量的复制内容，那就应该把内容移动到父模板中使用可以获取父模板中block的内容为了更好的可读性，可以给endblock标签一个名字。
flask如何去写接口，并且去访问
weixin_39349045的博客
08-07 879
1、返回一段json import flask server=flask.Flask(__name__) @server.route('/index') def index(): return '{"code":0,"msg":"成功"}' server.run() 去访问：http://127.0.0.1:5000/index 2、返回页面 html 超文本 import flask server=flask.Flask(__name__) @server.route('/index')
Django中模板的继承
weixin_53766744的博客
11-05 1295
在同一个网页中有多个选项栏，不同的子网页中除了主体内容不一样，其网页的上面和下面部分还是一样的，如下图点击‘电影’栏和‘电视剧’栏后发现只有主体内容发生改变，如果要实现这俩个网页完全可以重复的敲页面中的非主体内容，但是如果要修改页面内容则需要重复的修改n次，’继承‘的出现解决了这个问题。子模版用来覆盖父模板中 block_name 块的内容。模板继承可以使父模板的内容重用，子模版直接继承父模板的全部内容并可以覆盖父模板中相应的块。3.block标签：在父模板中定义，可以在子模版中覆盖。
模板继承
weixin_42127687的博客
05-30 2070
模板继承 在模板中，可能会遇到以下情况： 多个模板具有完全相同的顶部和底部内容 多个模板中具有相同的模板代码内容，但是内容中部分值不一样 多个模板中具有完全相同的 html 代码块内容 像遇到这种情况，可以使用 JinJa2 模板中的 继承 来进行实现 模板继承是为了重用模板中的公共内容。一般Web开发中，继承主要使用在网站的顶部菜单、底部。这些内容可以定义在父模...
模板类的继承
aa662665的博客
05-17 890
模板类的继承包括四种： 1.（普通类继承模板类） 2.（模板类继承了普通类（非常常见）） 3.（类模板继承类模板） 4.（模板类继承类模板，即继承模板参数给出的基类） 其中，普通类继承模板类比较简单，如 1 template<class T> 2 class TBase{ 3 T data; 4 …… 5 }; 6 class Derived...
五、html中的模板继承
机器重启员的博客
12-20 5035
extend模板继承 到目前为止，我们的模板范例都只是些零星的 HTML 片段，但在实际应用中，你将用 Django 模板系统来创建整个 HTML 页面。 这就带来一个常见的 Web 开发问题： 在整个网站中，如何减少共用页面区域（比如站点导航）所引起的重复和冗余代码？Django 解决此类问题的首选方法是使用一种优雅的策略—— 模板继承 。 本质上来说，模板继承就是先构造一个基础框架模板，而后在...
模板的继承
u014229742的博客
07-10 3091
1.模板的继承举例 有一个base.html模板如下: &lt;p&gt; 这是一个继承模板 &lt;/p&gt; {% block content %} {% endblock %} 以下test.html的代码如下 {% extends 'base.html' %} #引用上面的base.html模板 {% block content %} &lt;a h...
Django学习笔记2 模板继承、添加页面
Lance的博客
02-17 4383
1. 模板继承 创建一个base.html，其他的模板都继承这个父模板。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &a
生成一个django-rest-framework的项目结构
03-10
好的，我可以回答这个问题。首先，你需要安装Django和Django REST framework。然后，在命令行中输入以下命令来创建一个Django项目： ``` django-admin startproject project_name ``` 接下来，你需要在项目的根目录下创建一个应用程序： ``` python manage.py startapp app_name ``` 然后，你需要在settings.py文件中添加Django REST framework： ``` INSTALLED_APPS = [ ... 'rest_framework', 'app_name', ] ``` 最后，你需要在urls.py文件中添加Django REST framework的路由： ``` from django.urls import include, path from rest_framework import routers from app_name.views import YourViewSet router = routers.DefaultRouter() router.register(r'your_route', YourViewSet) urlpatterns = [ path('', include(router.urls)), ] ``` 这样，你就可以使用Django REST framework来构建你的API了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值