蓝图

    一个蓝图定义了视图，模板，静态文件以及可以用于应用程序的其它元素的集合。例如，让我们假设下我们有一个管理面板的蓝图。这个蓝图会定义一些包含像 /admin/login 和 /admin/dashboard 路由的视图。它也可能包含服务于这些路由的模板以及静态文件。接着我们可以使用这个蓝图添加一个管理面板到我们的应用程序中，不论我们的应用程序是什么类型的。

    为什么要使用蓝图？

    蓝图“杀手级”使用场景就是把我们的应用程序组织成不同的组件。对于一个类似 Twitter 的微型博客，我们可能有一个针对网站页面的蓝图，例如，index.html 和 about.html。接着我们还有另外一个带有登录面板的蓝图，在那里我们显示了所有最新的文章，然后我们还有一个用于后台管理的面板的蓝图。网站的每一个不同的区域也能够被分成不同区域的代码来实现。这能够让我们用几个小的 “apps” 构建我们的应用程序，每一个 apps 都在做一件事情。

    Note

    请从 Flask 官方文档中 "为什么使用蓝图" 阅读更多地使用蓝图的好处（中文版位于：）。

    使用蓝图组织我们的应用程序有很多的方式。通常情况下，我们可以考虑按功能结构和分区这两种选择（功能结构和分区这两个词语我借鉴了商业上的概念）。

    按照功能结构的话，你可以通过它们所做的事情来组织你的应用程序的结构。模板在一个文件夹中，静态文件在另一个文件夹中，视图在第三个文件夹中。

    除了 yourapp/views/init.py，在上面列表中的 yourapp/views/ 文件夹中的每一个 .py 文件都是一个蓝图。在 yourapp/init.py 中我们要导入这些蓝图并且在我们的 对象中 注册 它们。我们会在本章的后面看看实现方式。

    Note

    Flask 站点：http://flask.pocoo.org 使用的就是这种结构。你自己可以到 上一睹真容。

    分区

    对于分区结构了，你可以基于它们有助于应用程序的哪一部分来组织应用程序的结构。管理面板所有的模板，视图以及静态文件都在一个文件夹中，用户控制的所有的模板，视图和静态文件在另一个文件夹中。

    1. yourapp/
    2.     __init__.py
    3.     admin/
    4.         __init__.py
    5.         views.py
    6.         static/
    7.         templates/
    8.     home/
    9.         __init__.py
    10.         views.py
    11.         static/
    12.         templates/
    13.     control_panel/
    14.         __init__.py
    15.         views.py
    16.         static/
    17.         templates/
    18.     models.py

    像上面列出的应用程序的分区结构，在 yourapp/ 中每一个文件夹都是一个单独的蓝图。所有的这些蓝图都会应用到顶层 _init.py_ 中的 Flask() 对象中。

    哪一个是最好的？

    你选择的组织结构很大程度上是一种个人决定。唯一的区别是层次结构的表示方式，因此你可以自由地决策要使用的组织结构，你可以选择一个对自己有意义的。

    如果你的应用程序大部分是独立的结构，仅仅共享着像模型和配置，分区结构就是合适的选择方式。一个例子就是让用户建立网站的 SaaS 应用程序。你可能就有蓝图分别针对主页，控制面板，用户网站，以及管理面板。这些组件可能有完全不同的静态文件和布局。如果考虑负责这个应用程序或者分拆/重构这个应用程序的话，分区结构会更加适用一些。

    另一方面，如果你的应用程序联系地更加紧密一些的话，它可能用一个功能结构呈现更加合适。一个示例就是 Facebook。如果 Facebook 使用 Flask 的话，它可能就有静态页（例如，登录-注销页，注册，关于等等），控制面板（例如，新闻源），个人主页（/robert/about 以及/robert/photos），设置（/settings/security 和/settings/privacy）等等一些蓝图。这些组件共享一个通用的布局和样式，但是每一个也会有自己的布局。下面的列表中展示了一个进行大量删减版的 Facebook 的样子，如果它是使用 Flask 构建的话。

    1. facebook/
    2.     __init__.py
    3.     templates/
    4.         layout.html
    5.         home/
    6.             layout.html
    7.             index.html
    8.             about.html
    9.             signup.html
    10.             login.html
    11.         dashboard/
    12.             layout.html
    13.             news_feed.html
    14.             welcome.html
    15.             find_friends.html
    16.         profile/
    17.             layout.html
    18.             timeline.html
    19.             about.html
    20.             photos.html
    21.             friends.html
    22.             edit.html
    23.         settings/
    24.             layout.html
    25.             privacy.html
    26.             security.html
    27.             general.html
    28.     views/
    29.         __init__.py
    30.         home.py
    31.         dashboard.py
    32.         profile.py
    33.         settings.py
    34.     static/
    35.         style.css
    36.         logo.png
    37.     models.py

    在 facebook/views/ 中的蓝图仅仅是视图的集合而不是完全独立的组件。同一的静态文件将会被大多数的蓝图的视图使用。大多数模板都会扩展一个主模板。功能结构是组织这个项目的一种好的方式。

    你如何使用它们？

    让我们看看 Facebook 示例中的其中一个蓝图的代码。

    1. # facebook/views/profile.py
    2.  
    3. from flask import Blueprint, render_template
    4.  
    5. profile = Blueprint('profile', __name__)
    6.  
    7. @profile.route('/<user_url_slug>')
    8. def timeline(user_url_slug):
    9.     # Do some stuff
    10.     return render_template('profile/timeline.html')
    11. @profile.route('/<user_url_slug>/photos')
    12. def photos(user_url_slug):
    13.     # Do some stuff
    14.     return render_template('profile/photos.html')
    15.  
    16. @profile.route('/<user_url_slug>/about')
    17. def about(user_url_slug):
    18.     # Do some stuff
    19.     return render_template('profile/about.html')

    在这个 Facebook 示例中我们使用了一个功能结构。如果我们使用分区结构的话，我们要通知 Flask 蓝图有自己的模板和静态文件夹。此块的代码大概的样子如下所示。

    1. profile = Blueprint('profile', __name__,
    2.                     template_folder='templates',
    3.                     static_folder='static')

    现在我们已经定义我们的蓝图。是时候在我们的 Flask 应用程序中注册它。

    1. # facebook/__init__.py
    2.  
    3. from flask import Flask
    4. from .views.profile import profile
    5.  
    6. app = Flask(__name__)
    7. app.register_blueprint(profile)

    现在定义在 facebook/views/profile.py 上的路由（例如，/<user_url_slug>）在应用程序上注册并且表现得像你使用 .route() 定义它们一样。

    使用动态的 URL 前缀

    继续 Facebook 例子，注意到所有的用户资料路由都是以 <userurl_slug> 开始并且把它的值传递给视图。我们希望用户们能够通过浏览像 https://facebo-ok.com/john.doe_ 类似的网址访问用户资料页。我们可以通过为所有的蓝图的路由定义一个动态的前缀来停止重复工作。

    蓝图可以让我们定义动态和静态的前缀。我们可以通知 Flask 在一个蓝图中的所有的路由都是以 /profile 为前缀的（这里的 /profile 只是一个示例），这就是一个静态的前缀。至于 Facebook 示例，前缀是基于浏览的用户资料而变化。无论他们浏览哪个用户的个人资料，我们都应该在 URL 标签中显示。这就是一个动态的前缀。

    我们可以选择在什么时候定义我们的前缀。我们可以在两个地方中的任意一个定义前缀：当我们实例化 Blueprint() 类或者当我们用 app.register_blueprint() 注册它的时候。

    1. # facebook/__init__.py
    2.  
    3. from flask import Flask
    4. from .views.profile import profile
    5.  
    6. app = Flask(__name__)
    7. app.register_blueprint(profile, url_prefix='/<user_url_slug>')

    尽管没有任何技术因素限制任何一种方法，最好是在注册的时候统一定义可用的前缀。这使得以后修改或者调整更加容易和方便些。因为这个原因，我建议在注册的时候设置 。

    我们可以在动态前缀中使用转换器，就像在 route() 调用中一样。这个也包含了我们自定义的转换器。当使用了转换器，我们可以在把前缀交给视图之前进行预处理。在这个例子中我们要基于传入到我们用户资料蓝图的 URL 中的 user_url_slug 来获取用户对象。这里我们需要使用 url_value_preprocessor() 装饰一个函数来完成这个需求。

    1. # facebook/views/profile.py
    2.  
    3. from flask import Blueprint, render_template, g
    4.  
    5. from ..models import User
    6.  
    7. # The prefix is defined on registration in facebook/__init__.py.
    8. profile = Blueprint('profile', __name__)
    9.  
    10. @profile.url_value_preprocessor
    11. def get_profile_owner(endpoint, values):
    12.     query = User.query.filter_by(url_slug=values.pop('user_url_slug'))
    13.     g.profile_owner = query.first_or_404()
    14.  
    15. @profile.route('/')
    16. def timeline():
    17.     return render_template('profile/timeline.html')
    18.  
    19. @profile.route('/photos')
    20. def photos():
    21.     return render_template('profile/photos.html')
    22.  
    23. @profile.route('/about')
    24. def about():
    25.     return render_template('profile/about.html')

    我们使用 g 对象来存储用户对象并且 g 可以在 Jinja2 模板中使用。这就意味着对于实现一个极其简单的系统的话，我们现在要做的就是在视图中渲染模板。

    1. {# facebook/templates/profile/photos.html #}
    2.  
    3. {% extends "profile/layout.html" %}
    4.  
    5. {% for photo in g.profile_owner.photos.all() %}
    6.     <img src="{{ photo.source_url }}" alt="{{ photo.alt_text }}" />
    7. {% endfor %}

    Note

    • Flask 官方文档中有一篇关于使用前缀为国际化你的 URLs 的 。

      使用动态的子域（subdomain）

    许多 SaaS（软件即服务）的应用程序目前提供用户一个子域，用户可以使用这个子域来访问他们的软件。例如，Harvest 是一个时间追踪管理应用程序，它允许你从 yourname.harvestapp.com 访问你的控制面板。这里我将向你展示如何使用 Flask 处理像 Harvest 一样自动生成的子域。

    对于这一部分，我们将要使用允许用户创建他们自己的网站的应用程序示例。假设我们的应用程序有三个蓝图，它们分别用于用户登录的主页，用户构建他们的网站的用户管理面板以及用户的网站。由于这三部分是不相关的，我们用分区结构来组织结构。

    1. sitemaker/
    2.     __init__.py
    3.     home/
    4.         __init__.py
    5.         views.py
    6.         templates/
    7.             home/
    8.         static/
    9.             home/
    10.     dash/
    11.         __init__.py
    12.         views.py
    13.         templates/
    14.             dash/
    15.         static/
    16.             dash/
    17.     site/
    18.         __init__.py
    19.         views.py
    20.         templates/
    21.             site/
    22.             site/
    23.     models.py

    下面的表格展示了本应用程序中所有的蓝图。

    我们可以用定义我们 URL 前缀同样的方式来定义我们的动态子域。两个选择：在蓝图文件夹或者在顶层的 _init.py 中都是可用的，但是我们坚持再一次把它定义在 sitemaker/_init.py 中。

    1. # sitemaker/__init__.py
    2.  
    3. from flask import Flask
    4. from .site import site
    5.  
    6. app = Flask(__name__)
    7. app.register_blueprint(site, subdomain='<site_subdomain>')

    因为我们使用了分层结构，我们会在 sitema-ker/site/init.py 中定义蓝图。

    现在我们从数据库中获取了站点信息，我们将会把用户的站点展示给正在请求他们子域的访问者。

    为了让 Flask 能和子域一起工作，我们将需要指定 SERVER_NAME 配置变量。

    1. # config.py
    2.  
    3. SERVER_NAME = 'sitemaker.com'

    Note

    几分钟以前，当我正在起草这一章节的时候，有人在 IRC 说他们的子域在开发环境上工作正常，但是在生产环境上不正常。我问他们是否已经配置 ，事实证明他们在开发环境上设置但是没有在生产环境上配置。在生产环境上设置了 SERVER_NAME 解决他们的问题。

    我觉得这是足够巧合的，并且值得列入本节。

    Note

    你可以同时设置一个子域和前缀。这里大家可以考虑考虑如何配置它们。

    我们将会介绍把一个应用程序重构成使用蓝图的步骤。我们选择一个很典型的 Flask 应用程序并且重构它。

    1. config.txt
    2. requirements.txt
    3. run.py
    4. U2FtIEJsYWNr/
    5.   __init__.py
    6.   views.py
    7.   models.py
    8.   templates/
    9.   static/
    10. tests/

    views.py 文件已经增长到 10,000 行的代码！我们一直在拖延重构它的时间，但是现在是时候重构。views.py 文件包含我们网站每一部分的视图。这些部分分别是主页，用户控制面板，管理控制面板，API 和公司的博客。

    这个应用是有完全不同的部分组成。例如，用户控制面板和公司博客之间的模板和静态文件是完全不共享的。我们将选择分区结构。

    步骤 2：移动一些文件

    Warning

    在你对你的应用程序做出任何改变之前，都应该提交到版本控制中。你也不想不小心删除一些东西吧。

    下一步我们将继续前进，并且为我们新的应用程序创建目录树。我们可以在一个包目录里为每一个蓝图创建一个文件夹。接着我们将完整地复制 views.py，static/ 和 templates/ 到每个蓝图目录。最后，我们可以从顶层包目录中删除它们（views.py，static/ 和 templates/）。

    1. config.txt
    2. requirements.txt
    3. run.py
    4. U2FtIEJsYWNr/
    5.   __init__.py
    6.   home/
    7.     views.py
    8.     static/
    9.     templates/
    10.   dash/
    11.     views.py
    12.     static/
    13.     templates/
    14.   admin/
    15.     views.py
    16.     static/
    17.     templates/
    18.   api/
    19.     views.py
    20.     static/
    21.     templates/
    22.   blog/
    23.     views.py
    24.     static/
    25.     templates/
    26.   models.py
    27. tests/
    ### 步骤 3：废话少说 现在我们可以到每一个蓝图目录中去删除那些不属于该蓝图的视图，静态文件和模板。你如何做这一步很大程度上取决你的应用程序是如何组织结构的。 最终的结果就是每一个蓝图只有一个 _views.py_ 文件，并且 _views.py_ 文件内的函数只适用于本蓝图。没有两个蓝图会为同一个路由定义一个视图。每一个 _templates/_ 目录只包含在本蓝图的视图中使用的模板。每一个 _static/_ 目录应该只包含有本蓝图使用的静态文件。 Note 特别地注意：需要减少所有不必要的导入。这是很容易忘记的事情，最乐观的情况下它只会让你的代码显得有些混论，但是最差情况下，它们拖慢你的应用程序。 ### 步骤 4：蓝图 这是我们把我们的目录转变成为蓝图的关键一步。关键就是在 ___init__.py_ 文件。首先，我们看看 API 蓝图的定义。 
    1. # U2FtIEJsYWNr/api/__init__.py
    2.  
    3. from flask import Blueprint
    4.  
    5. api = Blueprint(
    6.     'site',
    7.     __name__,
    8.     template_folder='templates',
    9.     static_folder='static'
    10. )
    11.  
    12. import .views

    接下来我们在 U2FtIEJsYWNr 包顶层 _init.py_ 文件里注册这个蓝图。

    1. # U2FtIEJsYWNr/__init__.py
    2.  
    3. from flask import Flask
    4. from .api import api
    5.  
    6. app = Flask(__name__)
    7.  
    8. # Puts the API blueprint on api.U2FtIEJsYWNr.com.
    9. app.register_blueprint(api, subdomain='api')

    确保路由是注册到蓝图上而不是应用程序（app）对象上。

    1. # U2FtIEJsYWNr/api/views.py
    2. from . import api
    3. @api.route('/search')
      def search():
          pass

    步骤 5：享受

    现在我们应用程序比起它原来一个庞大的 views.py 文件已经是大大地模块化了。路由的定义十分简单，因为我们可以在每一个蓝图里面单独定义并且可以为每个蓝图像子域和 URL 前缀一样配置。

    摘要

    • 一个蓝图定义了视图，模板，静态文件以及可以用于应用程序的其它元素的集合。
    • 蓝图是组织你的应用程序的一种很好的方式。
    • 在分区结构中，每一个蓝图是一个视图，模板，静态文件的集合，它们构成了应用程序的一部分。
    • 在功能结构中，每一个蓝图只是视图的集合。所有的模板放在一起，静态文件也一样。
    • 要使用一个蓝图，你首先需要定义它，接着通过调用 Flask.register_blueprint() 来注册它。
    • 你可以定义一个动态的 URL 前缀，它能够用于在一个蓝图里所有的路由。
    • 你也可以定义一个动态的子域，它能够用于一个蓝图里所有的路由。