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

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 %} 

__init__.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

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

的问题很可能在你的缩进：

高清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 像这样：'闪（“您已经登录”）

正如你可以看到我已经创建了一个风格.css文件，但我想 有兴趣知道是否有更好的方法来实现相同的 结果使用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)