Cara Membuat Login Member Menggunakan Codeigniter Part 1

Pada tutorial kali ini kita akan membahas tentang Cara Membuat Login Member, seperti yang kita ketahui bahwa login dan logout merupakan sebuah proses yang sering kita jumpai pada setiap website demi menjaga kemanan dari data yang kita miliki, Cara Membuat Login Member Menggunakan Codeigniter Part 1 kali ini kita akan membuat sebuah database dan table kemudian kita akan membuat form login yang akan kita gunakan untuk proses login membernya.

Login member ini juga sering kita jumpai pada setiap website-website ecommerce, Cara Membuat Login Member Menggunakan Codeigniter langkah yang pertama kita akan membuat sebuah database dengan nama shopper di dalam database shopper tersebut kita akan membuat sebuah table dengan nama member table member ini nantinya bertujuan untuk menyimpan data-data member seperti : nama, alamat, jenis kelamin, username, password dan data member lainnya. Untuk struktur dari table member seperti dibawah ini :

Selanjutnya kita akan coba input satu data kedalam table member yang telah kita buat seperti dibawah ini :

Untuk password nya, untuk sementara kita menggunakan md5 untuk proses insert password nantinya kita akan setting dengan menggunakan password hash.

Selanjutnya kita download file codeigniternya dan kita akan setting untuk konfigurasinya seperti dibawah ini :

Setting database application/config/database.php

Selanjutnya kita akan buat sebuah file pada core dengan nama MY_Controller.php kita akan load library, helper, dan model untuk scriptnya seperti dibawah ini :

<?php 
	class MY_Controller extends CI_Controller{
		public function __construct(){
			parent:: __construct();
			$this->load->database();
			$this->load->library(array('form_validation','session'));
			$this->load->helper(array('url','text','form'));
			$this->load->model(array(''));
		}
	}

<?php

class MY_Controller extends CI_Controller{

public function __construct(){

parent:: __construct();

$this->load->database();

$this->load->library(array('form_validation','session'));

$this->load->helper(array('url','text','form'));

$this->load->model(array(''));

}

Berikutnya kita buat sebuah controller dengan nama Member.php di dalam controller tersebut kita akan buat sebuah method seperti dibawah ini :

<?php 
	class Member extends MY_Controller{
		public function index(){
			$this->load->view('member');
		}
	}

<?php

class Member extends MY_Controller{

public function index(){

$this->load->view('member');

}

Kemudian kita akan membuat tampilannya pada views, silahkan teman-teman buat sebuah file pada views dengan nama php, nah untuk tampilan formnya kita akan menggunakan bootstrap 4 untuk scriptnya seperti dibawah ini :

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
  	<div class="container">
  		<div class="row">
  			<div class="col-md-6">
  			<h3>Belum punya akun</h3>
  			<button type="submit" class="btn btn-primary mb-2">Register</button>
  		</div>
  		<div class="col-md-6">
  			  <form>
			  <div class="form-group">
			    <label for="exampleInputEmail1">Email address</label>
			    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
			  </div>
			  <div class="form-group">
			    <label for="exampleInputPassword1">Password</label>
			    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
			  </div>
			  <button type="submit" class="btn btn-primary">Submit</button>
			</form>
  		</div>	
  		</div>
  	</div>
  </body>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</html>

<!doctype html>

<head>

<title>Hello, world!</title>

</head>

<body>

<h3>Belum punya akun</h3>

<button type="submit" class="btn btn-primary mb-2">Register</button>

</div>

<form>

<label for="exampleInputEmail1">Email address</label>

</div>

<label for="exampleInputPassword1">Password</label>

</div>

<button type="submit" class="btn btn-primary">Submit</button>

</form>

</div>

</body>

</html>

Jika kita jalankan pada browser maka akan terlihat hasilnya seperti dibawah ini :

Oke teman-teman pada tutorial Cara Membuat Login Member Menggunakan Codeigniter Part 1 kali ini kita telah berhasil membuat database dan melakukan konfigurasi untuk prosesnya akan kita bahas pada Cara Membuat Login Member Menggunakan Codeigniter Part 2.

Semoga bermanfaat.

Terimakasih.

Cara Membuat Login Member Menggunakan Codeigniter Part 2

Facebook DUMET School

Konsultasi Gratis

Categories