フラスク - 86日 - オンラインでPythonを学ぶ100日

レコード#

最近の 2 週間は調子が悪く、多忙で学習計画が大幅に遅れてしまいました。今日から取り戻します！
今日の練習は、個人用のブログページを作成し、ログイン機能と投稿機能を備えたものです。
この練習でいくつかの問題が発生しました：
1. リダイレクトの際には return を使用します。
2. データをデータベースに保存する際、値が "" の場合、引用符で囲まれているため、文字列として保存されます。したがって、JSON 形式で保存する際には、外側に引用符があってはいけません。
3. ループや if の後のコードのインデントは正しく行う必要があります。for ループの理解を強化する必要があります。

CODE#

main.py#

from flask import Flask, request, redirect, session
from replit import db
import os
from datetime import datetime

app = Flask(__name__)
app.secret_key = os.environ['sission_key']


@app.route('/', methods=['GET'])
def index():
    #db['user'] = {'name': 'reno', 'pass': '123'}
    if session.get('name'):
        text1 = ""
        f = open("index.html", "r")
        page = f.read()
        f.close()
        for key in db.keys():
            if key and key != "user":
                name = db[key]
                text = f"""
                </hr>
                <h2>{name["title"]}</h2>
                <p>{key}</p>
                <p>{name["text"]}</p>
                """
                text1 += text
        page = page.replace("{text}", text1)
        return page
    else:
        return redirect('/log')


@app.route('/', methods=["POST"])
def submit():
    text = request.form
    ttime = datetime.now()
    title = text["title"]
    text = text["text"]
    db[ttime] = {"title": title, "text": text}
    return redirect('/')


@app.route('/log1')
def log1():
    return f"page{session.get('name')}"


@app.route('/log')
def log():
    f = open("login.html", "r")
    page = f.read()
    f.close()

    return page


@app.route('/login', methods=["POST"])
def login():
    user = request.form
    vuser = db['user']
    if vuser['name'] == user["name"] and vuser['pass'] == user["pass"]:
        session["name"] = vuser['name']
        print("--")
        print(session.get('name'))
        print("--")
        return redirect("/")
    else:
        return "NAME OR PASS ERROR!"


app.run(host='0.0.0.0', port=81)

index.html#

<html>
  <head>
    <title>私のブログ</title>
  </head>
  <body>
    <h1>私のブログ</h1>
    <hr />
    <form method="post" action="/">
      <p>タイトル: <input type="text" name="title"></p>
      <p>テキスト: <input type="text" name="text"></p>
     <button>送信</button>
    </form>
     <p>{text}</p>
  </body>
</html>

login.html#

<form method="post" action="/login">
  <p>名前: <input name="name" type="text" ></p>
  <p>パスワード: <input name="pass" type="text" ></p>
  <p><button name="submit" value="submit">送信</button></p>
</form>