Flaskのテンプレートでurl_forを用いてリンク作成、画像表示を行う。

Contents

url_forを利用して、リンクを作成して画面遷移する

url_forは、エンドポイントから、そのURLを生成する関数で、テンプレート上でaタグでリンクを作成したり画像を表示する場合などに用いられる。

・関数名を指定してそのviewに遷移する

・テンプレート上で画像を表示する

では、以下に具体例を記述する。

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/') # http://○○○/の場合に実行される
def index():
return render_template('index.html')

@app.route('/user') # http://○○○/userの場合に実行される
def user():
return render_template('user.html')

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

<p>USERページ</p>
<a href="{{ url_for('index') }}">Index Page</a> 

<p>INDEXページ</p>

以下のように各フォルダ、ファイルを配置する。

次に、画面上のIndex Pageをクリックすると、index関数が実行されて、index.htmlが表示される。

url_forでは、引数を取った関数を実行することもできる。
それには、

url_for('add', variable=foo)

として、カンマ(,)で区切って変数を指定する。
例えば、以下のように記述する。

<p>USERページ</p>
<a href="{{ url_for('index', msg='hello') }}">Index Page</a>


次に、views.pyのindex関数の定義で、msgを引数に取るようにする

@app.route('/index/<string:msg>')
def index(msg):
return render_template('index.html', msg=msg)

url_forを用いて、画像や、css, javascriptなどと言った静的コンテンツを読み込むこともできる。
利用する際には、url_forの第一引数にはstaticにする。
デフォルトで、staticフォルダ内のファイルを見る