laravel Archives - Mr Agus

Mengirim Email Menggunakan Framework Laravel

Agus Wiji Suhariono — Thu, 11 May 2017 04:35:03 +0000

Assalamualaikum wr wb, pada artikel kali ini saya akan membahas mengenai bagaimana cara mengirim email menggunakan Framework Laravel. Pada artikel sebelumnya saya sudah membuat bahasan mengenai cara mengirim email dengan framework Yii2 disni, jadi tidak lengkap rasanya jika tidak membuat juga artikel serupa dengan framework Laravel.

Untuk pembuatan aplikasi ini saya menggunakan layanan email dari Google dan Laravel dengan versi 5. Untuk scriptnya sendiri cukup mudah dan scriptnya tidak terlalu panjang. Oke, langsung saja tanpa basa basi lagi kita mulai setting dan buat script nya.

Mengirim Email Menggunakan Framework Laravel

Hal yang pertama-tama kita lakukan adalah kita membuat konfigurasi email terkait dengan SMTP email apa yang akan kita gunakan. Settingnya terletak pada file .env, dan berikut adalah contoh konfigurasi dengan menggunakan smtp google.

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

Pembuatan Method

Selanjutnya saya akan membuat 2 method untuk menampilkan form email dan method yang di gunakan untuk menghandle proses kirim email. Sesuaikan method dan route nya.

Route::get('site/form-mail','SiteController@formMail');
Route::post('site/send-mail','SiteController@sendMail');

Method pertama

Berikut adalah method pertama untuk menampilkan form.

public function formMail(){
   return view('site.formMail');
}

Kemudian buat viewnya di folder site dengan nama formMail.


 {!! Form::open(['action' => 'SiteController@sendMail','method'=>'post']) !!}
 
  
   Email Tujuan
   {!! Form::text('email',null,['class'=>'form-control']) !!}
  
  
   Subjek
   {!! Form::text('subjek',null,['class'=>'form-control']) !!}
  
  
   Opsi Template
   {!! Form::select('opsi_template',['1'=>'Dengan Template','2'=>'Tanpa Template'],null,['class'=>'form-control','promt'=>'- pilih opsi -']) !!}
   
  {!! Form::submit('Kirim Email',['class'=>'btn btn-primary']) !!}
 
 
  
   Pesan
   {!! Form::textarea('pesan',null,['class'=>'form-control']) !!}
  
 
 {!! Form::close() !!}

Setelah jadi kira kira penampakannya seperti berikut.

Mengirim Email Menggunakan Framework Laravel

Dropdown yang saya buat pada form, dimaksudkan untuk memberikan opsi. Apakah email akan dikirimkan hanya berupa text atau dengan menggunakan template.

Method kedua

Method kedua ini adalah digunakan untuk menghandle proses kirim email. Berikut adalah script yang saya buat.

public function sendMail(Request $request){
        $this->validate($request,[
                'email' => 'required',
                'subjek' => 'required',
                'pesan' =>'required',
                'opsi_template' => 'required'
            ]);
        if($request->opsi_template==2){
            $sendMail = Mail::raw($request->pesan, function ($message)use($request) {
                $message->from('bijiagus@gmail.com','Agus Wiji Suhariono');
                $message->subject($request->subjek);
                $message->to($request->email);
            });
        }else{
            $sendMail = Mail::send('email.template', ['request'=>$request], function        ($message)use($request){
                $message->from('bijiagus@gmail.com','Agus Wiji Suhariono');
                $message->subject($request->subjek);
                $message->to($request->email);
            });
        }
        if($sendMail){
             \Session::flash('flash_message','Email berhasil dikirim');

            return redirect()->action('SiteController@formMail');
        }
    }

Pada method tersebut terdapat 2 kondisi, jika opsi template adalah 2, maka email hanya akan dikirim menggunakan Raw String dan untuk kondisi kedua menggunakan template view. Anda bisa melihat berbagai konfigurasi yang tersedia di dokumentasi resmi Laravel, seperti memberikan attachment dan bcc serta lain sebagainya.

Untuk yang menggunakan template view kita harus membuat view yang berisi template yang akan digunakan. Berikut adalah script yang saya buat (folder email dengan nama file template).


   
   Gracias por configurar la facturaci=C3=B3n en G Suite
   


   
   
      
         
            
            
      
         
         Tes Template Agus Biji Corps
         
      
      
      

         
         
         
      
      
         
         
      
         
       	Judul Template
      
      
         
         Sub Judul Template
      
      
         
         
            
               
              	Halo {{ $request->email }}
              
            
            
               
              	{{ $request->pesan }}
               
            
            
               
                  
                     
                        
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                        
                     
            
                  
               
            
         
         
            
               
               
                  
                     
                        
                     
                     
                        
                           
                              
                              
                           
                              
                                 Cek Link Ini
                              
                           
                        
                     
                  
               
               
               
                  
               
            
         
         
      
      
         
         
         bijiagus.com
         
      
   
   
   
   
      
         
            
               Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
            
         
      
   
   
      
      Agus Wiji Suhariono         

      agus@bijiagus.com
      
   
   
   
   
   
      
      © Contoh Template Di ambil dari bootsnip.com

Testing

Setelah semua script di atas sudah di buat semua, saatnya kita mengetes nya. Isi form dan sesuaikan datanya. Pada test pertama saya akan memilih mengirim email tanpa menggunakan template.

Mengirim Email Menggunakan Framework Laravel

Berikut adalah tampilan email yang saya terima.

Mengirim Email Menggunakan Framework Laravel

Selanjutnya kita akan tes dengan opsi menggunakan template.

Mengirim Email Menggunakan Framework Laravel

Terdapat perbedaan bukan, tampilan yang menggunakan template akan terlihat lebih rapi dan bagus. Untuk Selanjutnya anda dapat mengembangkan template sesuai dengan desain yang anda inginkan. Sekian tutorial dari saya ini, semoga dapat bermanfaat dan digunakan dengan baik.

Terimakasih.

The post Mengirim Email Menggunakan Framework Laravel appeared first on Mr Agus.

Membuat Pagination di Modal Bootstrap dengan Framework Laravel

