[05] [Flask 快速上手笔记] 04. HTTP 方法x静态文件x渲染模板

HTTP 方法

在预设情况下 Flask 路由的 HTTP 方法只允许 GET
可以透过route()装器的methods参数来处理不同的 HTTP 方法

from flask import request

@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        return do_the_login()
    else:
        return show_the_login_form()

静态档案

如果你有静态档案，例如 CSS 或是 JavaScript 档案
虽然我只打算写个只回 JSON 格式的纯後端 API，但是因为这是 Flask 的功能还是提一下

只要在专案下建立一个叫做static的资料夹
就可以使用「static」建立生成 URL

url_for('static', filename='style.css')

於是就会产生一个连接到专案中static/style.css的网址

渲染模板

在 python 产生 HTML 并不好玩，不像 PHP
所以 Flask 自动配置了 Jinja 模板引擎，跟 Laravel 的Blade 有 87% 像

可以使用render_template()来根据「模板名称」和「需要的参数」渲染模板

from flask import render_template

@app.route('/hello/')
@app.route('/hello/<name>')
def hello(name=None):
    return render_template('hello.html', name=name)

接着 Flask 会在主程序同阶层的templates资料夹里面寻找模板
资料夹结构会像底下这样

/application.py
/templates
    /hello.html

而模板档案内容会长得像底下这样
templates/hello.html

<title>Hello from Flask</title>
{% if name %}
  <h1>Hello {{ name }}!</h1>
{% else %}
  <h1>Hello, World!</h1>
{% endif %}

接着启动 Flask 服务看看画面，的确是依照我们设定的路由规则渲染了模板

更多使用方式可以参考：Jinja 模板文件

重复使用模板元件

可以在文件的：模板继承找到使用方法
基本上还是跟 Laravel 的 blade 很像

首先在 templates 资料夹中建立共用模板 layout.html

<!doctype html>
<html>
  <head>
    {% block head %}
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
    <title>{% block title %}{% endblock %} - My Webpage</title>
    {% endblock %}
  </head>
  <body>
    <div id="content">{% block content %}{% endblock %}</div>
    <div id="footer">
      {% block footer %}
      &copy; Copyright 2021 by <a href="https://tech.ray247k.com/">ray247k</a>.
      {% endblock %}
    </div>
  </body>
</html>

再把刚刚的 hello.html 内容改成

{% extends "layout.html" %}
{% block title %}Index{% endblock %}
{% block head %}
  {{ super() }}
  <style type="text/css">
    .important { color: #336699; }
  </style>
{% endblock %}
{% block content %}
  <h1>Index</h1>
  <p class="important">
    Welcome on my awesome homepage.
{% endblock %}

测试执行结果