前面网站实践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中做了一个结构，在子模板中按照这个结构填内容。
这个自己测试一下就行了，我只记录一下方法，没有保存到项目中，意思就是没有测试。
扫一扫
1744
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