Agus Wiji Suhariono — Sun, 12 Mar 2017 15:07:39 +0000

Assalamualaikum wr wb, pada kesempatan kali ini saya akan membagi tutorial tentang cara membuat Pagination di Modal Bootstrap dengan Framework Laravel. Modal bootstrap merupakan konten yang berupa kotak dialog untuk menampilkan informasi tertentu.

Terdapat banyak pertanyaan dari teman-teman pada waktu menampilkan sebuat tabel pada modal bootstrap, ketika di klik pada paginationnya, halaman akan lepas dan keluar dari modal.

Membuat Pagination di Modal Bootstrap dengan Framework Laravel

Hal ini terkadang menjadi dilema bagi seorang programmer, kita dapat menampilkan sebuah informasi penunjang berupa tabel pada modal bootstrap pada aplikasi kita, tetapi terkadang kita memilih menampilkan informasi itu pada halaman lain, karena terkendala masalah pagination dan data yang terlalu banyak.

Tetapi hal tersebut dapat diatasi dengan mudah dengan menambahkan JQuery sehingga request akan dijalankan dalam bentuk Ajax.

Oke, tanpa basa basi langsung saja kita membuat Pagination di Modal Bootstrap dengan Framework Laravel .

Struktur Tabel

Tabel yang saya gunakan adalah tabel post dengan jumlah data 1000 rows.

mysql> desc posts;
+-------------+--------------+------+-----+---------+----------------+
| Field       | Type         | Null | Key | Default | Extra          |
+-------------+--------------+------+-----+---------+----------------+
| id          | int(11)      | NO   | PRI | NULL    | auto_increment |
| author_id   | int(11)      | NO   |     | NULL    |                |
| title       | varchar(255) | NO   |     | NULL    |                |
| description | varchar(500) | NO   |     | NULL    |                |
| content     | text         | NO   |     | NULL    |                |
| date        | date         | NO   |     | NULL    |                |
+-------------+--------------+------+-----+---------+----------------+

Langkah pertama, kita buat script untuk menampilkan modal dengan ukuran large pada layouts (agar bisa di pakai di konten yang lain).

Tambahkan javascript yang di gunakan untuk menampilkan modal Large.

$('.modalLg').off('click').on('click', function (e) {
        $("#modalLg").modal('show');
        $('#modalLgContent').load($(this).attr('href'));
        $('#modalLgTitle').html($(this).attr('title'));
        e.preventDefault();
    });

Selanjutnya buat contoller untuk menampilkan halaman yang isinya tombol view data.

public function modalPagination(){
        return view('site.modalPagination');
    }

untuk view modalPagination.blade.php.

@extends('layouts.main')

@section('title', 'Modal Pagination')
@section('content')

 
  View Data
 

@endsection

Kemudian buat controler untuk menampilkan view yang akan muncul pada konten modal bootstrap.

public function viewModalPagination(){
        $dataPost = Post::orderBy('title','ASC')->paginate(5);
        return view('site.viewModalPagination',compact('dataPost'))->renderSections()['content'];
    }

Lanjutkan membuat viewnya viewModalPagination.blade.php, untuk javascriptnya saya buat juga pada file ini, berikut adalah scriptnya :

@extends('layouts.main')

@section('title', 'Modal Pagination')
@section('content')


    
        Jumlah Data : {{ $dataPost->total() }}
        
                @if($dataPost->total() > 0)
                @foreach($dataPost as $row)
                
                @endforeach
                @else
                
                @endif
            
            
                
                    Id
                    Author ID
                    Title
                    Description
                    Content
                    Date
                
            
            
                    {{ $row->id }}
                    {{ $row->author->first_name }}
                    {{ $row->title }}
                    {{ $row->description }}
                    {{ $row->content }}
                    {{ $row->date }}
                

                    Data tidak tersedia
                
        
        {!! $dataPost->links() !!}
    

@endsection

Id	Author ID	Title	Description	Content	Date
{{ $row->id }}	{{ $row->author->first_name }}	{{ $row->title }}	{{ $row->description }}	{{ $row->content }}	{{ $row->date }}
Data tidak tersedia

Uji Coba

Setelah semua script di atas di buat, kita mulai uji coba dengan menampilkan halaman index yang terdapat tombol viewdata.

Kemudian klik tombol tersebut untuk menampilkan modal bootstrap.

Untuk mencoba, klik link paginationnya.

Membuat Pagination di Modal Bootstrap dengan Framework Laravel

Kita bisa lihat di console, pagination request menggunakan ajax.

Membuat Pagination di Modal Bootstrap dengan Framework Laravel

Mudah bukan , sekian tutorial dari saya, semoga dapat bermanfaat, tetap belajar dan berusaha. Terimakasih.

source code : https://github.com/AgusWijiSuhariono/demoApp

The post Membuat Pagination di Modal Bootstrap dengan Framework Laravel appeared first on Mr Agus.

Membuat Form Upload File dengan Ajax dan Framework Laravel

Agus Wiji Suhariono — Tue, 07 Mar 2017 14:12:00 +0000

Assalamualaikum wr wb, pada kesempatan kali ini saya akan membuat tutorial bagaimana cara membuat form upload file dengan ajax dan Framework Laravel. Pada tutorial yang lain, saya pernah membuat tulisan mengenai upload file juga tetapi di framework Yii 2 (disini). Tulisan kali ini secara teknis tidak akan jauh berbeda, bedanya form akan di munculkan dalam bentuk modal dan akan di tambahkan progress bar untuk menunjukkan status file yang akan di upload. Hal ini akan membuat form terlihat lebih menarik dan interaktif, untuk scriptnya sendiri tidak terlalu sulit tetapi harus lebih menguasai tentang javascript dan Jquery. Untuk lebih lanjutnya kita mulai saja scripting cara membuat form upload file dengan ajax dan framework laravel.

Desain Tabel

Berikut adalah desain tabel yang saya gunakan.

