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

Login Page in PHP CodeIgniter– Project Information

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.

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.

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>

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.

Click Here To Download The Source Code!

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.

1 thought on “Login Page In CodeIgniter With Database Source Code”

Leave a Comment Cancel reply