A user can access an application through the Login Page In CodeIgniter by entering their username and password or by logging in with a social media account.
About The Project
The Login Page In CodeIgniter With Database was developed using CodeIgniter and MySQL Database as Back-End, In this article, we’ll learn how to use CodeIgniter to create a Session In CodeIgniter For Login. We created a login module in the login form.
A Login Form In CodeIgniter With Session, By providing a valid username and password, you can log in. If an invalid login or password is entered, an error message will appear.
Project Information’s
Project Name: | Login Page In CodeIgniter With Source Code |
Language/s Used: | PHP with CodeIgniter Web Framework |
PHP version (Recommended): | 5.6.3 |
Database: | MySQL |
Type: | Web Application |
Developer: | IT SOURCECODE |
Updates: | 0 |
What is CodeIgniter?
CodeIgniter is an Application Development Framework – a toolset – for PHP web site developers. Its purpose is to let you construct projects much faster than if you were programming code from start by providing a rich set of libraries for common activities, as well as a simple interface and logical structure to access these libraries.
By reducing the amount of code required for a given operation, CodeIgniter allows you to focus more creatively on your project.
In this Login Query In CodeIgniter also includes a downloadable Login In CodeIgniter With Session free source code, just find the downloadable source code below and click to start downloading.
To start executing this Login Page In CodeIgniter With Database , makes sure that you have sublime or any platform of PHP and MySQL installed in your computer.
Steps On How To Run The Login Page In CodeIgniter With Database Source Code
Time needed: 5 minutes.
These are the steps on how to run Login Page In CodeIgniter With Database Source Code.
- Download Source Code
First, find the downloadable source code below and click to start downloading the source code file.
- Extract File
Next, after finished to download the file, go to file location and right click the file and click extract.
- Copy Project Folder
Next, copy the project folder and paste it to C:\xampp\htdocs.
- Open Xampp
Next, open xampp and start the apache and mysql.
- Create Database
Next, click any browser and type to the URL localhost/phpmyadmin and create database.
- Import Database
Next, click the created database and click import to the right tab and click choose file and import the sql file inside the download folder.
- Execute Project
final, type to the URL localhost/codeigniter_login.
How To Make A Login Page In CodeIgniter?
The code given below is for the login page module
views: login_page.php
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CodeIgniter Login (IT SOURCECODE)</title> <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>bootstrap/css/bootstrap.min.css"> </head> <body class="bg-info"> <div class="container"> <h1 class="page-header text-center">CodeIgniter Login (IT SOURCECODE)</h1> <div class="row"> <div class="col-sm-4 col-sm-offset-4"> <div class="login-panel panel panel-success"> <div class="panel-heading"> <h3 class="panel-title"><span class="glyphicon glyphicon-lock"></span> Login </h3> </div> <div class="panel-body"> <form method="POST" action="<?php echo base_url(); ?>index.php/user/login"> <fieldset> <div class="form-group"> <input class="form-control" placeholder="Email" type="email" name="email" required> </div> <div class="form-group"> <input class="form-control" placeholder="Password" type="password" name="password" required> </div> <button type="submit" class="btn btn-lg btn-success btn-block"><span class="glyphicon glyphicon-log-in"></span> Login</button> </fieldset> </form> </div> </div> <?php if($this->session->flashdata('error')){ ?> <div class="alert alert-danger text-center" style="margin-top:20px;"> <?php echo $this->session->flashdata('error'); ?> </div> <?php } ?> </div> </div> </div> </body> </html>
Login Page Output
The code given below is for the home module
views: home.php
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CodeIgniter Login</title> <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>bootstrap/css/bootstrap.min.css"> </head> <body> <div class="container"> <h1 class="page-header text-center">CodeIgniter Login with Flashdata</h1> <div class="row"> <div class="col-md-4 col-md-offset-4"> <?php $user = $this->session->userdata('user'); extract($user); ?> <h2>Welcome to Homepage </h2> <h4>User Info:</h4> <p>Fullname: <?php echo $fname; ?></p> <p>Email: <?php echo $email; ?></p> <p>Password: <?php echo $password; ?></p> <a href="<?php echo base_url(); ?>index.php/user/logout" class="btn btn-danger">Logout</a> </div> </div> </div> </body> </html>
Homepage Output
Download Source Code below
Anyway, if you want to level up your programming knowledge, especially PHP, try this new article I’ve made for you Best PHP Projects With Source Code Free Download 2021.
Conclusion
This lesson did not cover all that a full-fledged tutorial would, but it did introduce you to the most important modules, developing controllers, and models.
We hope that our CodeIgniter instructional login page offered you some insight into some of CodeIgniter’s basic design patterns, which you may build on.
Inquiries
If you have any questions or suggestions about Login Page In CodeIgniter With Database , please feel free to leave a comment below.
what is the password for the compressed folder?