Pada versi terbaru Laravel 8 memberikan beberapa fitur baru dan dukungan LTS, pada artikel ini Kita akan langsung saja membuat sebuah aplikasi yaitu blog sederhana, aplikasi ini akan memuat perintah insert, update dan delete di Laravel 8. Langkah #1 – Install Laravel 8 Ada 2 cara yang dapat dilakukan untuk menginstall Laravel 8. Pertama dengan Laravel Installer dan yang kedua dengan composer. pada artikel ini kita akab melakukan instalasi dengan menggunakan laravel Installer Silahkan ketik command di bawah ini untuk menginstal Laravel terlebih dahulu: composer global require laravel/installer //Kemudian buat project baru dengan ketik command berikut ini: laravel new blog atau anda juga bisa menggunakan cara kedua dengan perintah Composer, cara ini cukup mudah anda ketik perintah berikut ini: composer create-project --prefer-dist laravel/laravel blog Kemudian tunggu proses instalasi sampai dengan selesai. Langkah #2 – Konfigurasi Database pada langkah kedua kita akan mengatur konfigurasi database. Silahkan aktifkan web server yang anda gunakan semisal XAMPP yang sudah terinstall di komputer anda Kemudian buat database MySQL baru menggunakan phpmyadmin atau aplikasi sejenis kemudian berikan nama db_blog Setelah itu, buka file .env yang ada di dalam direktori blog/.env . Ubah nama database, root, password dll yang sesuai dengan web server kamu lakukan. DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=db_blog DB_USERNAME=root DB_PASSWORD= Save. Langkah #3 – Membuat Migration Database dan Model Pada contoh ini kita akan membuat sebuah table dengan nama posts. ketik perintah berikut pada command prompt anda seperti di bawah ini: php artisan make:model Post --migration Kemudian buka folder migrations yang ada di direktori blog/database/migrations. jika sudah dibuka silahkan modifikasi file yang ada di folder migration tersebut untuk membuat sebuah tabel baru dengan kode di bawah ini: use Illuminate\Database\Migrations\Migration; use Illuminate\Database\Schema\Blueprint; use Illuminate\Support\Facades\Schema; class CreatePostsTable extends Migration /** * Run the migrations. * * @return void */ public function up() Schema::create('posts', function (Blueprint $table) $table->id(); $table->string('title'); $table->text('content'); $table->timestamps(); ); /** * Reverse the migrations. * * @return void */ public function down() Schema::dropIfExists('posts'); Jika sudah selesai kita jalankan perintah di bawah ini agar kolom-kolom yang kita buat akan muncul di database: php artisan migrate Langkah #4 – Membuat Resource Controller Pada tahap ini kita akan membuat controller di Laravel 8. Jalankan command di bawah ini untuk membuat resource controller: php artisan make:controller PostController --resource Jika sudah akan terbentuk sebuah file baru dengan nama PostController.php di dalam direktori app/Http/Controllers.pada file tersebut / PostController.php akan muncul secara otomatis beberapa fungsi, seperti : index(), create(), store(), show(), edit(), dan destroy() Selanjutnya kita akan modifikasi isi PostController tersebut seperti kode di bawah ini: namespace App\Http\Controllers; use Illuminate\Http\Request; use App\Models\Post; class PostController extends Controller public function index() $posts = Post::latest()->paginate(5); return view('posts.index',compact('posts')) ->with('i', (request()->input('page', 1) - 1) * 5); public function create() return view('posts.create'); public function store(Request $request) $request->validate([ 'title' => 'required', 'content' => 'required', ]); Post::create($request->all()); return redirect()->route('posts.index') ->with('success','Post created successfully.'); public function show(Post $post) return view('posts.show',compact('post')); public function edit(Post $post) return view('posts.edit',compact('post')); public function update(Request $request, Post $post) $request->validate([ 'title' => 'required', 'content' => 'required', ]); $post->update($request->all()); return redirect()->route('posts.index') ->with('success','Post updated successfully'); public function destroy(Post $post) $post->delete(); return redirect()->route('posts.index') ->with('success','Post deleted successfully'); Save. Langkah #5 – Modifikasi Model namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Post extends Model use HasFactory; protected $fillable = ['title', 'content']; Langkah #6 – Menambahkan Route Sakarang kita tambahkan route untuk mengakses resource controller Post. Buka routes/web.php dan tambahkan: use App\Http\Controllers\PostController; Route::resource('posts', PostController::class); Simpan. Langkah #7 – Membuat Halaman View Pada langkah terakhir ini, kita akan membuat beberapa file untuk tampilan menggunakan bootstrap. Berikut adalah beberapa file view yang akan kita buat adalah: template.blade.php index.blade.php create.blade.php show.blade.php edit.blade.php Silahkan buat file sebuah file baru dengan nama template.blade.php di direktori resources/views. Masukkan kode berikut : Blog sederhana @yield('content') Kemudian buat folder baru di dalam views bernama posts. #posts/index.blade.php @extends('template') @section('content') Blog Sederhana Create Post @if ($message = Session::get('success')) $message @endif No Title Action @foreach ($posts as $post) ++$i $post->title Show Edit @csrf @method('DELETE') Delete @endforeach !! $posts->links() !! @endsection #posts/create.blade.php @extends('template') @section('content') Create New Post Back @if ($errors->any()) peringatan! There were some problems with your input. @foreach ($errors->all() as $error) $error @endforeach @endif @csrf Title: Content: Submit @endsection #posts/show.blade.php @extends('template') @section('content') Show Post Back Title: $post->title Content: $post->content @endsection #posts/edit.blade.php @extends('template') @section('content') Edit Post Back @if ($errors->any()) Whoops! There were some problems with your input. @foreach ($errors->all() as $error) $error @endforeach @endif @csrf @method('PUT') Title: Content: $post->content Update @endsection Langkah 7# – Testing Program untuk mengerjakan aplikasi jalankan command di bawah ini: php artisan serve Kemudian buka browser dan ketik URL berikut: http://127.0.0.1:8000/posts Jika berhasil maka akan tampil halaman seperti ini: Klik tombol Create Post, maka akan timbul halaman mirip di bawah ini: Silahkan isi dengan judul dan content. Jika sudah, klik tombol Submit. dan untuk tampilan Detail, mampu klik tombol Show pada halaman index. Hasilnya: Terakhir, ini halaman edit: Sumber https://contohapp.blogspot.com
Minggu, 01 Maret 2020
Langganan:
Posting Komentar (Atom)
EmoticonEmoticon