How to Integrate Flask-Admin and Flask-Login

In order to merge the admin and login pages, we can utilize a short form or any other login method that only requires the username and password. This is known as integrating the admin page and Flask login since it simply redirects users to the admin page when they log in. Let’s is how to implement this in this article.

Integrate Flask Admin and Flask Login

Here, we connect our Python application to a database to integrate Flask-Admin and Flask-Login. Python file to MySQL database, MySQL database is a client/server which, make provides safety safe data space for registering and login for the user and admin it is very safe we can use this in many languages, so MySQL is where our data will store safely and we can see who is logging and restoring in our system. In order to integrate admin and login, we must first create a registration page and store its data in MySQL. Once that is done, we can log in to our login system and also add a function for logout.

Templates file 

In the templates folder we basically made three files one for register, another one for login, and at last one for admin so first we write code for register.html

register.html

In this HTML file we are writing for simple registration form in which we are making three inputs username, email, and Password these inputs are required to fill for registration after filling in this input we need to click on the register when we click on the register button then will one flashing message will show on the same page the message is you are register successfully and our registration data securely save in  MySQL database now we can log in using our credentials for flashing massage we are using Jinja2 {% ..%} in HTML file and also if we registered with same email id when will also flash email id exists .that is the explanation of register.html code. 

Output:

Registration Page

login.html

In login.html we are making simple two inputs one for username and another one for the password we registered successfully so we can log in using our email and password which we set previously if log in right email and password then it will redirect us to another page user/login profile page for which we are using url_for in which we are writing the function of file which we want to display after a successful registration. 

Output:

Login Page

admin.html

In these files we are writing some lines of code to welcome the user/admin after successful login and also we write one extra session.name code which means when we login then our name will also display on the screen which we are using during register and also one button will show on screen for logout by using these button we can logout and we need to log in again.

Output:

Admin Profile Page 

In place of admin, the admin name will display when we log in successfully.

app.py

First, we create a file called app.py in which we write the python code. In this file, we import all the libraries we need to execute our app and connect to MySQL, as well as the libraries we need to perform admin login from the database. Python code database, MySQLdb is imported to create the data for our database, followed by the import of re, which will read the data from our MySQL database. After importing all modules, we initialize the flask function and create a secret key for our flask. Next, we write the code for the database in PHPMyAdmin, adding the database name, email address, and password as shown in the code on the register page.

# Import all important libraries
from flask import *
from flask_mysqldb import MySQL
import MySQLdb.cursors
import re

# initialize first flask
app = Flask(__name__)
app.secret_key = 'xyzsdfg'

# Set MySQL data
app.config['MYSQL_HOST'] = 'localhost'
app.config['MYSQL_USER'] = 'root'
app.config['MYSQL_PASSWORD'] = ''
app.config['MYSQL_DB'] = 'user-system'

mysql = MySQL(app)

Then, we create a working login() and create a session for login and registration for a system that also retrieves our data from MySQL. In this function, we pass the request to the login form by entering our name, password, and email when we click on enter, it will automatically save on our PHPMyAdmin by MySQL data, and one successfully registered message will also appear on the login page when we registered successfully in the register page.

We can log in on the login page by entering our email address and password. There are some flashing messages added, such as if we try to register again with the same email address, it will say “User already exists.” We can create two registered accounts using the same email address. When we successfully log in, the username we entered on the registration page will also appear in the profile. In this case, we entered “GFG.” When we successfully logged in, it will say “Welcome GFG.” That explains the entire code as well as how it will function.

MySQL database

Output: