Kuantan Web Developer

Laravel Logout Using Post Method

January 13, 2017 by ghazalitajuddin Leave a Comment

In terms of security, it is not wise to use GET method to logout from your applications.

To make more secure, use POST method.

<li> 
<a href="{{ url('/logout') }}" 
onclick="event.preventDefault(); 
document.getElementById('logout-form').submit();"> 

Logout 

</a> 

<form id="logout-form" action="{{ url('/logout') }}" 
method="POST" style="display: none;"> 

{{ csrf_field() }} 
</form> 

</li>

In your controller

public function logout()
{
if(Sentinel::logout()){
return redirect('/');
}
}

Laravel Admin Package

November 23, 2016 by ghazalitajuddin Leave a Comment

Ada banyak package yang dibangunkan oleh komuniti Laravel ni.

Kesemua package ini boleh didapati di http://packalyst.com/ yang merupakan direktori yang menyenaraikan semua package yang boleh digunakan untuk projek anda.

Paling best, kebanyakannya free.

Antara package yang penting adalah Admin Package.

Tak payah dah nak buang masa nak develop sendiri.

Antara package yang feymes:

Laravel 5.3 Email Configuration

November 22, 2016 by ghazalitajuddin Leave a Comment

Untuk membenarkan Laravel menghantar email beberapa konfigurasi perlu dilakukan terlebih dahulu.

Demo ini menggunakan Gmail.

Buka file .env dan set seperti berikut

MAIL_DRIVER=smtp
MAIL_HOST=smtp.gmail.com
MAIL_PORT=587
MAIL_USERNAME=
MAIL_PASSWORD=
MAIL_ENCRYPTION=tls

Gmail mempunyai sistem sekuriti yang amat baik. Oleh itu untuk membenarkan sistem anda menggunakan email gmail anda perlu memberi kebenaran terlebih dahulu.

https://www.google.com/settings/security/lesssecureapps

screen-shot-2016-11-22-at-10-41-15-am

Resources:

Setting Up Gmail

Laravel 5.3 Bootstraps Installation

November 21, 2016 by ghazalitajuddin Leave a Comment

Sebenarnya tiada beza nak install Bootstrap dalam Laravel dengan dalam applikasi web html yang biasa kita buat. Begitu juga Laravel versi lain.

Apa yang penting kedudukan file berkenaan hendaklah betul.

Laravel menggunakan sistem template blade yang memudahkan kita untuk menguruskan coding templating applikasi.

Dalam sistem template blade biasanya kita akan create master layout. Master layout ni umpama blueprint layout kita la. Dimana kedudukan header, footer, sidebar, menu etc.

So biasanya kita akan ubah layout seperti berikut:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">


<!-- Latest compiled and minified JavaScript -->

<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="crossorigin="anonymous"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

Contoh diatas menggunakan cdn Bootstrap dan jQuery.

Apa yang penting:

jQuery hendaklah dinyatakan terlebih dahulu berbanding bootstrap js. Mesti ikut susunan!

Contoh code penuh seperti berikut:

<!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">

<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">

<title>{{ config('app.name', 'Laravel') }}</title>

<!-- Styles 
<link href="/css/app.css" rel="stylesheet">

-->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/cerulean/bootstrap.min.css">


<!-- Latest compiled and minified JavaScript -->

<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="crossorigin="anonymous"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>


<!-- Scripts -->
<script>
window.Laravel = <?php echo json_encode([
'csrfToken' => csrf_token(),
]); ?>
</script>
</head>
<body>
<div id="app">
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">

<!-- Collapsed Hamburger -->
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<!-- Branding Image -->
<a class="navbar-brand" href="{{ url('/') }}">
{{ config('app.name', 'Laravel') }}
</a>
</div>

<div class="collapse navbar-collapse" id="app-navbar-collapse">
<!-- Left Side Of Navbar -->
<ul class="nav navbar-nav">
&nbsp;

</ul>

<!-- Right Side Of Navbar -->
<ul class="nav navbar-nav navbar-right">

<!-- Authentication Links -->
@if (Auth::guest())
<li><a href="{{ url('/login') }}">Login</a></li>
<li><a href="{{ url('/register') }}">Register</a></li>
@else
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
{{ Auth::user()->name }} <span class="caret"></span>
</a>

<ul class="dropdown-menu" role="menu">
<li>
<a href="{{ url('/logout') }}"
onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
Logout
</a>

<form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
{{ csrf_field() }}
</form>
</li>

</ul>
</li>
@endif

</ul>
</div>
</div>
</nav>

@yield('content')
</div>

<!-- Scripts

<script src="/js/app.js"></script>-->
<!-- Placed at the end of the document so the pages load faster -->
</body>
</html>

Laravel Pagination

November 7, 2016 by ghazalitajuddin Leave a Comment

Kadangkala kita memerlukan fungsi pagination bagi memberi paparan rekod dengan lebih baik.

Pada Controller tambah code berikut

$parcels = Parcel::paginate(5);

Pada View tabah code berikut selepas looping foreach() rekod untuk masukkan pautan link pagination

<div class="pagination pull-right">{{ $parcels->links() }}</div>

Source:

https://laravel.com/docs/5.3/pagination
http://tutsnare.com/how-to-create-pagination-in-laravel/
https://www.abit.bt/abit-blogs/simple-laravel-paginated-sortable-table/

Adding Country & State Drop Down List In Laravel

April 18, 2016 by ghazalitajuddin Leave a Comment

Download at http://www.cssscript.com/generic-country-state-dropdown-list-countries-js/

Create public/js directory and put all the .js file inside.

Create public/css directory and put all the .css file inside.

Add to the master blade head tags

<script type="text/javascript" src="{{ asset('js/countries.js') }}"></script>

Add to the bottom of master body tags area

<script language="javascript">
populateCountries("country", "state"); // first parameter is id of country drop-down and second parameter is id of state drop-down
</script>