Flask_学习笔记_09: Flask中的继承

今天来学习一个新知识点:Flask中的继承。其实在Python当中也有继承,定义一个类(父类),在另外一个类(子类)中继承父类的方法或者属性,也可以重写父类的方法或者属性。
类似的,Flask当中也有继承,这个继承主要是网页template的继承,一般不同情况下,一个网站下面所有子页面的导航栏和底部信息应该是同一个风格的,具体子页面的内容应该是不同的,如果导航栏在home页面有了,其它子页面也要用到相同的导航栏,是不是相同的代码也要在子页面中再写一遍?Flask中提供了一种继承的方式来实现代码复用,大大节省了开发时间。

举个例子吧,一个首页,一个登录页面。

from flask import Flask, render_template
import config

app = Flask(__name__)

@app.route('/')
def hello_world():
    return render_template('index.html')

@app.route('/login/')
def login():
    return render_template('login.html')

if __name__ == '__main__':
    app.run()

base.html代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <style>
        .nav{
            background: #3a3a3a;
            height: 65px;
        }
        ul{
            overflow: hidden;
        }
        ul li{
            float: left;
            list-style: none;
            padding: 0 10px;
            line-height: 65px;
        }
        ul li a{
            color: white;
        }
    </style>
</head>
<body>
  <div class="nav">
      <ul>
          <li><a href="#">首页</a></li>
          <li><a href="#">新建帖子</a></li>
      </ul>
  </div>
{% block content %}

{% endblock %}
</body>
</html>

首页代码:

{% extends 'base.html' %}
{% block title %}
首页
{% endblock %}
{% block content %}
  <h1>这是首页</h1>
{% endblock %}

登录页面代码:

{% extends 'base.html' %}
{% block title %}
登录
{% endblock %}
{% block content %}
<h1>登录页面</h1>
{% endblock %}

猜你喜欢

转载自blog.51cto.com/jiaszwx/2326204