mysql> desc tb_file;
+------------+--------------+------+-----+---------+----------------+
| Field      | Type         | Null | Key | Default | Extra          |
+------------+--------------+------+-----+---------+----------------+
| id         | int(11)      | NO   | PRI | NULL    | auto_increment |
| nama       | varchar(100) | NO   |     | NULL    |                |
| file       | varchar(250) | NO   |     | NULL    |                |
| created_at | datetime     | NO   |     | NULL    |                |
| updated_at | datetime     | NO   |     | NULL    |                |
+------------+--------------+------+-----+---------+----------------+
5 rows in set (0,00 sec)

Membuat Form Upload File dengan Ajax dan Framework Laravel

Untuk scripting, pertama-tama kita buat Model dan Controllernya dengan menggunakan artisan.

php artisan make:controller TbFileController --resource

php artisan make:model TbFile

Model TbFile :


Lengkapi Controller pada TbFileController, method yang akan saya gunakan adalah index, create, store, dan destroy. File dokumen yang terupload akan terletak di folder public/images. Untuk Scriptnya sebagai berikut :
public function index()
{
    $file = TbFile::paginate(4);
    return view('file.index',compact('file'));
}

public function create() //menampilkan form secara partial
{
    $file = new TbFile;
    return view('file.create',compact('file'))->renderSections()['content'];
}

public function store(Request $request)
{
   $maxId = \DB::table('tb_file')->max('id') + 1;
   try{       
       $uploaded = $request->file('file');
       $file = new TbFile;
       $file->id = $maxId;
       $file->nama = $request->nama;
       $file->file = $maxId."-".$uploaded->getClientOriginalName();
       $file->save();

       $uploaded->move(public_path('images/'),$file->file); //Folder lokasi File
       \Session::flash('flash_message','Gambar berhasil ditambahkan');
   }catch(\Exception $e){
        echo $e->getMessage();
        echo "
".$e->getLine();
        die();
   }

    $response = array(
         'status' => 'success',
         'url' => action('TbFileController@index'),
    );
    return $response;
 }

public function destroy($id)
{
     $file = TbFile::findOrFail($id);
     unlink(public_path('images/').$file->file); //menghapus dokumen pada folder terkait
     $file->delete();

     \Session::flash('flash_message','Dokumen berhasil di hapus');
     return redirect()->action('TbFileController@index');
}
Script Untuk Menampilkan Modal akan sedikit berbeda dengan tutorial saya yang sebelumya. Ini akan sedikit lebih pendek dan simple.
Javascript nya :
$('.modalMd').off('click').on('click', function (e) {
    $("#modalMd").modal('show');
    $('#modalMdContent').load($(this).attr('href'));
    $('#modalMdTitle').html($(this).attr('title'));
    e.preventDefault();
});
view modal Content :

   
      
          
             
             
          
      
         
         
      
   
 

Kemudian view untuk tampilan Index ( view/file/index.blade.php )

    
         Upload Foto
        
            @foreach($file as $row)
            
                
                    {{ Html::image('images/'.$row->file,$row->nama) }}
                    
                        {{ $row->nama }}
                        
                            {{ csrf_field() }}
                            {{ method_field('DELETE') }}
                               
                        
                    
                
            
            @endforeach
        
        
            
                {!! $file->links() !!}
            
        
    

Untuk Form upload nya sebagai berikut :
{!! Form::model($file, [
'action' => ['TbFileController@store'],
'id'=>'formUpload'
]) !!}

    
        
            
                
            
        
        
            Nama File
            {!! Form::text('nama',null,['class'=>'form-control']) !!}
        
        
            Gambar
            {!! Form::file('file') !!}
        
        {!! Form::submit('Simpan',['class'=>'btn btn-sm btn-success']) !!}
    

{!! Form::close() !!}
Nah, intinya ada disni  . Javascript yang digunakan untuk mengeksekusi form upload file sebagai berikut :

Jangan lupa untuk Route nya adalah sebagai berikut :
Route::resource('data-file', 'TbFileController');
Uji Coba
Setelah semua script di atas di pasang, kita mulai menampilkan halaman awal terlebih dahulu.
Membuat Form Upload File dengan Ajax dan Framework Laravel
Kemudian kita klik tombol upload foto sehingga akan muncul form dalam bentuk modal bootstrap.
Membuat Form Upload File dengan Ajax dan Framework Laravel
Kemudian kita isi form dan file yang ingin di upload, kemudian submit form tersebut.
Membuat Form Upload File dengan Ajax dan Framework Laravel
Foilahh, gambar berhasil terupload  .
Membuat Form Upload File dengan Ajax dan Framework Laravel
Anda juga dapat menambahkan validasi, agar file jenis tertentu saja yang boleh di upload, untuk daftar validasinya anda bisa lihat disini.
$this->validate($request,[
      'nama' => 'required',
      'file' => 'required|mimes:jpg'
]);

Mudah bukan  , sekian tutorial dari saya, semoga dapat bermanfaat, tetap belajar dan berusaha  . Terimakasih.
The post Membuat Form Upload File dengan Ajax dan Framework Laravel appeared first on Mr Agus.

Autentikasi User menggunakan role dan middleware di Framework Laravel

Agus Wiji Suhariono — Sun, 25 Sep 2016 11:32:59 +0000

Assalamualaikum wr wb, pada kesempatan kali ini saya akan share postingan mengenai cara membuat autentikasi user menggunakan role dan middleware di Framework Laravel. Pada sebuah aplikasi, autentikasi merupakan hal yang harus di perhatikan. Autentikasi menjadi hal yang penting karena digunakan untuk memfilter informasi yang akan kita sajikan pada pengguna. Jika kita membuat sebuah aplikasi yang enterprise, tentunya tidak semua user di samaratkan fiturnya untuk mengakses aplikasi tersebut. Oleh karena itu kita perlu membuat sebuat user leveling atau role untuk menangani akses user sesuai dengan jabatan atau ketentuan tertentu.

Laravel menyediakan fitur untuk membuat konfigurasi autentikasi pengguna dengan mudah, dan menghemat waktu. Tetapi untuk membuat sebuah role kita perlu modifikasi route dan menambahkan sebuah middleware, karena middleware lah yang akan menjadi penengah antara request dan response.

Autentikasi user menggunakan role dan middleware di framework laravel

