Tutorial Laravel - Mengatasi error Undefined variable: errors (View: pada laravel 5.2


Bagi anda pengguna laravel 5.2 dan menggunakan fasilitas function validator mungkin anda akan menemukan error Undefined variable: errors (View: error diatas disebabkan karena kita tidak mendefinisikan variable $error pada form awal. variable error baru di definisikan saat kita menggunakan function validator dan itu pun jika terjadi error maka untuk mengatasinya maka mari kita ikuti tutornya dibawah ini

1. Buka file app/Http/kernel.php

2. Pindahkan kode
\Illuminate\Session\Middleware\StartSession::class,
\Illuminate\View\Middleware\ShareErrorsFromSession::class,

yang ada di dalam array protected $middlewareGroups kedalam array protected $middleware
perhatikan gambar di bawah ini


Sebelum kode di pindahkan

Kode setelah di pindahkan


sekarang coba silakan refresh kembali form anda, semoga berhasil selamat mencoba.

Tutorial Laravel - Cara Mengatasi Class 'Form' not found atau Class 'Html' not found pada Laravel 5.2


Bagi pengguna laravel 5.2 ada sedikit perbedaan saat install form dan html di laravel 5.2 yaitu sekarang  Illuminate\Html berpindah ke "laravelcollective/html", jika di paksakan maka akan muncul error 

Fatal error: Call to undefined method Illuminate\Foundation\Application::bindShared()

Di terminal cara mengatasi Fatal error: Call to undefined method Illuminate\Foundation\Application::bindShared()

Sekaraang mari kita coba install, pertama tambahkan kode berikut ke compeser.json
code :
"require": {
       "laravelcollective/html": "5.2.*"

Kemudian update composer dengan mengetikan kode dibawah ini pada command prompt windows / terminal linux / mac tapi jangan lupa masuk dulu ke folder laravel
code :
composer update

Setelah berhasil kemudian buka file laravel/config/app.php, pada bagian provider tambahkan kode berikut :
code:
'providers'=>[
        // ... Collective\Html\HtmlServiceProvider::class,
        // ...]

Kemudian scroll kebawah pada bagian aliases tambahkan kode berikut code :
Kemudian update composer dengan mengetikan kode dibawah ini pada command prompt windows / terminal linux / mac tapi jangan lupa masuk dulu ke folder laravel
code :
'aliases' => [
        // ...      'Form' => Collective\Html\FormFacade::class,
          'Html' => Collective\Html\HtmlFacade::class,
        // ...  ],

Jika semuanya sudah silakan buat form dengan kode form seperti biasa, selamat mencoba.

Tutorial Laravel - Cara Menggabungkan Laravel dan AdminLTE


Sudah tahukan kelebihan tampilan dan fasilitas yang di sajikan oleh freamwork adminLTE. dari segi tampilan dan fasilitas adminLTE menyediakan fasilitas yang memang mengesankan maka disini kami akan menyajikan tutorial cara mengabungkan adminLTE dengan laravel 5.

1. pertama download dulu adminLte disini

2. buat folder assets didalam folder public laravel anda

3. kemudian pindahkan folder dist, bootstrap, plugins, build kedalam folder public/assets yang tadi kita buat

4. kemudian kita buat template untuk admin kita. pertama kita buat folder admin di folder resources/views kemudian beri nama folder admin

5. kemudian buat folder layout di dalam di dalam folder admin yang tadi kita buat tadi.

6. kemudian buat file layout.blade.php

7. kemudian isi dengan kode di bawah ini.
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title> LepaxCMS | Dashboard</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- Bootstrap 3.3.4 -->
    {!! Html::style('public/assets/admin/bootstrap/css/bootstrap.min.css') !!}
    <!-- Font Awesome Icons -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
 
    <!-- jvectormap -->
    {!! Html::style('public/assets/admin/plugins/jvectormap/jquery-jvectormap-1.2.2.css') !!}
    <!-- Theme style -->
    {!! Html::style('public/assets/admin/dist/css/AdminLTE.min.css') !!}
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    {!! Html::style('public/assets/admin/dist/css/skins/_all-skins.min.css') !!}
    <!-- data tables style -->
    {!! Html::style('public/assets/admin/plugins/datatables/dataTables.bootstrap.css') !!}
    {!! Html::style('public/assets/admin/plugins/datatables/jquery.dataTables.css') !!}
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Theme style -->
    {!! Html::style('public/assets/admin/admin.css') !!}

    <!--jQuery Include-->
    <!-- jQuery 2.1.4 -->
    {!! Html::script('public/assets/admin/plugins/jQuery/jQuery-2.1.4.min.js') !!}
    <!-- Bootstrap 3.3.2 JS -->
    {!! Html::script('public/assets/admin/bootstrap/js/bootstrap.min.js') !!}
    <!-- FastClick -->
    {!! Html::script('public/assets/admin/plugins/fastclick/fastclick.min.js') !!}
    <!-- AdminLTE App -->
    {!! Html::script('public/assets/admin/dist/js/app.min.js') !!}
    <!-- Sparkline -->
    {!! Html::script('public/assets/admin/plugins/sparkline/jquery.sparkline.min.js') !!}
    <!-- jvectormap -->
    {!! Html::script('public/assets/admin/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js') !!}
    {!! Html::script('public/assets/admin/plugins/jvectormap/jquery-jvectormap-world-mill-en.js') !!}
    <!-- SlimScroll 1.3.0 -->
    {!! Html::script('public/assets/admin/plugins/slimScroll/jquery.slimscroll.min.js') !!}
    <!-- ChartJS 1.0.1 -->
    {!! Html::script('public/assets/admin/plugins/chartjs/Chart.min.js') !!}
    <!-- datatables -->
    {!! Html::script('public/assets/admin/plugins/datatables/jquery.dataTables.js') !!}
    {!! Html::script('public/assets/admin/plugins/datatables/dataTables.bootstrap.min.js') !!}
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    {!! Html::script('public/assets/admin/dist/js/pages/dashboard2.js') !!}
  </head>
  <body class="skin-blue sidebar-mini">
    <div class="wrapper">
      <header class="main-header">
        <!-- Logo -->
        <a href="index2.html" class="logo">
          <!-- mini logo for sidebar mini 50x50 pixels -->
          <span class="logo-mini"><b>A</b>LT</span>
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg"><b>Admin</b>LTE</span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top" role="navigation">
          <!-- Sidebar toggle button-->
          <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
          </a>
          <!-- Navbar Right Menu -->
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
              <!-- Messages: style can be found in dropdown.less-->
              <li class="dropdown messages-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-envelope-o"></i>
                  <span class="label label-success">4</span>
                </a>
                <ul class="dropdown-menu">
                  <li class="header">You have 4 messages</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu">
                      <li><!-- start message -->
                        <a href="#">
                          <div class="pull-left">
                            <i class="fa fa-user fa-3x"></i>
                          </div>
                          <h4>
                            Support Team
                            <small><i class="fa fa-clock-o"></i> 5 mins</small>
                          </h4>
                          <p>Why not buy a new awesome theme?</p>
                        </a>
                      </li><!-- end message -->
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <i class="fa fa-user fa-3x"></i>
                          </div>
                          <h4>
                            AdminLTE Design Team
                            <small><i class="fa fa-clock-o"></i> 2 hours</small>
                          </h4>
                          <p>Why not buy a new awesome theme?</p>
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <i class="fa fa-user fa-3x"></i>
                          </div>
                          <h4>
                            Developers
                            <small><i class="fa fa-clock-o"></i> Today</small>
                          </h4>
                          <p>Why not buy a new awesome theme?</p>
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <i class="fa fa-user fa-3x"></i>
                          </div>
                          <h4>
                            Sales Department
                            <small><i class="fa fa-clock-o"></i> Yesterday</small>
                          </h4>
                          <p>Why not buy a new awesome theme?</p>
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <div class="pull-left">
                            <i class="fa fa-user fa-3x"></i>
                          </div>
                          <h4>
                            Reviewers
                            <small><i class="fa fa-clock-o"></i> 2 days</small>
                          </h4>
                          <p>Why not buy a new awesome theme?</p>
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li class="footer"><a href="#">See All Messages</a></li>
                </ul>
              </li>
              <!-- Notifications: style can be found in dropdown.less -->
              <li class="dropdown notifications-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-bell-o"></i>
                  <span class="label label-warning">10</span>
                </a>
                <ul class="dropdown-menu">
                  <li class="header">You have 10 notifications</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu">
                      <li>
                        <a href="#">
                          <i class="fa fa-users text-aqua"></i> 5 new members joined today
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-users text-red"></i> 5 new members joined
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-shopping-cart text-green"></i> 25 sales made
                        </a>
                      </li>
                      <li>
                        <a href="#">
                          <i class="fa fa-user text-red"></i> You changed your username
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li class="footer"><a href="#">View all</a></li>
                </ul>
              </li>
              <!-- Tasks: style can be found in dropdown.less -->
              <li class="dropdown tasks-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-flag-o"></i>
                  <span class="label label-danger">9</span>
                </a>
                <ul class="dropdown-menu">
                  <li class="header">You have 9 tasks</li>
                  <li>
                    <!-- inner menu: contains the actual data -->
                    <ul class="menu">
                      <li><!-- Task item -->
                        <a href="#">
                          <h3>
                            Design some buttons
                            <small class="pull-right">20%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">20% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li><!-- end task item -->
                      <li><!-- Task item -->
                        <a href="#">
                          <h3>
                            Create a nice theme
                            <small class="pull-right">40%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">40% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li><!-- end task item -->
                      <li><!-- Task item -->
                        <a href="#">
                          <h3>
                            Some task I need to do
                            <small class="pull-right">60%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">60% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li><!-- end task item -->
                      <li><!-- Task item -->
                        <a href="#">
                          <h3>
                            Make beautiful transitions
                            <small class="pull-right">80%</small>
                          </h3>
                          <div class="progress xs">
                            <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                              <span class="sr-only">80% Complete</span>
                            </div>
                          </div>
                        </a>
                      </li><!-- end task item -->
                    </ul>
                  </li>
                  <li class="footer">
                    <a href="#">View all tasks</a>
                  </li>
                </ul>
              </li>
              <!-- User Account: style can be found in dropdown.less -->
              <li class="dropdown user user-menu">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  <i class="fa fa-user"></i>
                  <span class="hidden-xs">Alexander Pierce</span>
                </a>
                <ul class="dropdown-menu">
                  <!-- User image -->
                  <li class="user-header">
                    <i class="fa fa-user"></i>
                    <p>
                      Alexander Pierce - Web Developer
                      <small>Member since Nov. 2012</small>
                    </p>
                  </li>
                  <!-- Menu Body -->
                  <li class="user-body">
                    <div class="col-xs-4 text-center">
                      <a href="#">Followers</a>
                    </div>
                    <div class="col-xs-4 text-center">
                      <a href="#">Sales</a>
                    </div>
                    <div class="col-xs-4 text-center">
                      <a href="#">Friends</a>
                    </div>
                  </li>
                  <!-- Menu Footer-->
                  <li class="user-footer">
                    <div class="pull-left">
                      <a href="#" class="btn btn-default btn-flat">Profile</a>
                    </div>
                    <div class="pull-right">
                      <a href="#" class="btn btn-default btn-flat">Sign out</a>
                    </div>
                  </li>
                </ul>
              </li>
              <!-- Control Sidebar Toggle Button -->
              <li>
                <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
              </li>
            </ul>
          </div>
        </nav>
      </header>
      <!-- Left side column. contains the logo and sidebar -->
      <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        @include('/admin/layout/sidebar-left')
        <!-- /.sidebar -->
      </aside>
      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
     
        @yield('content')
      </div><!-- /.content-wrapper -->
      <footer class="main-footer">
        <div class="pull-right hidden-xs">
          <b>Version</b> 2.0
        </div>
        <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
      </footer>
      <!-- Control Sidebar -->
      <aside class="control-sidebar control-sidebar-dark">
        <!-- Create the tabs -->
        <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
          <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
          <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
          <!-- Home tab content -->
          <div class="tab-pane" id="control-sidebar-home-tab">
            <h3 class="control-sidebar-heading">Recent Activity</h3>
            <ul class='control-sidebar-menu'>
              <li>
                <a href='javascript::;'>
                  <i class="menu-icon fa fa-birthday-cake bg-red"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
                    <p>Will be 23 on April 24th</p>
                  </div>
                </a>
              </li>
              <li>
                <a href='javascript::;'>
                  <i class="menu-icon fa fa-user bg-yellow"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
                    <p>New phone +1(800)555-1234</p>
                  </div>
                </a>
              </li>
              <li>
                <a href='javascript::;'>
                  <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
                    <p>nora@example.com</p>
                  </div>
                </a>
              </li>
              <li>
                <a href='javascript::;'>
                  <i class="menu-icon fa fa-file-code-o bg-green"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
                    <p>Execution time 5 seconds</p>
                  </div>
                </a>
              </li>
            </ul><!-- /.control-sidebar-menu -->
            <h3 class="control-sidebar-heading">Tasks Progress</h3>
            <ul class='control-sidebar-menu'>
              <li>
                <a href='javascript::;'>
                  <h4 class="control-sidebar-subheading">
                    Custom Template Design
                    <span class="label label-danger pull-right">70%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
                  </div>
                </a>
              </li>
              <li>
                <a href='javascript::;'>
                  <h4 class="control-sidebar-subheading">
                    Update Resume
                    <span class="label label-success pull-right">95%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-success" style="width: 95%"></div>
                  </div>
                </a>
              </li>
              <li>
                <a href='javascript::;'>
                  <h4 class="control-sidebar-subheading">
                    Laravel Integration
                    <span class="label label-warning pull-right">50%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
                  </div>
                </a>
              </li>
              <li>
                <a href='javascript::;'>
                  <h4 class="control-sidebar-subheading">
                    Back End Framework
                    <span class="label label-primary pull-right">68%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
                  </div>
                </a>
              </li>
            </ul><!-- /.control-sidebar-menu -->
          </div><!-- /.tab-pane -->
          <!-- Settings tab content -->
          <div class="tab-pane" id="control-sidebar-settings-tab">
            <form method="post">
              <h3 class="control-sidebar-heading">General Settings</h3>
              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Report panel usage
                  <input type="checkbox" class="pull-right" checked />
                </label>
                <p>
                  Some information about this general settings option
                </p>
              </div><!-- /.form-group -->
              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Allow mail redirect
                  <input type="checkbox" class="pull-right" checked />
                </label>
                <p>
                  Other sets of options are available
                </p>
              </div><!-- /.form-group -->
              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Expose author name in posts
                  <input type="checkbox" class="pull-right" checked />
                </label>
                <p>
                  Allow the user to show his name in blog posts
                </p>
              </div><!-- /.form-group -->
              <h3 class="control-sidebar-heading">Chat Settings</h3>
              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Show me as online
                  <input type="checkbox" class="pull-right" checked />
                </label>
              </div><!-- /.form-group -->
              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Turn off notifications
                  <input type="checkbox" class="pull-right" />
                </label>
              </div><!-- /.form-group -->
              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Delete chat history
                  <a href="javascript::;" class="text-red pull-right"><i class="fa fa-trasho"></i></a>
                </label>
              </div><!-- /.form-group -->
            </form>
          </div><!-- /.tab-pane -->
        </div>
      </aside><!-- /.control-sidebar -->
      <!-- Add the sidebar's background. This div must be placed immediately after the control sidebar -->
      <div class='control-sidebar-bg'></div>
    </div><!-- ./wrapper -->
    <!-- AdminLTE for demo purposes -->
    {!! Html::script('public/assets/admin/dist/js/scripts.js') !!}
  </body>
</html>
8. kemudian buat file baru dengan nama sidebar-left.blade.php di folder yang sama dengan layout.blade.php

9. kemudian isi dengan kode di bawah ini
<!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
          <!-- Sidebar user panel -->
          <div class="user-panel">
            <div class="pull-left image">
              <i class="fa fa-user fa-5x"></i>
            </div>
            <div class="pull-left info">
              <p>Alexander Pierce</p>
              <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
            </div>
          </div>
          <!-- search form -->
          <form action="#" method="get" class="sidebar-form">
            <div class="input-group">
              <input type="text" name="q" class="form-control" placeholder="Search..."/>
              <span class="input-group-btn">
                <button type='submit' name='search' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
              </span>
            </div>
          </form>
          <!-- /.search form -->
          <!-- sidebar menu: : style can be found in sidebar.less -->
          <ul class="sidebar-menu">
            <li class="header">MAIN NAVIGATION</li>
            <li class="active treeview">
              <a href="#">
                <i class="fa fa-dashboard"></i> <span>Dashboard</span> <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li><a href="index.html"><i class="fa fa-circle-o"></i> Update</a></li>
                <li class="active"><a href="index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
              </ul>
            </li>
            <!--product menu-->
            <li class="treeview">
              <a href="#">
                <i class="fa fa-files-o"></i>
                <span>Product</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li><a href="{!!URL::to('/admin/posts')!!}"><i class="fa fa-circle-o"></i>All Product</a></li>
                <li><a href="pages/layout/boxed.html"><i class="fa fa-circle-o"></i>Add New</a></li>
                <li><a href="{!!URL::to('/admin/categories/')!!}"><i class="fa fa-circle-o"></i>Categpries</a></li>
                <li><a href="pages/layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i>Tags</a></li>
              </ul>
            </li>
            <!--Article Menu-->
            <li class="treeview">
              <a href="#">
                <i class="fa fa-files-o"></i>
                <span>Articles</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li><a href="pages/layout/top-nav.html"><i class="fa fa-circle-o"></i>All Article</a></li>
                <li><a href="pages/layout/boxed.html"><i class="fa fa-circle-o"></i>Add New</a></li>
                <li><a href="pages/layout/fixed.html"><i class="fa fa-circle-o"></i>Categpries</a></li>
                <li><a href="pages/layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i>Tags</a></li>
              </ul>
            </li>
          </ul>
        </section>
        <!-- /.sidebar --> 
10. ok sekarang mari kita buat router untuk admin kita

buka file /app/Http/router.php kemudian tambahkan kode di bawah ini

Route::get('/admin', 'dashboardController@index');

11. kemudian buat controller dengan nama dashboardController kemudian tambahkan kode berikut kedalam function index anda

return View::make('admin.layout');

12. yang terakhir buka browser kemudian ketikan www.namadomain.com/admin

Tutorial Laravel - Instalasi Laravel 4

Tidak seperti framework PHP kebanyakan, dimana Anda bisa download satu set folder, taruh di web server, dan aplikasi siap dijalankan, Laravel sedikit berbeda dalam hal instalasi. Laravel memiliki dependensi (ketergantungan) terhadap beberapa library PHP lainnya, dimana library tersebut tidak disertakan dalam source laravel yang tersedia untuk didownload. Oleh karena itu Anda haru mendownload library yang dibutuhkan tersebut secara terpisah.

Salah satu hal menarik dari Laravel adalah tentang Composer. Composer-lah yang akan mengurusi segala ketergantungan Laravel dengan library lainnya. Dengan kata lain, kita tidak perlu mendownload satu persatu library yang dibutuhkan. Pokoknya terima beres . Prinsip kerja Composer sama dengan apt-get di linux atau npm di nodejs. Karena Composer merupakan sesuatu yang cool dan keren, maka tidak ada salahnya kita install terlebih dahulu.

Install Composer

Pengguna Windows bisa langsung download Composer Installer, jalankan proses instalasi, done.
Bagi pengguna Linux dan Mac bisa menjalankan perintah berikut:

curl -sS https://getcomposer.org/installer | php 

mv composer.phar /usr/local/bin/composer

Untuk mengetes apakah instalasi berhasil, ketikkan perintah composer di terminal/console/command prompt Anda.
Ok, kembali ke masalah instalasi Laravel, ada 3 alternatif yang bisa Anda pilih:
Metode 1: Via composer create-project (recommended)
Metode 2: Download laravel + composer update
Metode 3: Download laravel dan semua dependensi yang dibutuhkan
Buka terminal, console, atau command prompt, masuk ke webroot folder Anda dan jalankan perintah berikut untuk setup aplikasi Laravel:
 Proses instalasi laravel
Jika sudah selesai, buka http://localhost/sampleApp/public, apa yang Anda lihat?

Metode 2: download laravel dan install dependensi menggunakan composer install

Download laravel versi terbaru langsung dari github. Ekstrak file zip tersebut ke dalam folder sampleApp di webroot Anda. Selanjutnya buka terminal/console/command prompt, masuk ke folder tersebut dan jalankan perintah:
php composer.phar install

atau

composer install
Tunggu sampai Composer selesai bekerja, lalu buka http://localhost/sampleApp/public, apa yang Anda lihat?

Metode 3: Download laravel dan semua dependensi yang dibutuhkan

Jika Anda masih bertanya-tanya kenapa Laravel tidak seperti framework lainnya yang tinggal download, ekstrak, jalankan aplikasi, maka metode yang ketiga ini bisa sedikit menghibur Anda. Kebetulan ada orang baik diluar sana yang sudah melakukan setup laravel dan mendownload semua dependensi yang diperlukan (artinya orang tersebut sudah melakukan entah metode 1 atau metode 2). Anda bisa mendownload file yang sudah lengkap tersebut disini. Selanjutnya ekstrak file tersebut dan pindahkan isinya ke folder sampeApp di webroot Anda.

Jika sudah, buka http://localhost/sampleApp/public, apa yang Anda lihat?

Perhatian Cara ini tidak dianjurkan karena file tersebut tidak dijamin up to date. Artinya bisa jadi file yang Anda download bukan merupakan Laravel versi terbaru. Pun demikian dengan library lainnya. Tapi masih oke lah jika Anda hanya sekedar ingin coba-coba.

Welcome To Laravel

  
Selamat datang di laravel
Jika Anda sudah berhail melihat gambar diatas, selamat, Anda sudah tiba di dunia Laravel dan berhasil melakukan langkah pertama untuk menjadi seorang web artisan.