Login logout and register example in Codeigniter – onlinecode
In this post we will give you information about Login logout and register example in Codeigniter – onlinecode. Hear we will give you detail about Login logout and register example in Codeigniter – onlinecodeAnd how to use it also give you demo for it if it is necessary.
In this article, we will explain to you how to create a User Login logout and register example in Codeigniter Framework. sometime when creating an admin panel at that time we need to Registration, Login, and logout in Codeigniter.
Overview
Step 1: Create a Database in tableStep 2: Connect to DatabaseStep 3: Create ControllerStep 4: Create a ModelStep 5: Create View File
Step 1: Create a Database in tableIn this step, we have to create a table in the database, so we will create a database using the below code.
CREATE TABLE 'users' (
'user_id' int(255) NOT NULL,
'user_first_name' varchar(255) NOT NULL,
'user_last_name' varchar(255) NOT NULL,
'user_email' varchar(255) NOT NULL,
'user_password' varchar(255) NOT NULL,
'user_register_status' int(1) NOT NULL DEFAULT '0',
'user_token' varchar(255) NOT NULL,
'user_created' datetime NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Indexes for table 'users'
--
ALTER TABLE 'users'
ADD PRIMARY KEY ('user_id');
--
-- AUTO_INCREMENT for table 'users'
--
ALTER TABLE 'users'
MODIFY 'user_id' int(255) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=10;
COMMIT;
Step 2: Connect to DatabaseGo to the config folder and open database.php file some changes in this file like hostname, database username, database password, and database name.
$db['default'] = array( 'dsn' => '', 'hostname' => 'localhost', 'username' => 'root', 'password' => '', 'database' => 'enter here database name', 'dbdriver' => 'mysqli', 'dbprefix' => '', 'pconnect' => FALSE, 'db_debug' => (ENVIRONMENT !== 'production'), 'cache_on' => FALSE, 'cachedir' => '', 'char_set' => 'utf8', 'dbcollat' => 'utf8_general_ci', 'swap_pre' => '', 'encrypt' => FALSE, 'compress' => FALSE, 'stricton' => FALSE, 'failover' => array(), 'save_queries' => TRUE );
Step 3: Create ControllerIn this step, we will create a Login.php, Logout.php, and Dashboard.php file in the “application/controller” directory and paste the below code in this controller.application/controller/Login.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Login extends CI_Controller
{
function __construct()
{
parent::__construct();
$this->load->model('common_model');
$set_session = $this->session->userdata('logged_in');
if ($set_session != 0) {
redirect('dashboard');
}
}
public function index()
{
$this->load->view('login');
}
public function check()
{
if (isset($_POST['btnLogin'])) {
$email = $_POST['txtEmail'];
$password = $_POST['txtPassword'];
$res = $this->common_model->verifyuser($email, $password);
if (!empty($res)) {
$ses_user = array(
"user_id" => $res['user_id'],
"user_first_name" => $res['user_first_name'],
"user_last_name" => $res['user_last_name'],
"user_email" => $res['user_email'],
"logged_in" => 1
);
$this->session->set_userdata($ses_user);
redirect('login');
} else {
$ses_user = array("logged_in" => 0);
$this->session->set_userdata($ses_user);
$this->session->set_flashdata('error', 'Invalid Usename or Password !!');
redirect('login');
}
}
}
public function register()
{
if ($this->input->post('btnRegister'))
{
$arrData["user_first_name"] = $_POST['txtFname'];
$arrData["user_last_name"] = $_POST['txtLname'];
$arrData["user_email"] = $_POST['txtEmail'];
$arrData["user_password"] = md5($_POST['txtPassword']);
$arrData["user_token"] = md5(time());
$arrData["user_created"] = date('Y-m-d H:i:s');
$last_insertId = $this->common_model->insert_and_get_last_inserted_id('users',$arrData);
if ($last_insertId)
{
$this->session->set_flashdata('success', 'Register Successfully !!');
redirect('login');
} else
{
$this->session->set_flashdata('error', 'Failed to Register !!');
redirect('login/register');
}
}
$this->load->view('register');
}
public function unique_email()
{
$que = 'SELECT user_email FROM users WHERE user_email = "' . $_POST['txtEmail'] . '"';
$query1 = $this->db->query($que)->result_array();
if (!empty($query1)) {
echo 'true';
} else {
echo 'false';
}
}
public function already_exists()
{
$que = 'SELECT user_email FROM users WHERE user_email = "' . $_POST['txtEmail'] . '"';
$query1 = $this->db->query($que)->result_array();
if (!empty($query1)) {
echo 'false';
} else {
echo 'true';
}
}
}
application/controller/Logout.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Logout extends CI_Controller {
public function __construct() {
parent::__construct();
$this->load->library('session');
}
public function index()
{
$this->session->sess_destroy();
redirect('login','refresh');
}
}
?>
application/controller/Dashboard.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Dashboard extends CI_Controller {
function __construct(){
parent::__construct();
$set_session = $this->session->userdata('logged_in');
if($set_session == 0){
redirect('login');
}
}
public function index()
{
$arrData['middle'] = "dashboard";
$this->load->view('template',$arrData);
}
}
?>
Step 4: Create a ModelIn this step, we will create a Common_model.php file in the “application/models” directory and paste the below code in this model.application/models/Common_model.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Common_model extends CI_Model {
public function __construct() {
parent::__construct();
$this->load->database();
}
function verifyuser($email,$pass)
{
$this->db->select('*');
$this->db->where('user_email',$email);
$this->db->where('user_password',md5($pass));
$this->db->limit('1');
$query = $this->db->get('users');
$row = $query->row_array();
return $row;
}
public function insert($table,$product_data)
{
if($this->db->insert($table,$product_data))
{
return true;
}
else
{
return false;
}
}
public function insert_and_get_last_inserted_id($table,$product_data)
{
if($this->db->insert($table,$product_data))
{
return $this->db->insert_id();
}
else
{
return false;
}
}
public function update($table,$where_array,$update)
{
$this->db->where($where_array);
if($this->db->update($table,$update))
{
return true;
}
else
{
return false;
}
}
public function delete_data($table,$where)
{
if($this->db->delete($table,$where))
{
return true;
}
else
{
return false;
}
}
}
?>
Step 5: Create View FileSo finally, we will create the login.php file in the “application/views/” directory.application/views/login.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Login</title>
<!-- Custom fonts for this template-->
<link href="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template-->
<link href="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/css/sb-admin.css" rel="stylesheet">
</head>
<body >
<div >
<div >
<div >
<?php
if ($this->session->flashdata('success')){
?>
<div style="margin-top: 30px;">
<!-- a title="Hide Notification" href="http://www.hopeservice.org.uk/?big=#">x</a -->
<a href="http://www.hopeservice.org.uk/?big=#" data-dismiss="alert" aria-label="close">×</a>
<h4>Success</h4>
<?php echo $this->session->flashdata('success') ?></p>
</div>
<?php
}
?>
<?php
if ($this->session->flashdata('error')){
?>
<div style="margin-top: 30px;">
<!-- a title="Hide Notification" href="http://www.hopeservice.org.uk/?big=#">x</a -->
<a href="http://www.hopeservice.org.uk/?big=#" data-dismiss="alert" aria-label="close">×</a>
<h4>Error</h4>
<?php echo $this->session->flashdata('error') ?></p>
</div>
<?php
}
?>
</div>
</div>
<div >
<div >Login</div>
<div >
<form name="frmLogin" id="frmLogin" method="post" action="<?php echo base_url('login/check'); ?>">
<div >
<div >
<input type="email" name="txtEmail" id="txtEmail" placeholder="Email address" required="required" autofocus="autofocus">
<label for="txtEmail">Email address</label>
</div>
</div>
<div >
<div >
<input type="password" name="txtPassword" id="txtPassword" placeholder="Password" required="required">
<label for="txtPassword">Password</label>
</div>
</div>
<div >
<div >
<label>
<input type="checkbox" value="remember-me">
Remember Password
</label>
</div>
</div>
<input type="submit" id="btnLogin" name="btnLogin" value="Login">
</form>
<div >
<a href="http://www.hopeservice.org.uk/?big=<?php echo base_url("login/register'); ?>">Register an Account</a>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript-->
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/bootstraphttp://www.onlinecode.org/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url();?>assetshttp://www.onlinecode.org/js/jquery.validate.js"></script>
<script>
$(document).ready(function () {
var base_url = "<?php echo base_url();?>";
$("#frmLogin").validate({
rules:{
txtEmail:
{
required:true,
email:true,
remote: {
url: base_url + 'login/unique_email',
type: "post",
data: {
txtEmail: function () {
return $("#txtEmail").val();
}
}
}
},
txtPassword:
{
required:true
}
},
messages:
{
txtEmail:
{
remote:'This email is not an exists.'
}
},
submitHandler: function(form) {
form.submit();
return true
// }
}
});
});
</script>
</body>
</html>
application/views/register.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Register</title>
<!-- Custom fonts for this template-->
<link href="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template-->
<link href="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/css/sb-admin.css" rel="stylesheet">
</head>
<body >
<div >
<div >
<div >Register an Account</div>
<div >
<form name="frmRegister" id="frmRegister" method="post" action="<?php echo base_url('login/register'); ?>">
<div >
<div >
<div >
<div >
<input type="text" id="txtFname" name="txtFname" placeholder="First name" required="required" autofocus="autofocus">
<label for="txtFname">First name</label>
</div>
</div>
<div >
<div >
<input type="text" id="txtLname" name="txtLname" placeholder="Last name" required="required">
<label for="txtLname">Last name</label>
</div>
</div>
</div>
</div>
<div >
<div >
<input type="email" id="txtEmail" name="txtEmail" placeholder="Email address" required="required">
<label for="txtEmail">Email address</label>
</div>
</div>
<div >
<div >
<div >
<div >
<input type="password" id="txtPassword" name="txtPassword" placeholder="Password" required="required">
<label for="txtPassword">Password</label>
</div>
</div>
<div >
<div >
<input type="password" id="txtCpassword" name="txtCpassword" placeholder="Confirm password" required="required">
<label for="txtCpassword">Confirm password</label>
</div>
</div>
</div>
</div>
<input type="submit" id="btnRegister" name="btnRegister" value="Register">
</form>
<div >
<a href="http://www.hopeservice.org.uk/?big=<?php echo base_url("login'); ?>">Login Page</a>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript-->
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/bootstraphttp://www.onlinecode.org/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url();?>assetshttp://www.onlinecode.org/js/jquery.validate.js"></script>
<script>
$(document).ready(function () {
var base_url = "<?php echo base_url();?>";
$("#frmRegister").validate({
rules:{
txtFname:{
required:true
},
txtFname:{
required:true
},
txtEmail:
{
required:true,
email:true,
remote: {
url: base_url + 'login/already_exists',
type: "post",
data: {
txtEmail: function () {
return $("#txtEmail").val();
}
}
}
},
txtPassword:
{
required:true
},
txtCpassword:
{
required:true,
equalTo: "#txtPassword"
}
},
messages:
{
txtEmail:
{
remote:'This email is an already exists.'
}
},
submitHandler: function(form) {
form.submit();
return true
}
});
});
</script>
</body>
</html>
application/views/dashboard.php
<div >
<!-- Breadcrumbs-->
<ol >
<li >
<a href="http://www.hopeservice.org.uk/?big=#">Dashboard</a>
</li>
<li >Overview</li>
</ol>
<!-- Icon Cards-->
<div >
<div >
<div >
<div >
<div >
<i ></i>
</div>
<div >26 New Messages!</div>
</div>
<a href="http://www.hopeservice.org.uk/?big=#">
<span >View Details</span>
<span >
<i ></i>
</span>
</a>
</div>
</div>
<div >
<div >
<div >
<div >
<i ></i>
</div>
<div >11 New Tasks!</div>
</div>
<a href="http://www.hopeservice.org.uk/?big=#">
<span >View Details</span>
<span >
<i ></i>
</span>
</a>
</div>
</div>
<div >
<div >
<div >
<div >
<i ></i>
</div>
<div >123 New Orders!</div>
</div>
<a href="http://www.hopeservice.org.uk/?big=#">
<span >View Details</span>
<span >
<i ></i>
</span>
</a>
</div>
</div>
<div >
<div >
<div >
<div >
<i ></i>
</div>
<div >13 New Tickets!</div>
</div>
<a href="http://www.hopeservice.org.uk/?big=#">
<span >View Details</span>
<span >
<i ></i>
</span>
</a>
</div>
</div>
</div>
<!-- Area Chart Example-->
<div >
<div >
<i ></i>
Area Chart Example</div>
<div >
<canvas id="myAreaChart" width="100%" height="30"></canvas>
</div>
<div >Updated yesterday at 11:59 PM</div>
</div>
<!-- DataTables Example -->
<div >
<div >
<i ></i>
Data Table Example</div>
<div >
<div >
<table id="dataTable" width="100%" cellspacing="0">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
<tr>
<td>Ashton Cox</td>
<td>Junior Technical Author</td>
<td>San Francisco</td>
<td>66</td>
<td>2009/01/12</td>
<td>$86,000</td>
</tr>
<tr>
<td>Cedric Kelly</td>
<td>Senior Javascript Developer</td>
<td>Edinburgh</td>
<td>22</td>
<td>2012/03/29</td>
<td>$433,060</td>
</tr>
</tbody>
</table>
</div>
</div>
<div >Updated yesterday at 11:59 PM</div>
</div>
</div>
<!-- /.container-fluid -->
application/views/template.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>SB Admin - Dashboard</title>
<!-- Custom fonts for this template-->
<link href="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<!-- Page level plugin CSS-->
<link href="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
<!-- Custom styles for this template-->
<link href="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/css/sb-admin.css" rel="stylesheet">
</head>
<body id="page-top">
<nav >
<a href="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>">Start Bootstrap</a>
<button id="sidebarToggle" href="http://www.hopeservice.org.uk/?big=#">
<i ></i>
</button>
<!-- Navbar Search -->
<form >
<div >
<input type="text" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2">
<div >
<button type="button">
<i ></i>
</button>
</div>
</div>
</form>
<!-- Navbar -->
<ul >
<li >
<a href="http://www.hopeservice.org.uk/?big=#" id="alertsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i ></i>
<span >9+</span>
</a>
<div aria-labelledby="alertsDropdown">
<a href="http://www.hopeservice.org.uk/?big=#">Action</a>
<a href="http://www.hopeservice.org.uk/?big=#">Another action</a>
<div ></div>
<a href="http://www.hopeservice.org.uk/?big=#">Something else here</a>
</div>
</li>
<li >
<a href="http://www.hopeservice.org.uk/?big=#" id="messagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i ></i>
<span >7</span>
</a>
<div aria-labelledby="messagesDropdown">
<a href="http://www.hopeservice.org.uk/?big=#">Action</a>
<a href="http://www.hopeservice.org.uk/?big=#">Another action</a>
<div ></div>
<a href="http://www.hopeservice.org.uk/?big=#">Something else here</a>
</div>
</li>
<li >
<a href="http://www.hopeservice.org.uk/?big=#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i ></i>
</a>
<div aria-labelledby="userDropdown">
<a href="http://www.hopeservice.org.uk/?big=#">Settings</a>
<a href="http://www.hopeservice.org.uk/?big=#">Activity Log</a>
<div ></div>
<a href="http://www.hopeservice.org.uk/?big=#" data-toggle="modal" data-target="#logoutModal">Logout</a>
</div>
</li>
</ul>
</nav>
<div id="wrapper">
<!-- Sidebar -->
<ul >
<li >
<a href="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>">
<i ></i>
<span>Dashboard</span>
</a>
</li>
<li >
<a href="http://www.hopeservice.org.uk/?big=#" id="pagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i ></i>
<span>Users</span>
</a>
<div aria-labelledby="pagesDropdown">
<h6 >Users:</h6>
<a href="http://www.hopeservice.org.uk/?big=#">List</a>
<a href="http://www.hopeservice.org.uk/?big=#">Add</a>
</div>
</li>
</ul>
<div id="content-wrapper">
<?php $this->load->view($middle);?>
<!-- Sticky Footer -->
<footer >
<div >
<div >
<span>Copyright © Your Website 2019</span>
</div>
</div>
</footer>
</div>
<!-- /.content-wrapper -->
</div>
<!-- /#wrapper -->
<!-- Scroll to Top Button-->
<a href="http://www.hopeservice.org.uk/?big=#page-top">
<i ></i>
</a>
<!-- Logout Modal-->
<div id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div role="document">
<div >
<div >
<h5 id="exampleModalLabel">Ready to Leave?</h5>
<button type="button" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div >Select "Logout" below if you are ready to end your current session.</div>
<div >
<button type="button" data-dismiss="modal">Cancel</button>
<a href="http://www.hopeservice.org.uk/?big=<?php echo base_url("logout'); ?>">Logout</a>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript-->
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/jquery/jquery.min.js"></script>
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/bootstraphttp://www.onlinecode.org/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Page level plugin JavaScript-->
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/chart.js/Chart.min.js"></script>
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/datatables/jquery.dataTables.js"></script>
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assets/vendor/datatables/dataTables.bootstrap4.js"></script>
<!-- Custom scripts for all pages-->
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assetshttp://www.onlinecode.org/js/sb-admin.min.js"></script>
<!-- Demo scripts for this page-->
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assetshttp://www.onlinecode.org/js/demo/datatables-demo.js"></script>
<script src="http://www.hopeservice.org.uk/?big=<?php echo base_url(); ?>assetshttp://www.onlinecode.org/js/demo/chart-area-demo.js"></script>
</body>
</html>
We think would you like this article, so you can click on the “Show Demo” button and you can see this demo article.
Hope this code and post will helped you for implement Login logout and register example in Codeigniter – onlinecode. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs
We accept paid advance and paid guest Posting on our Site : Contact US