Pertama-tama kita buat terlebih dahulu desain database nya, pertama adalah table user yang digunakan untuk menyimpan data akun, dan tabel role yang di gunakan untuk menyimpan data role.

Tabel user :

+----------------+------------------+------+-----+---------+----------------+
| Field          | Type             | Null | Key | Default | Extra          |
+----------------+------------------+------+-----+---------+----------------+
| id             | int(10) unsigned | NO   | PRI | NULL    | auto_increment |
| role_id        | int(10) unsigned | NO   |     | 0       |                |
| name           | varchar(255)     | NO   |     | NULL    |                |
| email          | varchar(255)     | NO   | UNI | NULL    |                |
| password       | varchar(255)     | NO   |     | NULL    |                |
| remember_token | varchar(100)     | YES  |     | NULL    |                |
| created_at     | timestamp        | YES  |     | NULL    |                |
| updated_at     | timestamp        | YES  |     | NULL    |                |
+----------------+------------------+------+-----+---------+----------------+

Tabel Role :

+-------+----------+------+-----+---------+----------------+
| Field | Type     | Null | Key | Default | Extra          |
+-------+----------+------+-----+---------+----------------+
| id    | int(11)  | NO   | PRI | NULL    | auto_increment |
| nama  | tinytext | NO   |     | NULL    |                |
+-------+----------+------+-----+---------+----------------+

Kemudian kita buat model role dan user pada project kita. Saya akan membuat 2 buah role dengan nama level admin dan tamu, gunakan tinker untuk memasukkan data.

Autentikasi User menggunakan role dan middleware di Framework Laravel

Scripting

Kita mulai ngoding, mulai dari pembuatan midleware, serta penambahan fungsi pada model user. Dimulai dengan membuat sebuah middleware dengan nama CekRole dengan menggunakan artisan.

php artisan make:middleware CekRole

Kemudian kita buat dua buah fungsi :

Fungsi handle digunakan untuk membandingkan role user dan route yang di akses apakah sesuai, jika tidak sesuai maka akan di redirect dengan http status 503.
Fungsi cekRoute digunakan untuk mengecek aksesibility route.

CekRoute($request->route());
        
        if($request->user()->hasRole($roles) || !$roles)
        {
            return $next($request);
        }
        return abort(503, 'Anda tidak memiliki hak akses');
    }

    private function CekRoute($route)
    {
        $actions = $route->getAction();
        return isset($actions['roles']) ? $actions['roles'] : null;
    }
}

Kernel.php

protected $routeMiddleware = [
        'auth' => \App\Http\Middleware\Authenticate::class,
        'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
        'can' => \Illuminate\Foundation\Http\Middleware\Authorize::class,
        'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
        'roles'    => \App\Http\Middleware\CekRole::class,
    ];

Jangan lupa daftarkan middleware pada kernel(App\Http\Kernel.php), kemudian lanjut kita buat fungsi pada model user.

belongsTo('App\Role','role_id');
    }

    public function hasRole($roles)
    {
        $this->have_role = $this->getUserRole();
        
        if(is_array($roles)){
            foreach($roles as $need_role){
                if($this->cekUserRole($need_role)) {
                    return true;
                }
            }
        } else{
            return $this->cekUserRole($roles);
        }
        return false;
    }
    private function getUserRole()
    {
       return $this->role()->getResults();
    }
    
    private function cekUserRole($role)
    {
        return (strtolower($role)==strtolower($this->have_role->nama)) ? true : false;
    }
}

Penjelasan :

Fungsi getUserRole() : untuk mengecek id role dari table user ke table role.
Fungsi cekUserRole() : untuk membandingkan role di routes dengan role di user.
public function role() : relationship fungsi ke model role.
hasRole : untuk membandingkan role, dengan menggunakan fungsi getUserRole() dan cekUserRole(), pada fungsi ini terdapat kondisi, is array untuk mengecek apakah role dari route berupa array atau tidak.

Kita sesuaikan juga routesnya, kita tentukan filter role apa saja yang bisa mengakses.

Route::auth();

Route::get('/home',function(){
 return view('welcome');
});

Route::get('/', function () {
    return view('welcome');
});

Route::group(['middleware' => ['web', 'auth', 'roles']],function(){
 Route::group(['roles'=>'Tamu'],function(){
  Route::resource('site', 'SiteController');
 });
 
 Route::group(['roles'=>'Admin'],function(){
  Route::resource('user', 'UserController');
 });
});

Uji Coba

Setelah semua persiapan di atas sudah di buat, selanjutnya kita mulai uji coba, disini saya akan login dengan role sebagai admin. Role admin hanya dapat mengakses route UserController.

Autentikasi User menggunakan role dan middleware di Framework Laravel

User dengan role admin bisa mengakses aplikasi dengan route user, tetapi ketika mengakses route site akan di redirect ke halaman error. Mudah Bukan

Sekian tutorial singkat dari saya, semoga dapat bermanfaat. Terimakasih.

The post Autentikasi User menggunakan role dan middleware di Framework Laravel appeared first on Mr Agus.

Validasi form di Modal Bootstrap pada framework Laravel

Agus Wiji Suhariono — Mon, 29 Aug 2016 14:34:04 +0000

Assalamualaikum wr wb, kali ini saya akan sharing cara membuat validasi form di modal bootstrap pada framework laravel. Pada tulisan saya sebelumnya saya sudah membuat cara membuat validasi request dan membuat modal bootstrap di framework Laravel.

Saya akan mencoba menggabungkan kedua hal tersebut untuk membuat sebuah form yang dapat di validasi dan menampilkan pesan errornya pada modal bootstrap.

Validasi form di Modal Bootstrap pada framework Laravel

Metode yang saya gunakan adalah data akan di submit melalui ajax, dan untuk response error atau success nya di ambil dari JSON.

Konten modal ini juga dapat di gunakan secara dinamis, teman-teman tidak perlu membuat modal untuk menampilkan form dan pesan error untuk tiap tiap form yang di buat. Form akan di render secara partial pada konten modal yang terdapat pada layout.

Koding yang di buat tidak akan seribet seperti penjelasan saya di atas, anda hanya cukup mengerti bagaimana cara Jquery bekerja .

Aplikasi yang saya gunakan seperti pada aplikasi sebelumnya disini, kita hanya perlu merubah sedikit script pada javasript dan form. Saya akan mencoba mencoba form untuk insert data pada tabel blog. Pertama tama kita buat button untuk menampilkan sebuah form pada modal.

Create From Modal

Kemudian kita tambahkan javascript untuk menghandle submit form melalui ajax.

$(document).on('ajaxComplete', function () {
 $(function () {
    $.ajaxSetup({
      headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') }
    });
 });

 $(".ajaxSubmit").on('submit',function(e){
   var form = $(this);
  
   $.ajax({
    type: "POST",
    url: form.attr( 'action' ),
    data: form.serialize(),
    success:function(data, textStatus, jqXHR) 
    {
      var data = jqXHR.responseJSON;
      window.location.href = data.url;
    },
    error: function(jqXHR, textStatus, errorThrown) 
    {
      var data = jqXHR.responseJSON; 
      errorsHtml = '';

      $.each( data, function( key, value ) {
       errorsHtml += '' + value[0] + '';
      });
      errorsHtml += '';
      $(".modalError").html(errorsHtml);
    }
  });
  e.preventDefault();
  e.unbind();
  });
});

Penjelasan :

on(ajaxComplete) : agar fungsi ini dapat di akses ketika kita terdapat request ajax.
Saya tambahkan token pada http header, agar tidak terjadi error CSRF pada saat submit form dengan method POST.
Ketika Ajax mengembalikan response sukses, halaman akan di refresh dan di arahkan ke object url.
Ketika Ajax mengembalikan response error, pesan error akan dimasukkan pada variabel errorsHtml dan akan ditampilkan pada class modalError.
e.preventDefault : agar form tidak lari saat form di lakukan proses submit .

Modifikasi Controller pada method create dan store, kita juga dapat mengecek apakah request yang diterima apakah melalui ajax atau tidak dengan menggunakan fungsi $request->ajax().

Untuk method create kita tambahkan skrip agar dapat di render secara partial pada section(‘content’).

public function create(Request $request)
    {
        $blog = new TbBlog;
        $kategori = TbKategori::lists('nama_kategori','id_kategori');

        if($request->ajax()){
            return view('site.create',compact('blog','kategori'))->renderSections()['content'];
        }else{
            return view('site.create',compact('blog','kategori'));
        }
    }

Pada method store, tambahkan skrip untuk mengembalikan response sukses yang akan diterima oleh ajax.

public function store(SiteRequest $request)
   {
       $blog = new TbBlog;
       $blog->id_kategori = $request->id_kategori;
       $blog->tanggal = $request->tanggal;
       $blog->judul = $request->judul;
       $blog->isi = $request->isi;
       $blog->status = $request->status;

       $blog->save();

       if($request->ajax()){
           \Session::flash('flash_message','data berhasil disimpan');
           $response = array(
               'status' => 'success',
               'url' => action('SiteController@index'),
               );
           return $response;
       }else{
           \Session::flash('flash_message','data berhasil di simpan');
           return redirect()->action('SiteController@index');
       }
   }

@extends('layouts.main')

@section('title', 'Create')
@section('content')


 
  Create Blog
  {!! Form::model($blog, array('action' => 'SiteController@store','class'=>'ajaxSubmit')) !!}
   @include('site._form')
  {!! Form::close() !!}


@endsection

Sesuaikan juga class pada form create, kita tambahkan class ajaxSubmit.

Uji Coba

Validasi form di Modal Bootstrap pada framework Laravel

Setelah seluruh skrip di atas dibuat, saatnya kita mulai uji coba apakah proses dapat berjalan dengan baik. Pertama tama saya tampilkan view utama untuk menampilkan data blog. Kita coba aktifkan form pada modal bootstrap dengan menekan tombol Create From Modal.

Validasi form di Modal Bootstrap pada framework Laravel

Kita coba submit dalam posisi data masih kosong untuk mengecek apakan pesan error dari form validation berjalan dengan baik.

Validasi form di Modal Bootstrap pada framework Laravel

Pesan error muncul pada modal bootstrap yang kita buat , sekarang kita isikan data yang sesuai dan submit form tersebut.

Validasi form di Modal Bootstrap pada framework Laravel

Data berhasil di create dan di tambahkan pada tabel blog. Cukup mudah bukan, skrip nya juga tidak begitu banyak mengingat metode ini dapat digunakan secara dinamis pada tiap tiap form yang ingin dibuat submit datanya juga melalui modal.

Sekian tutorial dari saya, semoga dapat bermanfaat dan di gunakan dengan baik, CMIWW. Terimakasih.

The post Validasi form di Modal Bootstrap pada framework Laravel appeared first on Mr Agus.

Membuat modal bootstrap di framework Laravel

Agus Wiji Suhariono — Sun, 28 Aug 2016 12:28:37 +0000

Assalamualaikum wr wb, artikel kali ini saya akan bahas mengenai cara membuat modal bootstrap di framework laravel. Pada artikel yang lain saya pernah menulis juga cara membuat modal, tetapi pada framework Yii2. Seperti pada artikel tersebut modal ini akan di tampilkan secara dinamis dan bisa di gunakan untuk menampilkan berbagai macam view.

Modal tidak harus di buat berulang pada setiap view, karena pada modal content akan meng load view dari Controller. Secara dasar, cara membuat modal pada laravel dan yii tidak ada bedanya, karena menggunakan jquery dan hanya harus menampilkan view secara partial.

Membuat modal bootstrap di framework Laravel

Aplikasi yang saya gunakan pada artikel ini, sama dengan yang saya gunakan artikel saya sebelumnya CRUD dengan RESTful controller di framework Laravel. Modal yang saya buat akan menampilkan data sesuai dengan item yang di klik pada tabel yang tersedia. Untuk lebih jelasnya, langsung saja kita mulai membuat kodingnya.

Kita buat terlebih dulu JQuery nya.

$(document).on('ajaxComplete ready', function () {
    $('.modalMd').off('click').on('click', function () {
        $('#modalMdContent').load($(this).attr('value'));
        $('#modalMdTitle').html($(this).attr('title'));
    });
});

