大阪市中央区 システムソフトウェア開発会社

営業時間:平日09:15〜18:15
MENU

ラズパイデスクトップでFlask入門(9)Static Files

著者:國松亜紗子
公開日:2020/02/22
最終更新日:2020/02/22
カテゴリー:技術情報

こんばんは。國松です。
今回はflaskrの見た目を少しよくしていきます。

参考サイト
Welcome to Flask (英語版)
Flaskへようこそ (日本語版)

認証ビューとテンプレートは機能しますが見た目がシンプル過ぎるのでHITMLにCSSを追加してちょっと見た目をよくしていきます。
元のスタイルは変更されないためテンプレートではなく静的ファイルです。

base.htmlテンプレートには既にstyle.cssファイルへのリンクがあります。
{{url_for( ‘static’、filename = ‘style.css’)}}

flaskrディレクトリにstaticディレクトリを作成しその中にstyle.cssを作成していきます。

cssファイルを保存出来たら127.0.0.1:5000/auth/loginにアクセスしてみてください。

以下の様に表示されればOKです。うまく表示されない場合はブラウザのキャッシュを削除してみてください。

少し見た目がよくなりました。registerも同様になっています。
今回はここまでにしたいと思います。

 

 

 

    上に戻る