A user can access an application through the Login Page or Form In CodeIgniter by entering their username and password or by logging in with a social media account.

About the Project

The Login Page (Form) 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 Name:	Login Page (Form) 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 website developers.

Its purpose is to let you construct projects much faster than if you were programming code from the 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, make sure that you have sublime or any platform of PHP and MySQL installed on your computer.

Time needed: 5 minutes

These are the steps on how to run the 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 finishing downloading the file, go to the 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 type the URL localhost/phpmyadmin, and create a database.
Import Database
Next, click the created database, click import to the right tab, 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 the 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.

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 (form) 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 the Login Page (Form) In CodeIgniter With Database, please feel free to leave a comment below.

1 thought on “Login Page or Form in CodeIgniter With MySQL”

Leave a Comment Cancel reply

About the Project

CodeIgniter Login Form or Page: Project Information