Question

晚安，

我目前正在尝试使用Python和Flask开发一个网站。我发现了一些已证明有用的资源，但是，在为网站创建登录时，我遇到了障碍。

我有硬编码逻辑来验证用户，如果成功将它们重定向到另一个页面（仪表板），如果不成功，则提示用户再次尝试登录。出于某种原因，当我在网站上测试逻辑时，这些都不会发生。

正如您所看到的，我创建了一个style.css文件，但我很想知道是否有更好的方法可以使用Bootstrap实现相同的结果，我打算将其用于网站的其余部分。我不确定是否有最佳实践将此文件中的样式集成到引导框架中。

此外，我一直在尝试使用闪存功能来显示用于测试目的的用户名和密码，但是，无法使其正常工作。

非常感谢任何帮助或见解。

的login.html

<link rel="stylesheet" href="/static/css/style.css" type="text/css">
{% block body %}
{% if session['logged_in'] %}
<p>You're logged in already!</p>
{% else %}


<form action="/login" method="POST">
    <div class="login">
        <div class="login-screen">
            <div class="app-title">
                <h1>Login</h1>
            </div>

            <div class="login-form">
                <div class="control-group">
                    <input type="text" class="login-field" value="" placeholder="email address" name="email" value="{{request.form.email}}">
                        <label class="login-field-icon fui-user" for="login-name"></label>
                </div>

                <div class="control-group">
                    <input type="password" class="login-field" value="" placeholder="password" name="password" value="{{request.form.password}}">
                        <label class="login-field-icon fui-lock" for="login-pass"></label>
                </div>

                <input type="submit" value="Log in" class="btn btn-primary btn-large btn-block" >
                    <br>
            </div>
        </div>
    </div>
</form>

<p> {{error}} </p>

{% endif %}
{% endblock %}

__初始化__。PY

from flask import Flask, flash, redirect, render_template, request, session, abort, url_for
import os

app = Flask(__name__)

@app.route('/')
def home():
    if not session.get('logged_in'):
        return render_template('login.html')
    else:
        return redirect(url_for('dashboard'))

@app.route('/dashboard/')
def dashboard():
    return  ("dashboard.html")

@app.route('/login/', methods=['GET','POST'])
def do_admin_login():

    error = ''
    try:
        if request.method == "POST":
            attempted_email = request.form['email']
            attempted_password = request.form['password']

            flash(attempted_email)
            flash(attempted_password)

            if attempted_password == 'password' and attempted_email == 'admin':
                return redirect(url_for('dashboard'))
            else:
                error = "Invalid credentials. Please try again"

        return render_template(login.html, error = error)

    except Exception as e:
            return render_template("login.html", error = error)

@app.route("/logout/")
def logout():
    session['logged_in'] = False
    return home()


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

的style.css

* {
    box-sizing: border-box;
}

*:focus {
    outline: none;
}
body {
    font-family: Arial;
    background-color: #D3600A;
    padding: 50px;
}
.login {
    margin: 20px auto;
    width: 300px;
}
.login-screen {
    background-color: #FFF;
    padding: 20px;
    border-radius: 5px
}

.app-title {
    text-align: center;
    color: #777;
}

.login-form {
    text-align: center;
}
.control-group {
    margin-bottom: 10px;
}

input {
    text-align: center;
    background-color: #ECF0F1;
    border: 2px solid transparent;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 200;
    padding: 10px 0;
    width: 250px;
    transition: border .5s;
}

input:focus {
    border: 2px solid #D3600A;
    box-shadow: none;
}

.btn {
    border: 2px solid transparent;
    background: #D3600A;
    color: #ffffff;
    font-size: 16px;
    line-height: 25px;
    padding: 10px 0;
    text-decoration: none;
    text-shadow: none;
    border-radius: 3px;
    box-shadow: none;
    transition: 0.25s;
    display: block;
    width: 250px;
    margin: 0 auto;
}

.btn:hover {
    background-color: #2980B9;
}

.login-link {
    font-size: 12px;
    color: #444;
    display: block;
    margin-top: 12px;
}

Answer 1

我有硬编码逻辑来验证用户以及是否成功如果用户不成功，则将它们重定向到另一个页面（仪表板）提示尝试再次登录。出于某种原因，这些都不是当我在网站上测试逻辑时会发生一些事情。

问题可能在你的缩进中：

def do_admin_login（）：

error = ''
try:
    if request.method == "POST":
        attempted_email = request.form['email']
        attempted_password = request.form['password']

        flash(attempted_email)
        flash(attempted_password)

        if attempted_password == 'password' and attempted_email == 'admin':
            return redirect(url_for('dashboard'))
        else:
            error = "Invalid credentials. Please try again"
            return render_template('login.html', error = error)

   return render_template('login.html')

except Exception as e:
        return render_template("login.html", error = error)

第一个return render_template是出现错误时。第二个返回是请求是GET的时候。 请注意，您必须在render_template

中引用模板

此外，我一直在尝试使用闪存功能显示用于测试目的的用户名和密码无法让这个工作。

据我所知，您应该将字符串传递给flash 像这样：`flash（'你已登录'）

正如您所看到的，我创建了一个style.css文件，但我会这样做有兴趣知道是否有更好的方法来实现同样的目标使用Bootstrap的结果，我打算用于其余部分现场。我不确定是否有最佳实践来整合这个文件中的样式进入bootstrap框架。

您可以使用flask bootstrap

还有：

def dashboard():
    return  ("dashboard.html")

应该是：

def dashboard():
    return render_template("dashboard.html")

如需闪烁信息，请在返回前尝试这样做。

if attempted_password == 'password' and attempted_email == 'admin':
                flash(attempted_password)
                flash(attempted_email)
                return redirect(url_for('dashboard'))
            else:
                error = "Invalid credentials. Please try again"
                return render_template(login.html, error = error)

登录后网站未重定向到指定页面

1 个答案: