GhazaliTajuddin.com – A Piece Of Me To Share

Laravel: Exception Handling For NotFoundHttpException

Ramai salah satu komponen penting dalam MVC adalah Routing. Capaian setiap maklumat dikawal melalui route yang telah didefinasikan.

Cthnya:

http://www.ghazali.tajuddin/
http://www.ghazali.tajuddin/membership
http://www.ghazali.tajuddin/membership/1/edit

Tetapi bagaimana sekiranya terdapat capaian secara tidak sengaja kepada route yang tidak didefinasikan? Error lah jawapannya, atau lebih tepat NotFoundHttpException Exception.

Sudah pastinya tak manis bila bila tetamu sampai ke ruangan yang salah, sebaiknya adalah kita menyediakan satu page 404 bagi menangani masalah ini.

Nasib baik Laravel ada cara mudah.

Create satu folder errors/ dalam direktori resources/views/errors/.

Create satu file 404.blade.php. Customize ikut citarasa anda.

Setel sudah. Bole test apa2 route, akan bawa ke page 404.

Selamat mencuba ya!

Refer: https://github.com/laravel/framework/blob/5.0/src/Illuminate/Foundation/Exceptions/Handler.php#L114-L126

protected function renderHttpException(HttpException $e)
	{
		$status = $e->getStatusCode();
		if (view()->exists("errors.{$status}"))
		{
			return response()->view("errors.{$status}", [], $status);
		}
		else
		{
			return (new SymfonyDisplayer(config('app.debug')))->createResponse($e);
		}
	}

protected function renderHttpException(HttpException $e)

{

$status = $e->getStatusCode();

if (view()->exists("errors.{$status}"))

{

return response()->view("errors.{$status}", [], $status);

}

else

{

return (new SymfonyDisplayer(config('app.debug')))->createResponse($e);

}

Laravel $Loop Variable

Pernah tak korang nak hasilkan list dalam sebuah table dengan index number? So each record yang dipaparkan pada table ada numbering la, so senang nak baca.

Biasanya kita akan declare sebelum loop atau pada loop condition index number tu. Tetapi dalam Laravel ia telah dimudahkan dengan adanya $Loop variable.

So apa $Loop variable?

$Loop variable ni adalah satu variable yang terdapat dalam blade templating language since Laravel 5.3. Siapa tak tahu mmg rugi ler. Tapi takde masalah just extra code ajer.

So nak guna $Loop variable ni mudah sahaja just pastikan ia dipanggil dalam loop korang lah.

Contohnya penggunaan $loop->iteration seperti berikut

@foreach ($symptoms as $symptom)

    <tr>
      <td>{{ $loop->iteration }}</td> 
      <td>{{ $symptom->name }}</td>
      <td> {{ $symptom->description }} </td>
      <td>
        <button class="btn btn-primary">Update</button>
      <button class="btn btn-danger">Delete</button></td>
    </tr>

    @endforeach

  </tbody>
</table>

@foreach ($symptoms as $symptom)

<tr>

<td>{{ $loop->iteration }}</td>

<td>{{ $symptom->name }}</td>

<td> {{ $symptom->description }} </td>

<td>

<button class="btn btn-primary">Update</button>

<button class="btn btn-danger">Delete</button></td>

</tr>

@endforeach

</tbody>

</table>

Antara fungsi lain seperti berikut

index – memanggil 0-based index (setiap array start dr 0 kan?)
iteration – memanggil 1-base index
remaining – berapa items tinggal dalam loops
count – jumlah item
first – boolean; adalah ia yang pertama dalam loop
last – boolean; adakah yang terakhor dalam loop
depth – integer; berapa kedalaman loop? pulangkan satu jika satu level, 2 dua level etc
parent – adakah loop ini berada dalam loop lain? pulangkan loop item daripada loop parent atau null

<ul>
@foreach ($pages as $page)
    <li>{{ $loop->iteration }}: {{ $page->title }}
        @if ($page->hasChildren())
        <ul>
        @foreach ($page->children() as $child)
            <li>{{ $loop->parent->iteration }}.{{ $loop->iteration }}:
                {{ $child->title }}</li>
        @endforeach
        </ul>
        @endif
    </li>
@endforeach
</ul>

<ul>

@foreach ($pages as $page)

<li>{{ $loop->iteration }}: {{ $page->title }}

@if ($page->hasChildren())

<ul>

@foreach ($page->children() as $child)

<li>{{ $loop->parent->iteration }}.{{ $loop->iteration }}:

{{ $child->title }}</li>

@endforeach

</ul>

@endif

</li>

@endforeach

</ul>

Selamat mencuba ya!

Sentinel Accessors & Mutators

Ada sesiapa pernah guna mutators function dalam laravel?

Function mutators ni adalah satu fungsi untuk formatkan eloquent attribut ketika anda retrieve atau ketika anda setkan kepada model.

Biasanyanya ia dibuat pada class model seperti model user berikut

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class User extends Model
{
    /**
     * Get the user's first name.
     *
     * @param  string  $value
     * @return string
     */
    public function getFirstNameAttribute($value)
    {
        return ucfirst($value);
        //return ufwords($value))
    }

    public function setFirstNameAttribute($value)
    {
        $this->attributes['first_name'] = strtolower($value);
    }
}

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class User extends Model

{

/**

* Get the user's first name.

* @param string $value

* @return string

public function getFirstNameAttribute($value)

{

return ucfirst($value);

//return ufwords($value))

}

public function setFirstNameAttribute($value)

{

$this->attributes['first_name'] = strtolower($value);

}

Ini menyebabkan apabila anda membuat panggilan dari mana-mana seperti controller atau view

$firstName = $user->first_name;

1	$firstName = $user->first_name;

akan menyebabkan laravel menghantar atribut ke fungsi mutator getFirstNameAttribute() yang memaparkan atribut dengan huruf pertama kapital (Upper Caser). Cthnya jika nama “ghazali” akan keluar “Ghazali”.

Fungsi ini amat berguna bagi formasi data anda. Gunakan set jika anda mahu atttribute anda diubah sebelum disimpan dalam model, manakala gunakan get jika anda mahu ia kekal seperti yang user key in tetapi diubah hanya untuk paparan output sahaja.

Guna set, akan ubah data asal user mengikut format kita kemudian impan.

Guna get, tidak akan ubah data asal user. Data simpan sama seperti asal. Ubah ketika dipanggil untuk paparan sahaja.

Then ada sesiapa guna mutator pada package Sentinel?

Ok sesiapa yang guna package Sentinel mesti pening kat mana nak letak mutator ni? Korang kalau letak kat existing app\model mmg tak jadi ler. So sebenarnya korang kena kat sini

vendor/cartalyst/sentinel/src/Users/EloquetUser.php

1	vendor/cartalyst/sentinel/src/Users/EloquetUser.php

Sentinel guna eloquent nya sendiri, sebab tu tak jadi guna cara diatas. So tambah je macam ni

    public function getFirstNameAttribute($value)
    {
        return ucwords($value);
    }

    public function getLastNameAttribute($value)
    {
        return ucwords($value);
    }

public function getFirstNameAttribute($value)

{

return ucwords($value);

}

public function getLastNameAttribute($value)

{

return ucwords($value);

}

So harap membantu ya!

Frontend Backend bersama Angular Laravel

Nota kaki tentang pembangunan applikasi menggunakan Angular sebagai front end dan Laravel sebagai back end melalui API. Biasalah, nak cari reference bukan senang, ni kira nota kaki untuk diri sendiri. Takpe, pelan2 kayuh. Nanti ada peluang aku buat tutorial aku punya pulak okeh.

Untuk pengetahuan semua (mana yang tak tahu ler), trend pembangunan applikasi sekarang adalah pemisahan antara frontend(UI/UX)) dan backend. Maksud aku jika dahulu pembangunan applikasi melalui kedua-dua proses, dimana apabila ada keperluan untuk view data / insert data, kita terpaksa develop juga page untuk view data, tapi sekarang ni ia tak perlu, kita boleh lakukan kemudian. Backend developer cuma develop dan uji API yang dibangunkan. Pemisahan ini menjadikan proses pembangunan lebih pantas dan teratur. Namun persediaan awal, seperti kajian keperluan menjadi lebih kritikal bagi melancarkan proses pembangunan backend dan ketika proses pembangunan frontend pula nanti. Yelah, just imagine, develop separate backend dan front end, buatnya silap kat backend, frontend tak boleh nak buat kerja, atau output tak dapat seperti dikehendaki client. Kena betulkan, cost lagi!

Visit Pahang 2017: Pasir Kubur, Sungai Lembing

Hari ni aku melayan kanak-kanak riang mandi sungai. Kalau nak cerita bab sungai di Pahang ni banyak sangat la sungainya. Kalau ada peluang aku buat coverage next post insyaAllah. Jadi kita spesifik sikit lah, kalau sungai yang berhampiran Kuantan, pun banyak juga sungainya. Antara yang famous amos adalah Sungai Pandan dimana terletaknya Air Terjun Pandan, dan Sungai Berkelah dimana terletaknya Air Terjun Berkelah, Air Terjun Jerangkang, Air Terjun Pelangi, Sungai Jin dan lain-lain. Eh, aku ni cerita pasal sungai ke air terjun? Alah, boleh lah! Jadi entry kali ni adalah sungai yang terletak berhampiran dengan Sungai Lembing, iaitu Pasir Kubur, sebab lokasinya dekat dengan kubur. Serious beb. Tapi sebenarnya lalu je kubur. Bukan betul-betul sebelah kubur. Tak jadi mandi nanti.

So kalau dari Kuantan nak ke sungai ni, ambil masa setengah jam juga. Apa kelebihan sungai ni? Pertamanya sebab boleh parking betul-betul sebelah sungai, jalannya landai berbatu memudahkan untuk parking kereta berdekatan. Selain itu kawasannya juga luas membolehkan kita cari port masing-masing. Mungkin masih ramai tak tahu tempat ni. Sungainya pun landai, nak kata airnya deras tidak juga, sangat sesuai untuk semua golongan umur, baik dewasa dan kanak-kanak. Maknanya, sangat sesuai untuk datang sekeluarga.

Dari segi facility memang failed sikit, takde apa boleh pakai. Nak buang air agak bermasalah, especially air besar lah. Air kecil boleh “cover line” selam ajelah hahaha. Kawasan memang takde pokok-pokok, jadi kalau nak tukar pakaian, better siap-siap lah, atau boleh bawa kemah sendiri. Just sekadar ada untuk tukar pakaian. Memang tempat ni tiada facility langsung, so better bawalah bekal siap-siap sebelum sampai atau boleh beli siap-siap sebelum sampai ke sini.

Untuk sampai ke Pasir Kubor ni perlu cross jambatan(jambatan besar dont worry). Berhampiran jambatan ada sebuah gerai Mee Jawa yang famous amos juga, iaitu Warung Mee Jawa Pok Yeh. So boleh singgah dulu untuk beli apa-apa sebelum masuk. Jangan lupa try Mee Jawa dia, last time try mmg osem!!! Kali ni tak sempat nak singgah insyaAllah next time aku review sket!

So aku rasa takat ni jela aku sembang tentang sungai Pasir Kubur ni. Luangkan masa jenguk snap shot dalam galeri di bawah ya! Thanks!

[Show as slideshow]

Angular: Add Bootstrap

Bagaimana nak add bootrap dalam Angular?

Buka teminal. Create new angular project.

ng new angular-project

1	ng new angular-project

cd angular-project

1	cd angular-project

Install bootstrap menggunakan npm

# untuk version 3.x
npm install bootstrap --save

# untuk version 4.x
npm install bootstrap@next --save

#guna command "sudo" jika perlu

# untuk version 3.x

npm install bootstrap --save

# untuk version 4.x

npm install bootstrap@next --save

#guna command "sudo" jika perlu

Command diatas akan install bootrap module. Boleh linat dalam direktori node_modules/.
Last sekali configure .angular-cli.json

"apps":[
...
...,
"styles":[
"../node_modules/bootstrap/dist/css/bootstrap.min.css",//<-- tambah line ni
"styles.css"
],

"apps":[

...

...,

"styles":[

"../node_modules/bootstrap/dist/css/bootstrap.min.css",//<-- tambah line ni

"styles.css"

Main navigation

Then ada sesiapa guna mutator pada package Sentinel?

Footer

Tags

Categories

Tags