12.發(fā)布問答界面設(shè)計及before_request鉤子函數(shù)

Tony 發(fā)布于2019-07-30 15:27 / 2987人閱讀

摘要：我們現(xiàn)在開始設(shè)計發(fā)布問答的界面與功能現(xiàn)在點擊它還是沒有反應(yīng)的，我們要設(shè)計一個問答界面的，然后把發(fā)布問答鏈接過去。

我們現(xiàn)在開始設(shè)計發(fā)布問答的界面與功能：

現(xiàn)在點擊它還是沒有反應(yīng)的，我們要設(shè)計一個問答界面的html，然后把發(fā)布問答鏈接過去。
首先編寫一個視圖函數(shù)如下：

@app.route("/question/")
def question():
    return render_template("question.html")

在base.html中為發(fā)布問答添加鏈接：

發(fā)布問答

問答頁面的html首先也要繼承導(dǎo)航條，然后主要界面設(shè)計如下：

這里還是利用css加Bootstrap樣式完成的，問題描述區(qū)域是一個textarea，就不演示代碼了，我個人的經(jīng)驗是，對于html的排版，要理解盒子模型，借助border來查看元素的邊框，去看看margin和padding的寬度，排版好了之后把邊框去掉。
接下來是內(nèi)容的提交，為視圖函數(shù)提交POST方法，并把提交的內(nèi)容寫入數(shù)據(jù)庫，修改question視圖函數(shù)，如下：

@app.route("/question/", methods=["GET", "POST"])
def question():
    if request.method == "GET":
        return render_template("question.html")
    else:
        question_title = request.form.get("question_title")
        question_desc = request.form.get("question_desc")
        author_id = Users.query.filter(Users.username == session.get("username")).first().id
        new_question = Questions(title=question_title, content=question_desc, author_id=author_id)
        db.session.add(new_question)
        db.session.commit()
        return redirect(url_for("home"))

這里其實與用戶注冊的原理是一致的，此時已經(jīng)能把填寫的問題內(nèi)容保存到數(shù)據(jù)庫了。需要注意的就是，新建一個question對象時，不僅需要title和content，還需要帶上question對應(yīng)的author_id，因為當(dāng)初創(chuàng)建模型時這就是個非空字段。
代碼中我們直接用session中的username去Users模型中檢索，來得到author_id，看著很麻煩，而且在很多視圖函數(shù)中，我們都需要用到當(dāng)前登錄用戶的信息，因此可以使用@app.before_request這個鉤子函數(shù)，看其名字就很好理解，是在request之前會自動運行的，我們在每次請求之前（或者說每次運行視圖函數(shù)之前），都通過鉤子函數(shù)來得到當(dāng)期登錄用戶的User對象（而不是僅僅是session中的username），然后在需要的地方使用它，代碼如下：

@app.before_request
def my_before_request():
    username = session.get("username")
    if username:
        g.user = Users.query.filter(Users.username == username).first()

這個鉤子函數(shù)，從session中獲取當(dāng)前登陸的username，如果獲取到了，再去檢索Users模型，把返回的user對象存入到g對象中，在視圖函數(shù)中我們就可以直接使用這個user對象的id/register_time等字段了。此時前面的視圖函數(shù)中的

author_id = Users.query.filter(Users.username == session.get("username")).first().id

可以修改成

author_id = g.user.id

此外，發(fā)布問題也需要用戶先登錄才可以，如果用戶未登錄，@app.before_request無法獲取到session中的username，此時g對象就沒有user這個屬性，因此我們再次把question視圖修改如下：

@app.route("/question/", methods=["GET", "POST"])
def question():
    if request.method == "GET":
        return render_template("question.html")
    else:
        if hasattr(g, "user"):
            question_title = request.form.get("question_title")
            question_desc = request.form.get("question_desc")
            author_id = g.user.id
            new_question = Questions(title=question_title, content=question_desc, author_id=author_id)
            db.session.add(new_question)
            db.session.commit()
            return redirect(url_for("home"))
        else:
            flash("請先登錄")
            return redirect(url_for("login"))

如果提交的時候未登錄，則跳轉(zhuǎn)到登陸頁面，并且flash"請先登錄"的提示。其實也可以直接在get方法的時候就直接跳轉(zhuǎn)，避免用戶寫完了內(nèi)容，又發(fā)現(xiàn)未登錄，頁面跳轉(zhuǎn)導(dǎo)致內(nèi)容丟失。我們先把框架搭起來，以后再逐步完善細節(jié)。

再注意到我們之前寫的@app.context_processor上下文管理器，也是從session中取對象的，此時我們可以直接借用鉤子函數(shù)中的數(shù)據(jù)里，因此將其改寫如下：

@app.context_processor
def my_context_processor():
    if hasattr(g, "user"):
        return {"login_user": g.user}
    return {}

我們之前說過因為g對象不能跨請求使用，因此在上下文管理器中用的是session，為什么這里又用了g對象呢？原因是現(xiàn)在有了鉤子函數(shù)，每次請求都會執(zhí)行鉤子函數(shù)，向g對象中寫入user，所以上下文管理器一直都能從g對象中取到user，不管這個g對象是屬于哪次請求的。