Cara menggunakan template crud bootstrap 5
|
Sekarang membangun website semakin mudah dan menyenangkan, banyak sekali template gratis yang dapat diunduh dan dimanfaatkan untuk membangun berbagai macam jenis website. Mungkin sebagian dari kita sudah pernah menggunakan template-template tersebut dan dikombinasikan dengan project php native, tapi pertanyaannya sekarang, bagaimana jika template-template tersebut diimplementasikan di framework laravel?. Apakah sulit?. Jawabannnya mudah sekali, kita akan menggunakan fitur templating yang telah disediakan oleh laravel dan untuk templatenya sendiri, kita akan menggunakan AdminLTE 3 kali ini. Baca Juga:
Sebelum masuk ke pembahasan, disarankan kalian telah mengenal laravel terlebih dahulu. Sedangkan untuk editor yang saya pakai adalah visual studio code. Kalian juga dapat membaca dokumentasi tentang templating laravel di situs resminya, karena memang artikel kali ini akan membahas fitur templating laravel. Cara Pasang Template AdminLTE 3 di Laravel1. Install laravel, untuk versi dan lokasi instalasinya bebas. Cara instalasinya bisa lihat artikel berikut ini: https://www.sahretech.com/2019/10/cara-install-laravel-di-localhost-server.html. 2. Download template AdminLTE 3 berikut ini download kemudian diekstrak. 3. Lalu Pindahkan folder AdminLTE 3 ke dalam folder public projek laravel, lalu ubah namanya menjadi admin. 4. Buka folder public/admin/pages/examples/blank.html lalu copy isinya. 5. Buat file baru dengan nama template.blade.php di dalam folder views, lalu paste script yang telah dicopy dari file blank.html sebelumnya. 6. Masih dalam file template.blade.php, tambahkan kode @yield('content) pada bagian yang ditandai dengan kotak merah, lalu cut bagian card pada bagian yang ditandai kotak merah pada gambar berikut ini. Sedikit penjelasan, @yield('content') adalah bagian yang akan diisi dengan konten dinamis di setiap halaman yang berbeda nantinya. 7. Kemudian kita perlu memperbaiki setiap path yang mengarah ke file lain. untuk itu kita perlu menambahkan {{ asset('...') }, bagaimana cara menggunakannya?. Lihat gambar berikut ini
9. Jika langkah-langkah di atas sudah benar, selanjutnya jalankan php artisan dan lihat hasilnya di browser kalian masing-masing. Hasilnya akan tampak seperti gambar di bawah ini. Sekian tutorial cara memasang template bootstrap di laravel, semoga bermanfaat, dan bagi yang merasa kesulitan, ingin bertanya, atau punya kritik dan saran silahkan tinggalkan komentar di bawah ini. Sampai jumpa di tutorial pemrograman menarik lainnya.:) Cara Memasang Template Bootstrap Di PHP
Penulis Muba Teknologi- 07/24/20215224 Cara Memasang Template Bootstrap Di PHP – Bootstrap adalah salah satu front-end framework atau framework css yang sengaja dibangun untuk memudahkan proses desain layout web dalam pengembangan atau pembuatan tampilan website. Framework yang dulu pernah dikenal dengan sebutan twitter bootstrap ini dilengkapi dengan komponen-komponen website yang sudah siap pakai dan sering digunakan seperti button, breadcrumb, pagination, modal dialog, navigation bar dan lain-lain yang sangat memudahkan kita dalam melakukan proses desain tampilan suatu web. Dengan menggunakan bootstrap kita dapat denggan mudah membuat fitur website responsive yang memungkinkan kita cukup membuat satu template website saja dan kita bisa memperoleh template yang bisa dibuka atau kompatibel diberbagai device seperti (laptop, handphone, atau tablet dan lain sebagainya). Anda dapat mengunjungi situs resmi bootstrap di https://getbootstrap.com Akan tetapi jika hanya menggunakan bootstrap yang dibuat dengan HTML, CSS dan JavaScript kita tidak dapat menghasilkan website yang bersifat dinamis, jika hanya menggunakan bootstrap website yang dihasilkan masih berisfat statis, Bagaimana caranya agar website yang dikembangkan dengan boostrap menjadi dinamis…? Maka dari itu untuk membuat website dinamis kita membutuhkan bahasa pemrograman back-end seperti Bahasa Pemrograman PHP dengan menggunakan PHP kita dapat membuat website yang dihasilkan dengan boostrap menjadi dinamis. Pada artikel kali ini kita akan memasang template bootstrap di php, kita akan menggunakan salah satu template bootstrap yaitu sb admin anda dapat mendownload nya secara gratis di https://startbootstrap.com/template/sb-admin, silahkan di download template nya terlebih dahulu, OK langsung saja kita mulai Cara Memasang Template Bootstrap Di PHP. Cara Memasang Template Bootstrap Di PHP1. Buka Text Editor dan Buat Struktur Folder Baca Juga Tutorial CRUD Modal Bootstrap PHP MySQL Terbaru Langkah pertama buka text editor favorit anda disini saya menggunakan Visual Studio Code, Buat folder tutorial-php di root web server anda seperti htdocs atau www dan folder lainnya seperti dibawah ini :
2. Copy Source SB Admin Ke Folder assets Selanjutnya ekstrak file zip template sb admin yang telah di download, kemudian copy folder berikut (css, js, demo, img) ke folder assets yang berada di folder tutorial-php, pastikan tidak ada folder yang tertinggal, nantinya struktur folder akan terlihat seperti gambar dibawah ini. 3. Proses Pemasangan Template Bootstrap (SB Admin) Di PHP Kita masuk ke proses pemasangan template bootstrap sb admin, pertama buka file index.html yang ada di folder sb admin yang telah di ekstrak, copy code bagian header dan menu dari template tersebut ke file layout/header.php yang ada di dalam folder tutorial-php jangan lupa mengarahkan resource url ke folder assets, berikut full source code untuk file header.php Baca Juga Tips Cara Membuat Surat Lamaran Kerja Yang Baik Selanjutnya copy atau salin source code berikut untuk bagian file footer.php Terakhir untuk file index.php isikan dengan source code berikut Jalankan source code nya di web browser dengan cara ketik localhost/tutorial-php di tab pencarian browser lalu tekan enter, Berikut tampilan template yang sudah dipasang secara dinamis.  Itulah tadi Cara Memasang Template Bootstrap Di PHP, Terima Kasih semoga bermanfaat dan sampai jumpa di artikel berikutnya
Artikulli paraprakCara Install Composer Di Linux Artikulli tjetërCara Membuat Akun Gmail Terbaru Mudah Dan Cepat 2021 Muba Teknologi http://mubatekno.com Cara Menghubungkan/Koneksi PHP Ke Database MySQL - Bagaimana cara menghubungkan PHP ke database atau mengoneksikan PHP dengan Database MySQL...?, Sebelumnya kita harus tau apa itu... |