Kemudian kita buat modal pada layout.

Kita dapat lihat pada class modal title saya tambahkan id modalMdTitle untuk menampilkan title secara dinamis. Pada class modal body juga saya tambahkan div yang mempunyai id modalMdContent untuk menampilkan konten secara dinamis. Kemudian kita buat controller yang akan digunakan.

public function show(Request $request,$id)
    {
        $blog = TbBlog::find($id);
        return view('site.show',compact('blog'))->renderSections()['content'];
    }

fungsi renderSections digunakan untuk menampilkan view secara partial dengan @yield(‘content’). Kita sesuaian juga view yang digunakan pada tabel blog.


 
  
    @foreach($blog as $row)
    
    @endforeach
   
   
     
     Kategori
     Tanggal
     Judul
     Isi
     Status
     Action
    
   
   
     {{ $row->id_kategori }}
     {{ $row->tanggal }}
     {{ $row->judul }}
     {{ $row->isi }}
     {{ $row->status }}
     
      
      
       {{ csrf_field() }}
       {{ method_field('DELETE') }}

Kategori	Tanggal	Judul	Isi	Status	Action
{{ $row->id_kategori }}	{{ $row->tanggal }}	{{ $row->judul }}	{{ $row->isi }}	{{ $row->status }}	{{ csrf_field() }} {{ method_field('DELETE') }}

Perhatikan tag anchor, href di beri nilai “#” dan value nya berisi controller yang akan di akses. Sesuaikan juga view yang digunakan untuk menampilkan detail data blog.

@extends('layouts.main')

@section('title', 'CRUD BLOG')
@section('content')

 
  
   
    
     Kategori
     {{ $blog->kategori->nama_kategori }}
    
    
     Judul
     {{ $blog->judul }}
    
    
     Tanggal
     {{ $blog->tanggal }}
    
    
     Isi
     {{ $blog->isi }}
    
    
     Status
     {{ $blog->statusBlog() }}
    
   
  
 

@endsection

Uji Coba

Setelah semua persiapan selesai, kita mulai untuk test apakah sudah berjalan secara normal. Coba kita klik view detail data untuk tiap-tiap row item pada tabel blog.

Membuat modal bootstrap di framework Laravel

Modal berhasil menampilkan data sesuai dengan row yang kita pilih. Sekian Artikel yang saya buat, semoga dapat bermanfaat dan dipakai dengan baik. Terimakasih.

The post Membuat modal bootstrap di framework Laravel appeared first on Mr Agus.

Membuat validasi request di framework Laravel

Agus Wiji Suhariono — Thu, 18 Aug 2016 02:52:42 +0000

Assalamualaikum wr wb, pada kesempatan kali ini saya akan memberikan tutorial mengenai cara membuat validasi request di framework Laravel. Setelah sebelumnya saya sudah membuat tutorial mengenai cara membuat CRUD dengan restful controller, tidak afdol rasanya jika tidak ada sebuah metode validasi data pada crud tersebut. Validasi data adalah hal penting yang harus di lakukan pada sebuah form, karena hal tersebut akan menambah ke validan data yang akan di masukkan database yang terkait. End user tidak dapat sembarangan mengisi data pada inputan form. Mereka harus mengikuti kaidah kaidah yang sudah di tentukan, misalnya untuk inputan nama tidak boleh ada integer(angka), inputan email harus menggunakan format email dsb.

Laravel termasuk framework yang kaya fitur dan mampu mengakomodir permintaan kita, laravel menyediakan class yang menangani http request. Class ini dapat digunaan untuk mengecek apakah request memiliki method post atau get, dapat mengetahui apakah request dari ajax, termasuk melakukan sebuah metode validasi data. Oke langsung saja kita mulai untuk membuat validasi request di framework Laravel

Membuat validasi request di framework Laravel

Untuk persiapan awal kita buat terlebih dahulu sebuah file request yang akan digunakan untuk memvalidasi form yang akan kita buat dengan artisan.

php artisan make:request SiteRequest

File yang tergenerate akan terdapat di App\Http\Requests\SiteRequest. Saya membuat validasi untuk field field yang di submit harus required / tidak boleh kosong. Pada file SiteRequest kita tambahkan rule nya sebagai berikut, untuk rule yang lain anda bisa lihat di website resminya disini.

 'required',
            'judul' => 'required',
            'isi' => 'required',
            'status' => 'required'
        ];
    }
}

Kemudian pada method yang di gunakan untuk proses menyimpan data kita tambahkan class SiteRequest tersebut.

public function store(SiteRequest $request)
    {
        $blog = new TbBlog;
        $blog->id_kategori = $request->id_kategori;
        $blog->tanggal = $request->tanggal;
        $blog->judul = $request->judul;
        $blog->isi = $request->isi;
        $blog->status = $request->status;
        $blog->save();
        \Session::flash('flash_message','data berhasil di simpan');

        return redirect()->action('SiteController@index');
    }

* jangan lupa use class SiteRequest ( use App\Http\Requests\SiteRequest )

Kita buat juga fungsi yang di gunakan untuk menampilkan pesan error, fungsi ini saya letakkan di layout main.

@if ($errors->any())
  
     
  
    @foreach ($errors->all() as $error)
    {{ $error }}
    @endforeach
 


@endif

Uji Coba Validasi Form

Sekarang kita coba pada form yang akan digunakan untuk insert data, isian form kita buat kosong.

Membuat validasi request di framework Laravel

Layout akan menampilkan pesan error, isian apa saja yang kita buat required tadi. Kita juga dapat membuat custom pesan yang akan di tampilkan pada pesan error.

public function rules()
    {
        return [
            'tanggal' => 'required',
            'judul' => 'required|min:10',
            'isi' => 'required',
            'status' => 'required'
        ];
    }

    public function messages()
    {
        return [
            'tanggal.required' => 'Tanggal tidak boleh kosong broo',
            'judul.min' => 'Untuk Judul minimal 10 Karakter coy',
        ];
    }

Sekian tutorial dari saya mengenai validasi form request di Laravel. Semoga data bermanfaat, Terimakasih.

The post Membuat validasi request di framework Laravel appeared first on Mr Agus.

Membuat CRUD di Laravel dengan RESTful Controller

Agus Wiji Suhariono — Wed, 17 Aug 2016 16:06:33 +0000

Assalamualaikum wr wb, pada kesempatan kali ini saya share cara membuat CRUD di Laravel dengan RESTful Controller. Setelah sebelumnya saya memberikan tutorial mengenai cara instalasi framework laravel, tahap berikutnya kita buat CRUD data pada database dengan framework Laravel. Bagi yang baru belajar sebuah framework, kita harus memiliki dasar dasar cara memanipulasi data dengan menggunakan fungsi yang terdapat pada framework tersebut. Karena pada dasarnya sebuah aplikasi merupakan sekumpulan fungsi manipulasi data yang tersusun secara sistematis dan ter struktur.

Laravel menyediakan sebuah controller yang memiliki sekumpulan fungsi lengkap yang bisa melakukan create, read, update dan delete. Hal ini dapat membantu menghemat waktu kita, karena tidak perlu membuat fungsi tersebut dan mendefinisikan tiap tiap fungsi tersebut pada route. Berikut adalah list route jika menggunakan RESTful Controller.

Membuat CRUD di Laravel dengan RESTful Controller

Saya akan menggunakan dua tabel pada crud yang kita buat, tabel yang di pakai adalah tabel kategori dan tabel blog. Tabel blog dan kategori memiliki relasi dengan id_kategori sebagai foreign key di tabel Blog.

Tb Kategori

+---------------+-------------+------+-----+---------+----------------+
| Field         | Type        | Null | Key | Default | Extra          |
+---------------+-------------+------+-----+---------+----------------+
| id_kategori   | int(11)     | NO   | PRI | NULL    | auto_increment |
| nama_kategori | varchar(50) | NO   |     | NULL    |                |
+---------------+-------------+------+-----+---------+----------------+

Tb Blog

+-------------+--------------+------+-----+---------+----------------+
| Field       | Type         | Null | Key | Default | Extra          |
+-------------+--------------+------+-----+---------+----------------+
| id          | int(11)      | NO   | PRI | NULL    | auto_increment |
| id_kategori | int(11)      | NO   | MUL | 0       |                |
| tanggal     | date         | YES  |     | NULL    |                |
| judul       | varchar(50)  | YES  |     | NULL    |                |
| isi         | varchar(50)  | YES  |     | NULL    |                |
| status      | int(11)      | YES  |     | NULL    |                |
+-------------+--------------+------+-----+---------+----------------+

Mulai Nyekrip

Setelah itu kita buat model dan restful controller menggunakan artisan. Saya juga menggunakan form dari laravel collective, untuk instalasi dan konfigurasi bisa dilihat dari website resminya disini.

php artisan make:model TbKategori

php artisan make:model TbBlog

php artisan make:controller SiteController --resource

Berikut adalah konfigurasi model dengan timestamps false.

Model TbBlog.


Model TbKategori.

Kemudian kita buat view dengan struktur sebagai berikut.
Membuat CRUD di Laravel dengan RESTful Controller
Index
Berikut adalah method yang di gunakan untuk menampilkan data pada tabel tb_kategori.
*jangan lupa use model TbBlog.
public function index()
    {
        $blog = TbBlog::all();
        return view('site.index',compact('blog'));
    }
View yang terdapat pada file index.blade.php.
@extends('layouts.main')

@section('title', 'CRUD BLOG')
@section('content')


 
  Create
 


 
  
    @foreach($blog as $row)
    
    @endforeach
   
   
    
     Kategori
     Tanggal
     Judul
     Isi
     Status
     Action
    
   
   
     {{ $row->id_kategori }}
     {{ $row->tanggal }}
     {{ $row->judul }}
     {{ $row->isi }}
     {{ $row->status }}
     
      
      
       {{ csrf_field() }}
       {{ method_field('DELETE') }}
          
      	
     
    
  
 


@endsection
Create
Berikut adalah skrip yang digunakan untuk proses insert. Terdapat 2 method yang digunakan untuk proses insert data, yaitu method create dan method store. Method Create di gunakan untuk menampilkan form sementara method store digunakan untuk menyimpan data. Untuk mengisi form selection pada kategori kita gunakan lists.
public function create()
{
       $blog = new TbBlog;
       $kategori = TbKategori::lists('nama_kategori','id_kategori');

       return view('site.create',compact('blog','kategori'));
}

public function store(Request $request)
{
      $blog = new TbBlog;
      $blog->id_kategori = $request->id_kategori;
      $blog->tanggal = $request->tanggal;
      $blog->judul = $request->judul;
      $blog->isi = $request->isi;
      $blog->status = $request->status;

      $blog->save();
      \Session::flash('flash_message','data berhasil di simpan');
      return redirect()->action('SiteController@index');
}
create.blade.php.
@extends('layouts.main') 
@section('title', 'Create')
@section('content')

 
  Create Blog
  {!! Form::model($blog, array('action' => 'SiteController@store')) !!}
   @include('site._form')
  {!! Form::close() !!}


@endsection
Update
Berikut adalah skrip yang digunakan untuk proses update. Terdapat dua method yang di gunakan untuk proses update, yaitu method edit untuk menampilkan form edit dan method update yang untuk proses menyimpan update.
    public function edit($id)
    {
        $blog = TbBlog::find($id);
        $kategori = TbKategori::lists('nama_kategori','id_kategori');
        return view('site.edit',compact('blog','kategori'));
    }
    public function update(Request $request, $id)
    {
        $blog = TbBlog::find($id);
        $blog->id_kategori = $request->id_kategori;
        $blog->tanggal = $request->tanggal;
        $blog->judul = $request->judul;
        $blog->isi = $request->isi;
        $blog->status = $request->status;

        $blog->save();
        \Session::flash('flash_message','data berhasil di update');

        return redirect()->action('SiteController@index');
    }
edit.blade.php.
*untuk proses update harus menggunakan method PUT
@extends('layouts.main')

@section('title', 'Update')
@section('content')

 
  Update Blog
  {!! Form::model($blog, array('action' => ['SiteController@update','id'=>$blog->id])) !!}
   
   @include('site._form')
  {!! Form::close() !!}

@endsection
Form
Untuk form create dan update tidak perlu kita buat terpisah, cukup kita buat satu dan gunakan include.

 Kategori
 {!! Form::select('id_kategori', $kategori,null,['class'=>'form-control','placeholder' => '- pilih kategori -']) !!}


 Tanggal
 {!! Form::date('tanggal', null, ['class'=>'form-control']) !!}


 Judul
 {!! Form::text('judul',null,['class'=>'form-control']); !!}


 Isi
 {!! Form::textarea('isi',null,['class'=>'form-control', 'rows' => 2, 'cols' => 40]) !!}


 Status
 
  {!! Form::radio('status', '1') !!}Aktif
 
 
  {!! Form::radio('status', '0') !!}Non Aktif
 

{!! Form::submit('Simpan',['class'=>'btn btn-success']); !!}
Delete
Berikut adalah method yang digunakan untuk proses hapus.
public function destroy($id)
    {
        $blog = TbBlog::destroy($id);
        \Session::flash('flash_message','data berhasil di hapus');
        return redirect()->action('SiteController@index');
    }
Uji Coba
Oke sekarang kita coba tes skrip yang telah kita buat di atas. Untuk tampilan index nya adalah sebagai berikut.
Membuat CRUD di Laravel dengan RESTful Controller
Kemudian kita coba insert data.
Membuat CRUD di Laravel dengan RESTful Controller
Data berhasil disimpan pada database.
Membuat CRUD di Laravel dengan RESTful Controller
Kemudian coba proses update data.
Membuat CRUD di Laravel dengan RESTful Controller
Membuat CRUD di Laravel dengan RESTful Controller
Kemudian kita coba proses delete.
Membuat CRUD di Laravel dengan RESTful Controller
Semua proses sudah berjalan dengan baik untuk proses dasar crud. Untuk validasi request akan kita bahas pada tulisan berikutnya. Sekian tulisan dari saya mengenai Membuat CRUD di laravel dengan RESTful Controller. Semoga bermanfaat, Terimakasih.
The post Membuat CRUD di Laravel dengan RESTful Controller appeared first on Mr Agus.

Kategori	Tanggal	Judul	Isi	Status	Action
{{ $row->id_kategori }}	{{ $row->tanggal }}	{{ $row->judul }}	{{ $row->isi }}	{{ $row->status }}	{{ csrf_field() }} {{ method_field('DELETE') }}

Cara menginstall Framework Laravel

Agus Wiji Suhariono — Mon, 18 Jul 2016 04:50:30 +0000

Assalamualaikum wrb wb, kali ini saya akan share cara menginstall Framework Laravel. Laravel merupakan framework PHP MVC yang di kembangkan oleh Taylor Otwell pada tahun 2011 dan sekarang sudah sampai pada versi 5.2. Ada banyak kelebihan dari framework Laravel antara lain memiliki sekuritas yang baik, clean code, mengikuti standart kode PSR-2 dan autoload PSR-4, serta komunitas yang luas.

Sebenarnya untuk cara instalasi framework Laravel sudah terdapat pada dokumentasi resminya disini, tetapi mungkin pada beberapa orang terdapat kendala saat instalasi. Untuk dapat menginstall framework laravel melalui Laravel Installer, terlebih dahulu anda harus menginstall composer. Bagi yang belum tahu cara install composer bisa dilihat disini.

Cara menginstall Framework Laravel

Buat terlebih dahulu installer dari laravel dengan mengetikkan via terminal sebagai berikut, dan tunggu proses selesai.

composer global require "laravel/installer"

Cara menginstall Framework Laravel

Kemudian setting sehingga direktori ~/.composer/vendor/bin dapat dieksekusi, dengan mengetikkan kode berikut.

export PATH="~/.composer/vendor/bin:$PATH"

Untuk Ubuntu 16.04 terdapat beberapa penyesuaian, edit konfig pada environtment.

nano .bashrc

Tambahkan script berikut.

export PATH="$PATH:$HOME/.config/composer/vendor/bin"

Reload path pada konfigurasi.

source ~/.bashrc

Kemudian cek apakah installer laravel sudah dapat di akses.

Cara menginstall Framework Laravel

Untuk membuat sebuah project, arahkan ke web root anda terlebih dahulu, biasanya pada linux di var/www/html/. Kemudian ketikkan kode berikut pada terminal dan tunggu proses hingga selesai.

laravel new NamaAplikasi

Cara menginstall Framework Laravel

Catatan

Terkadang terdapat error seperti berikut saat memulai install project laravel di Linux, dengan asumsi root project di var/www/html.

PHP Warning:  file_put_contents(/var/www/html/laravel_d4381b5ce250405766ef8b9fa784b256.zip): failed to open stream: Permission denied in /home/ren/.composer/vendor/laravel/installer/src/NewCommand.php on line 81
PHP Warning:  ZipArchive::extractTo(): Permission denied in /home/ren/.composer/vendor/laravel/installer/src/NewCommand.php on line 99
PHP Warning:  ZipArchive::close(): Invalid or unitialized Zip object in /home/ren/.composer/vendor/laravel/installer/src/NewCommand.php on line 101
Application ready! Build something amazing.

Ubah permissionnya terlebih dahulu agar tidak terjadi error seperti contoh di atas.

sudo chown  /var/www/html

Setelah selesai instalasi, coba panggil applikasi yang telah anda install tadi pada localhost, pada beberapa kasus terlebih dahulu ubah permission pada project anda dengan chown atau chmod.

Cara menginstall Framework Laravel

Sekian tutorial dari saya, semoga dapat bermanfaat bagi yang ingin memulai belajar laravel. Terimakasih.

The post Cara menginstall Framework Laravel appeared first on Mr Agus.

Kategori	{{ $blog->kategori->nama_kategori }}
Judul	{{ $blog->judul }}
Tanggal	{{ $blog->tanggal }}
Isi	{{ $blog->isi }}
Status	{{ $blog->statusBlog() }}