プログラミング学習

【Python】Flaskで掲示板を作ってみよう①

投稿日:

前回「Flask」の動作を確認することができたので「掲示板」の作成をやっていきたいと思います。
今回は「index.html」を表示させるところまでいきたいと思います。

前回の記事はこちら

Flaskで掲示板を作ってみよう

掲示板のベース「index.html」は「PHP」で掲示板を作ってみた際のものを使います。

.htmlを入れるフォルダを作ろう

前回作成した「Flask」フォルダの中に「templates」という名前でフォルダを作ります。

その中に「Text File」を作ってあげましょう。

ベース(index.html)を作ろう

MessageBoard

掲示板


コメント欄

デザインは上のようなものになります。

<!DOCTYPE html>
<html lang="ja">
 <head>   
   <meta charset="UTF-8">  
   <title>MessageBoard</title>
 </head>
 <body>
   <h2>掲示板</h2>
     <form action="" method="post">
       <label>コメント<input type="text" size="50" name="post_message"></label><br>
       <input type=submit value=投稿する>
     </form>
    <h2>コメント欄</h2>
 </body>
 </html>

コードはこちら。
「Text File」の中にこのコードを貼り付けます。

貼り付けたら「Rename」で「index.html」と名前を変えます。
「Save」して閉じましょう。

.pyファイルを作ろう

では「index.html」を表示させるための「.pyファイル」を作っていきます。

import flask

app = flask.Flask(__name__)
    
@app.route("/")
def bbs():
    message = "Hello"
    return flask.render_template("index.html", message = message)

if __name__ == "__main__":
    app.run(debug=True)

コードはこちら。

前回作成した「hello.py」の中身を変えて、「bbs.py」としました。

実行してみよう

「Jupyter Notebook」で「.pyファイル」を実行するには
「%run」と記述するんでしたよね。

では、実行します。

サーバーにアクセスしてみよう

http://localhost:5000/にアクセスして確認します。

しっかり動作していますね。

まとめ

掲示板のベースを表示するところまできました。
次は、実際に投稿できるようなものにしていきたいと思います。
データベースについても触れていきたいですね。
それではまた。

-プログラミング学習

執筆者:


  1. […] 【Python】Flaskで掲示板を作ってみよう① […]

  2. […] 【Python】Flaskで掲示板を作ってみよう① […]

  3. […] 【Python】Flaskで掲示板を作ってみよう① 【Python】Flaskで掲示板を作ってみよう② (adsbygoogle = window.adsbygoogle || []).push({}); […]

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【Python】セルに値を入力してみよう

今回は「openpyxl」を使って、セルに値を入力してみたいと思います。「openpyxl」について、「Excelファイルの読み込み方法」は、以前の記事をご覧ください。 openpyxlでセルに値を入 …

【Python】CSVファイルを読み込んでみよう

前回、「matplotlib」を使ってグラフの作り方を学びました。今回は、「CSVファイル」を読み込んで、表示させたいと思います。 「CSVファイル」についての記事はこちら。 CSVファイルってなんだ …

【Python】Flaskで掲示板を作ってみよう②

「Flaskで掲示板を作ってみよう①」から、間が空きましたが続きを書いていきたいと思います。今回は、実際に動作したコードを紹介します。 前回の記事はこちら 【Python】Flaskで掲示板を作ってみ …

【Python】データベースを使ってみよう

前回「データベース」を操作するための言語が「SQL」だということを学びました。今回は「python」のライブラリにある「SQLite」を使って「データベース」を実際に触ってみたいと思います。 Pyth …

【Python】VBAをPythonで再現してみる②

前回に引き続き「VBA」の動きを「Python」で再現していきます。今回は、セルの値を「繰り返し」取得して行きたいと思います。 セルの値を繰り返し取得しよう 前回はセルの値を取得し、メッセージボックス …