flask的继承和block

web开发过程当中往往存在很多类似页面部分，例如菜单，那么怎么实现呢？

可以采取模版化，然后继承模版下面的例子当中base.html 就是模版文件。

引用页面使用{% base.html 'base.html'%} 方式继承模版。

但是每个页面不是所有内容都相同，怎么区别处理呢？

子模版使用block，python当中是在子类当中自己定义自己的属性，但是falsk的web实现这里不是，需要在父模版base.html定义接口

目录如下：

模版base.html代码如下：


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</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: #ffffff;
        }
    </style>
</head>
<body>
    <div class="nav">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">成绩查询</a></li>
        </ul>
    </div>
    
    {% block main %}{% endblock %}
</body>
</html>

extend_block_demo.html 代码如下：


{% extends 'base.html' %}
{% block main %}
    <h1>这是首页</h1>
{% endblock %}
extend_block_login_demo.html 代码如下：

{% extends 'base.html' %}
{% block main %}
    <h1>这是登录页面</h1>
{% endblock %}

extend_block_demo.py 代码如下：

from flask import Flask, render_template
 
app = Flask(__name__)
 
 
@app.route('/extend_block_demo/')
def hello_world():
    return render_template('extend_block_demo.html')
 
 
@app.route('/login/')
def login():
    return render_template('exctend_block_login_demo.html')
 
 
if __name__ == '__main__':
    app.run(debug=True)

flask的继承和block

大大大的西西瓜

引用和评论

🔥全程不用写代码，我用 AI 程序员写了一个飞机大战

python与nodejs哪个性能高

Anaconda安装教程以及Anaconda和pip配置国内镜像

如何减少跨团队交付摩擦？——基于 DevOps 与敏捷的最佳实践

Python 描述符

科学计算编程涉及到的技术栈简介

使用 chardet 判断文件编码需要注意的坑——过大的文件会导致高耗时