3.1.7 Python 中的页面模版继承

左手的ㄟ右手 2022-05-26 02:12 148阅读 0赞

前面网站实践4中，已经介绍过模版了，仔细观察一下会发现2个页面有很多重复的功能，这样我们就能使用继承来实现重复功能的复用。

在Tornado的模板中，是可以使用继承的。

先建立一个基础页面模版templates/ base.html页面

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1" />

<title>Learning Python</title>

</head>

<body>

<header>

\{% block header %\}\{% end %\}

</header>

<content>

\{% block body %\}\{% end %\}

</content>

<script src="\{ \{static\_url("js/jquery.min.js")\}\}"></script>

<script src="\{ \{static\_url("js/script.js")\}\}"></script>

</body>

</html>

接下来就以base.html为父模板，依次改写index.html页面和user.html页面。

index.html改写内容如下：

\{% extends "base.html" %\}

\{% block header %\}

<h2>登录页面</h2>

<p>欢迎使用\{ \{user\}\}用户登陆</p>

\{% end %\}

\{% block body %\}

<form method="POST">

<p><span>用户名:</span><input type="text" id="username"/></p>

<p><span>密 码:</span><input type="password" id="password" /></p>

<p><input type="button" value="login" id="login" /></p>

</form>

\{% end %\}

user.html的代码如下：

\{% extends "base.html" %\}

\{% block header %\}

<h2>你的登陆用户信息:</h2>

\{% end %\}

\{% block body %\}

<ul>

\{% for one in users %\}

<li>登录名:\{ \{one\[1\]\}\}</li>

<li>密 码:\{ \{one\[2\]\}\}</li>

<li>邮 箱:\{ \{one\[3\]\}\}</li>

\{% end %\}

</ul>

\{% end %\}

以上代码已经没有以前重复的部分了。“\{%extends"base.html"%\}”意味着以base.html为父模板。在base.html中规定了形式如同“\{%block header%\}\{%end%\}”这样的块语句，在index.html和user.html中，分别对块语句中的内容进行了重写（或者说是填充）。这就相当于在base.html中做了一个结构，在子模板中按照这个结构填内容。

这个自己测试一下就行了，我只记录一下方法，没有保存到项目中，意思就是没有测试。

发表评论取消回复

表情：

评论列表（有 0 条评论，148人围观）

还没有评论，来说两句吧...

相关阅读

相关 Python中的继承是什么？

在Python中，继承是面向对象编程的一个重要概念，它允许一个类（称为子类或派生类）继承另一个类（称为父类或基类）的属性和方法。继承使得子类可以重用父类的代码，并且可以在不修改

小灰灰/ 2024年03月17日 23:53/ 0 赞/ 94 阅读

相关 python3面向对象--python3中类的继承之多继承

Python3的多继承：继承是面向对象编程语言的一大特性，python也支持继承，而且支持多继承。所谓多继承，简单来说，就是一个类的基类可以有多个。我们知道，在C++中，是

男娘i/ 2022年11月13日 13:24/ 0 赞/ 296 阅读

相关 317-STL的迭代器(2)

STL的迭代器(2) 1、继续学习STL的<iterator.h> 注意：我们可以向上兼容！调动如下图所示![在这里插入图片描述][watermark_type_Z

小鱼儿/ 2022年10月15日 00:41/ 0 赞/ 202 阅读

相关 9. Smarty3:模版继承

-------------------- > 有好多网站各个页面都采用相同的风格，但是如果每个页面都是独立地去开发模版，工作量会比较大，即使采用“复制”去修改局部的方式也不是

今天药忘吃喽~/ 2022年07月25日 17:00/ 0 赞/ 170 阅读

相关 python 中类的继承

python 中的类可以继承父类这是众所周知的。突然发现遇到一个问题，如果父类和子类都含有某个方法，是采用什么掉用方式呢，我想的是会调用之类方法，如果不存在，则调用父类方法

Bertha 。/ 2022年06月12日 14:58/ 0 赞/ 224 阅读

相关 3.1.7 Python 中的页面模版继承

前面网站实践4中，已经介绍过模版了，仔细观察一下会发现2个页面有很多重复的功能，这样我们就能使用继承来实现重复功能的复用。在Tornado的模板中，是可以使用继承的。先

左手的ㄟ右手/ 2022年05月26日 02:12/ 0 赞/ 149 阅读

相关 Python中类的继承

文章目录 Python中类的继承继承继承中的访问控制方法的重写、覆盖override 继承时使用的初始化

痛定思痛。/ 2022年01月30日 12:29/ 0 赞/ 355 阅读

相关 Python中类的多继承

文章目录 Python中类的多继承多继承 Python多继承实现多继承的缺点 Mixin

骑猪看日落/ 2022年01月29日 10:07/ 0 赞/ 380 阅读

相关 python中的类与继承

Class 类的定义以及实例的建立 Python中，类通过 class 关键字定义。例如最简单的一个类定义可以为： class Person(obje

淡淡的烟草味﹌/ 2021年12月03日 13:17/ 0 赞/ 457 阅读

相关精选的11套后台登录页面和管理页面模版

多年收藏的一些干货分享下，希望大伙喜欢精选的11套后台登录页面和管理页面模版 ![在这里插入图片描述][20200616221443614.gif] ![在

青旅半醒/ 2021年07月16日 19:12/ 0 赞/ 387 阅读