Python笔记之Django网页模板的继承block(挖坑填坑、HTML转义)

一、目标

学习Django 网页模板继承。顺便带上html网页代码转义的介绍

二、试验平台

windows7 , python3.7，Django2.1.5

三、概述

本例过于简单，仅介绍主要代码。

1.新建母版html文件（在里面挖坑block）

2.新建子网页并继承母版extends（在里面填坑）

3.写路由，只需写子网页的路由即可。（无需写母版页的路由）

四、模板base.html文件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>模板集成-挖坑填坑-模板页</title><style>#header{width:100%;height: 100px;background-color: pink;}#footer{width:100%;height:100px;background-color: cadetblue;}</style>
</head>
<body>
<div id="header">网页头部header,kahn2019年4月19日16:30:52</div>
<div id="main">{% block xMain %}{% endblock xMain %}
<hr>
第二个坑如下：
<hr>{% block xKeng %}{% endblock xKeng %}
</div>
</body>
</html>

五、子网页1：base_Main.html

<!--模板继成-挖坑填坑-主页-->
{% extends 'app01/base.html' %}{% block xMain %}<h1>挖坑填坑第一步：先引用基类模板页，用extends '基类网页模板'</h1><h2>挖坑填坑第二步：写上模板定义好的坑的名字，比如叫xMain，那我们这里就要写block xMain</h2><h3>kahn 2019年4月19日16:33:18</h3>
{% endblock xMain %}{% block xKeng %}
<a style="color: brown">这是第二个坑</a>
{% endblock xKeng %}

六、子网页2：base_List.html

<!--模板继成-挖坑填坑-列表页-->
{% extends 'app01/base.html' %}{% block xMain %}<h1>测试网页模板继承---这是测试列表页'</h1>
{% endblock xMain %}{% block xKeng %}<a style="color: green">这是第二个坑(也是个知识点【HTML转义】，不是闹着玩的哈)</a><br><br><a>这是后台传来html代码，后台传什么前台就显示什么。----></a>   {{ xhtmlcode }}<br><br><a>这是后台传来html代码，让前台变成HTML代码镶嵌在网页中的方法1：{{ xhtmlcode | safe }}</a><br><br>{% autoescape off %}<a>这是后台传来html代码，让前台变成HTML代码镶嵌在网页中的方法2：{{ xhtmlcode }}</a>{% endautoescape %}
{% endblock xKeng %}

七、views.py主要部分

# #挖坑填坑测试主页
def base_Main(request):return render(request, 'app01/base_Main.html')# #挖坑填坑测试列表页 + HTML代码转义
def base_List(request):xhtmlcode = '<a style="color: brown">这是一串html代码，目的是将这个字符串转成HTML代码</a>'return render(request, 'app01/base_List.html', {'xhtmlcode': xhtmlcode})

八、写路由

    path('base_Main/', views.base_Main),path('base_List/', views.base_List),

九、测试效果

kahn ok 2019年4月19日16:38:32。

Python笔记之Django网页模板的继承block(挖坑填坑、HTML转义)相关推荐

Django网页模板的继承include与复用extends
Django使用网页模板的方式分为两种, 一是建立代码块, 在新的页面导入代码块, 关键词为include 二是建立模板,新的页面在模板基础上扩充, 关键词为extends 导入代码块 include ...
为微信开发填坑：微信网页支付的开发流程及填坑技巧
GitChat 作者:极笔北客原文:为微信开发填坑:微信网页支付的开发流程及填坑技巧关注微信公众号:「GitChat 技术杂谈」一本正经的讲技术 [不要错过文末彩蛋] 小程序作为微信之父张小龙钦 ...
为微信开发填坑：微信网页支付的开发流程及填坑技巧 1
GitChat 作者:极笔北客原文:为微信开发填坑:微信网页支付的开发流程及填坑技巧关注微信公众号:「GitChat 技术杂谈」一本正经的讲技术 [不要错过文末彩蛋] 小程序作为微信之父张小龙钦 ...
Django(part14)--模板的继承
学习笔记,仅供参考,有错必纠模板模板的继承模板继承可以使父模板的内容重用,子模板直接继承父模板的全部内容并可以覆盖父模板中相应的块(block). block标签 block标签标识出哪些块(b ...
salt远程执行python脚本_SaltStack远程执行Windows job程序(黑窗口)填坑经过
近期接到领导通知,要将公司内的所有Windows服务添加到自动发布系统中,由于这种服务很多,节点分布散乱,每次都是由开发主管手动替换(虽然他们自己开发了自动打包替换工具,但仍需要一台一台登陆到服务器上 ...
django之：网页伪静态 JsonResponse form表单携带文件数据 CBV源码分析模板语法传值模板语法之过滤器标签自定义标签函数过滤器、inclusion_tag模板的继承导入
目录标题一:网页伪静态 1.定义 2.如何实现二:视图层 1.视图函数返回值问题 2.视图层返回json格式的数据 3.form表单携带文件数据 4.CBV源码分析 1.CBV和FBV: 2.CB ...
Python+django网页设计入门（18）：自定义模板过滤器
前导课程: Python+django网页设计入门(17):模板语法及应用 Python+django网页设计入门(16):优化设计复用分页代码 Python+django网页设计入门(15):公用模 ...
Python+django网页设计入门（17）：模板语法及应用
前导课程: Python+django网页设计入门(16):优化设计复用分页代码 Python+django网页设计入门(15):公用模板设计与使用 Python+django网页设计入门(14):使 ...
Python+django网页设计入门（15）：公用模板设计与使用
前导课程: Python+django网页设计入门(14):使用中间件对抗爬虫 Python+django网页设计入门(13):表单.修改密码 Python+django网页设计入门(12):使用Bo ...
Python一亿以内的素数个数_Python+django网页设计入门（17）：模板语法及应用
前导课程: Python+django网页设计入门(16):优化设计复用分页代码 Python+django网页设计入门(15):公用模板设计与使用 Python+django网页设计入门(14):使 ...

Python笔记之Django网页模板的继承block(挖坑填坑、HTML转义)

Python笔记之Django网页模板的继承block(挖坑填坑、HTML转义)相关推荐

最新文章

热门文章