新建index.html页面

    
    



我是首页

对应的视图

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

新建基础的模板base.html页面

    
    




    

        首页
    
    

        控制
    
    

        关于我
    



{% block body %}{% endblock %}

下面改造替换页面的html

    



{% extends 'base.html' %}
{% block title %}

    关于我
{% endblock %}
{% block body %}
	
    
这里是名字{{ username|length }}
    
{{ books|join('//') }}
{% endblock %}

其他页面依照此页面改造

静态文件的加载
1.在static目录下新增css文件夹，用于存放js和css样式

2.在base.html为css样式替换模板增加位置

{% block head %}{% endblock %}

3.修改index首页的代码，可以正常加载css的样式

{% extends 'base.html' %}
{% block title %}
    首页
{% endblock %}
{% block head %}
    
{% endblock %}
{% block body %}
    
我是首页
{% endblock %}

蓝图使用指南，为了方便管理多个app的项目，使用蓝图更加清晰明了。

在根目录新增apps文件夹导入Blueprint模块，并实例化

from flask import Blueprint

# url_prefix
# 传入参数，url地址的前缀在这里设置
bp = Blueprint('name', __name__, url_prefix='/name')

@bp.route('/list')
def name_list():
    return '姓名列表'

在app.py中加载新建的蓝图项目

from apps.user import bp as userbp
app.register_blueprint(userbp)

此时访问对应的目录地址：/name/list即可成功