Issue with Website Failing to Redirect to Correct Page After Logging In

Question

Issue with Website Failing to Redirect to Correct Page After Logging In

Hey there,

I've been working on a website using Python and Flask, and it's been going well so far. But now I've encountered a problem when trying to implement a login feature for the site.

I have set up logic to authenticate users and redirect them to the dashboard upon successful login, but for some reason, it's not working as expected during testing.

I've also added some styles in a style.css file, but I'm wondering if there's a better way to incorporate Bootstrap for a more streamlined design. Any tips on integrating the existing styles with Bootstrap would be greatly appreciated.

Additionally, I've been trying to use flash messaging to display test user credentials, but haven't had any luck getting it to work.

If anyone has any insights or suggestions, please feel free to share.

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

... (Code continues)

__init__.py

(Python code snippet)

style.css

* {
    box-sizing: border-box;
}

... (CSS code continues)

html css python-3.x flask bootstrap-4

Answer 1

Answer №1

I implemented hardcoded logic to authenticate users - successful attempts would redirect them to the dashboard, while unsuccessful ones prompt a retry at logging in. However, testing on the website reveals that neither of these actions occur as intended.

The issue likely lies within your code indentation:

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)

The first return render_template is triggered by an error condition, while the second one corresponds to a GET request. Also remember to wrap your template name in quotes for render_template

In addition, I've been trying to utilize flash functionality to display test username and password but haven't been able to make it work.

From what I know, you need to pass a string to flash like this: `flash('You have been logged in')

Lastly, although I've created a style.css file, I'm curious if there's a more effective way to achieve the same outcome using Bootstrap. I plan to use Bootstrap for the remainder of the site and wonder about best practices for integrating my styles with the framework.

You can explore flask bootstrap

and update:

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

to:

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

For flashing messages, ensure you do so just before the return statement.

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)

Answer 2

I implemented hardcoded logic to authenticate users - successful attempts would redirect them to the dashboard, while unsuccessful ones prompt a retry at logging in. However, testing on the website reveals that neither of these actions occur as intended.

The issue likely lies within your code indentation:

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)

The first return render_template is triggered by an error condition, while the second one corresponds to a GET request. Also remember to wrap your template name in quotes for render_template

In addition, I've been trying to utilize flash functionality to display test username and password but haven't been able to make it work.

From what I know, you need to pass a string to flash like this: `flash('You have been logged in')

Lastly, although I've created a style.css file, I'm curious if there's a more effective way to achieve the same outcome using Bootstrap. I plan to use Bootstrap for the remainder of the site and wonder about best practices for integrating my styles with the framework.

You can explore flask bootstrap

and update:

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

to:

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

For flashing messages, ensure you do so just before the return statement.

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)

Issue with Website Failing to Redirect to Correct Page After Logging In

Answer №1

Similar questions

Newbie's Dilemma: Issues with Html, Email, and Distribution Lists

Having trouble aligning my CSS form correctly

Javascript function failing to execute upon page load

How to position an element to the right in Bootstrap 4 without causing it to move to a new line immediately?

What is the reason behind the constraints of min/max width and height values preventing the element from fully filling its parent div?

Can menus in Vue.js be customized differently for various "pages"?

Use CSS to place a checked icon within a div containing an image

Positioning a button beside an input field within a table row

Unable to modify the CSS properties of the titlebar in jQuery UI dialog

Adapting CSS styles according to the height of the viewport

Variations between <div/> and <div></div>

Divided Progress Indicators in Bootstrap 3

"Interacting with the ng-keypress event causes the page to smoothly scroll

When the user presses either the refresh button or the back button, they will be redirected

Tips for rendering objects in webgl without blending when transparency is enabled

Font Awesome icons within a nested accordion created using Bootstrap

Increase the Step Size of an HTML Number Input by Holding Down the Time

Achieving text alignment with icons in Angular

Having issues with jQuery's .fadeIn function not functioning properly

Script on Tampermonkey executed prior to page loading