{"id":1009,"date":"2022-02-01T17:09:52","date_gmt":"2022-02-01T10:09:52","guid":{"rendered":"https:\/\/duniacoding.info\/?p=1009"},"modified":"2022-02-01T17:09:55","modified_gmt":"2022-02-01T10:09:55","slug":"belajar-laravel-crud-pada-laravel-2","status":"publish","type":"post","link":"https:\/\/duniacoding.id\/blog\/belajar-laravel-crud-pada-laravel-2\/","title":{"rendered":"Belajar Laravel 8 #9 : CRUD pada Laravel Part 2"},"content":{"rendered":"\n
\"crud-pada-laravel\"<\/figure>\n\n\n\n

Diartikel ini kita akan melanjutkan Artikel CRUD pada Laravel, setelah di artikel sebelumnya kita selesai setting sampai Fitur Read, diartikel ini kita akan menyelesaikan Fitur lainnya.<\/p>\n\n\n\n

Nah Fitur yang akan kita selesaikan adalah Fitur Create<\/code>, Update<\/code>, dan Delete<\/code>. Fitur ini mengharuskan kita untuk menambah syntax di Controller<\/code> dan juga membuat beberapa tampilan.<\/p>\n\n\n\n

Penjelasan CRUD pada Laravel Part 2<\/h2>\n\n\n\n

Seperti yang aku jelaskan sebelumnya, disini kita akan terfokus di file Controller<\/code> dan juga view <\/code>kita. Jadi kalau kalian lihat di Controller ada beberapa fungsi yang sudah dibuatkan, nah Fungsi ini memiliki beberapa tujuan tertentu. Penjelasannya ada dibawah ini<\/p>\n\n\n\n

  1. index() = Menampilkan tampilan Utama <\/li>
  2. create() = Menampilkan tampilan untuk input Data<\/li>
  3. store() = Input data yang di input ke Database<\/li>
  4. show() = Menampilkan data satu-persatu<\/li>
  5. edit() = Menampilkan tampilan untuk Edit \/ Update<\/li>
  6. update() = Menginput data yang ktia Edit<\/li>
  7. destroy() = Menghapus Data<\/li><\/ol>\n\n\n\n

    Nah, disini kita akan Fokus ke beberapa Fungsi diatas untuk menyelesaikan Fitur CRUD pada Laravel. <\/p>\n\n\n\n

    Mulai Ngoding<\/h2>\n\n\n\n

    Disini kita akan Ngoding dari Fitur Create <\/code>terlebih dahulu, setelah itu Delete <\/code>dan terakhir Update<\/code>.<\/p>\n\n\n\n

    Menambah Tombol untuk Input Data<\/h3>\n\n\n\n

    Nah, sebelum kita bicara tentang Controller<\/code>, pertama kita harus buat Tombol untuk mengarah ke Link \/create<\/code>, nah ini digunakan untuk mengarah ke tampilan atau fungsi create()<\/code>. Di index.blade.php<\/code> kita tambahkan Tombol Create <\/code>dengan arah ke \/create<\/code>. Tambahkan syntax ini dibawah tabel<\/p>\n\n\n

    \n<a href="\/create" class="btn btn-primary mt-2">Create Employee<\/a>\n<\/pre><\/div>\n\n\n
    Nanti akan mendapatkan tampilan seperti dibawah ini<\/p>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    Fitur Create<\/h3>\n\n\n\n
    Fitur Create ini mengharuskan kita terfokus ke 2 Fungsi, yaitu create()<\/code> dan store()<\/code>. Fungsi create() <\/code>akan menampilkan tampilan kita, fungsi store()<\/code> akan menginput data kita ke Database. Pertama, kita ganti dulu syntax di Controller kita, kita harus mengarahkan Fungsi create()<\/code> ke view <\/code>Input kita.<\/p>\n\n\n\n
    Tambahkan syntax dibawah ini<\/p>\n\n\n
    \nreturn view('create');\n<\/pre><\/div>\n\n\n
    Setelah itu, kita tinggal membuat tampilan dari create() kita. Caranya kita tinggal buat file dengan nama sesuai yaitu create.blade.php<\/p>\n\n\n\n
    File create.blade.php<\/code><\/p>\n\n\n
    \n<!doctype html>\n<html lang="en">\n\n<head>\n    <!-- Required meta tags -->\n    <meta charset="utf-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1">\n\n    <!-- Bootstrap CSS -->\n    <link href="https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/css\/bootstrap.min.css" rel="stylesheet"\n        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">\n\n    <title>CRUD Karyawan<\/title>\n<\/head>\n\n<body>\n    <div class="container mt-5">\n        <h1 class="display-4">Data Karyawan<\/h1>\n        <form action="\/employee" method="POST">\n            @csrf\n            <div class="mb-3">\n                <label for="name" class="form-label">Name<\/label>\n                <input type="name" name="name" class="form-control" id="name">\n            <\/div>\n            <div class="mb-3">\n                <label for="email" class="form-label">Email<\/label>\n                <input type="email" name="email" class="form-control" id="email">\n            <\/div>\n            <div class="mb-3">\n                <label for="phone_number" class="form-label">Phone Number<\/label>\n                <input type="phone_number" name="phone_number" class="form-control" id="phone_number">\n            <\/div>\n            <button type="submit" class="btn btn-primary">Submit<\/button>\n        <\/form>\n    <\/div>\n\n    <script src="https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/js\/bootstrap.bundle.min.js"\n        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">\n    <\/script>\n<\/body>\n\n<\/html>\n\n<\/pre><\/div>\n\n\n
    Kalau kalian perhatikan, disana kita ada syntax @csrf, Teman-teman bisa lihat detailnya di Dokumentasi Laravel CSRF Protection<\/a>, syntax ini merupakan syntax keamanan Laravel utnuk Form nih temen-temen. jadi harus selalu ada ya. Nah nanti akan tampil seperti ini<\/p>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    Setelah selesai dengan tampilan, kita tinggal fokus ke fungsi store().<\/code> Fungsi ini akan mengirimkan Data kita ke Database<\/code><\/em>. Fungsi store()<\/code> ini bisa kita isi dengan validasi Data kita dan juga syntax untuk input Data ke Database<\/em><\/code>.<\/p>\n\n\n
    \n    public function store(Request $request)\n    {\n        $validatedData = $request->validate([\n            'name' => 'required|max:255',\n            'email' => 'required|unique:employees|email:dns',\n            'phone_number' => 'max:255'\n        ]);\n\n        Employee::create($validatedData);\n        return redirect('\/employee')->with('success', 'New Employee Has ben added!');\n    }\n<\/pre><\/div>\n\n\n
    Fitur Delete<\/h3>\n\n\n\n
    Nah untuk Fitur Delete beserta Update nanti, kita perlu menambahkan Dua tombol didalam Tabel kita. Tombol Pertama ini berguna untuk Update, Tombol Kedua untuk Deletenya, ada sedikit perbedaan diantara 2 Tombol ini, tombol Edit dibuat dengan <a href><\/code>, sementara tombol Delete<\/code> dibuat dengan form. <\/code><\/p>\n\n\n\n
    Tambahkan syntax ini didalam dibawah syntax Phone Number<\/code><\/p>\n\n\n
    \n<th scope="col">Action<\/th>\n<\/pre><\/div>\n\n\n
    Lalu syntax ini dibawah syntax {{ $item->phone_number }}<\/p>\n\n\n
    \n<td>\n    <a href="\/employee\/{{ $item->id }}\/edit" class="btn btn-warning">Edit<\/a>\n    <form action="\/employee\/{{ $item->id }}" method="POST" class="d-inline">\n        @method('delete')\n        @csrf\n        <button class="btn bg-danger text-light"\n            onclick="return confirm('are you sure?')">Delete<\/button>\n    <\/form>\n<\/td>\n<\/pre><\/div>\n\n\n
    Nanti akan tampil Seperti ini<\/p>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    Nah, setelah Tombol Delete terlihat, kita bisa fokus ke fungsi destroy() yang ada di Controller. Cukup tambahkan syntax seperti ini.<\/p>\n\n\n
    \nEmployee::destroy($employee->id);\nreturn redirect('\/employee')->with('success', 'Employee Has ben deleted!');\n<\/pre><\/div>\n\n\n
    Fitur Update<\/h3>\n\n\n\n
    Fitur terakhir yang akan kita bahas adalah Fitur Update<\/code>. Fitur ini memiliki beberapa kemiripan dengan Fitur Create<\/code>. Fungsi Update ini sama sama menggunakan 2 Fungsi di Controller yaitu edit()<\/code> dan update()<\/code>. Nah sekarang kita Fokus ke Fungsi edit()<\/code> terlebih dahulu. <\/p>\n\n\n\n
    Fungsi ini sama dengan fungsi create()<\/code>, yaitu menampilkan tampilan untuk Input Data, tapi bedanya fungsi edit()<\/code> ini menyertakan Data yang akan kita Edit. Jadi nanti saat kita menjalankan Fungsi ini, di Tampilan kita sudah terlihat Data yang akan kita Edit. Tulis syntax ini didalam fungsi edit()<\/code><\/p>\n\n\n
    \nreturn view('edit', [\n    'employee' => $employee,\n]);\n<\/pre><\/div>\n\n\n
    Nah, setelah itu kita tinggal buat Tampilan untuk Edit ini. kita namai edit.blade.php<\/code><\/p>\n\n\n
    \n<!doctype html>\n<html lang="en">\n\n<head>\n    <!-- Required meta tags -->\n    <meta charset="utf-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1">\n\n    <!-- Bootstrap CSS -->\n    <link href="https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/css\/bootstrap.min.css" rel="stylesheet"\n        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">\n\n    <title>CRUD Karyawan<\/title>\n<\/head>\n\n<body>\n    <div class="container mt-5">\n        <h1 class="display-4">Edit Data Karyawan<\/h1>\n        <form method="POST" action="\/employee\/{{ $employee->id }}">\n            @method('put')\n            @csrf\n            <div class="mb-3">\n                <label for="name" class="form-label">Name<\/label>\n                <input type="name" name="name" class="form-control" id="name" value="{{ $employee->name }}">\n            <\/div>\n            <div class="mb-3">\n                <label for="email" class="form-label">Email<\/label>\n                <input type="email" name="email" class="form-control" id="email" value="{{ $employee->email }}">\n            <\/div>\n            <div class="  mb-3">\n                <label for="phone_number" class="form-label">Phone Number<\/label>\n                <input type="phone_number" name="phone_number" class="form-control" id="phone_number"\n                    value="{{ $employee->phone_number }}">\n            <\/div>\n            <button type=" submit" class="btn btn-primary">Submit<\/button>\n        <\/form>\n    <\/div>\n\n    <script src="https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/js\/bootstrap.bundle.min.js"\n        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">\n    <\/script>\n<\/body>\n\n<\/html>\n\n<\/pre><\/div>\n\n\n
    Kalau dilihat disetiap Form nya pasti ada tulisan value=\"\"<\/code>, nah inilah yang membuat kita bisa menampilkan data yang ingin kita Edit. Kurang lebih seperti ini tampilannya<\/p>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    Setelah itu kita tinggal Fokus ke fungsi update()<\/code> saja. Fungsi ini sama seperti fungsi store()<\/code>, yaitu untuk mengirimkan Data kita ke Database<\/code><\/em>. Tulis syntax dibawah ini didalam fungsi update()<\/code>.<\/p>\n\n\n
    \n$rules = [\n    'name' => 'required|max:255',\n    'phone_number' => 'required',\n];\n\nif ($request->email != $employee->email) {\n    $rules['email'] = 'required|unique:employees|email:dns';\n}\n\n$validatedData = $request->validate($rules);\n\nEmployee::where('id', $employee->id)->update($validatedData);\n\nreturn redirect('\/employee')->with('success', 'Employee Has ben Updated!');\n<\/pre><\/div>\n\n\n
    Dan selesailah semua Fungsi dari CRUD pada Laravel kita. <\/p>\n\n\n\n
    Kesimpulan<\/h2>\n\n\n\n
    Diartikel ini kita sudah menyelesaikan Metode CRUD pada Laravel kita. CRUD pada Laravel kita lengkapi disini dengan Fitur Create, Update, dan Delete. Secara Garis besar, Laravel memang memudahkan kita dalam mengerjakan CRUD pada Laravel ini, banyak Fungsi-fungsi yang sudah dibuatkan dan dituliskan, sehingga kita tinggal melengkapi sesuai kebutuhan kita.<\/p>\n\n\n\n
    Mungkin cukup sekian Artikel CRUD pada Laravel yang kita buat dalam 2 Part ini. Kalau mau lihat Part 1 ada disini ya<\/p>\n\n\n\n
    1. Belajar Laravel 8 #8 : CRUD pada Laravel Part 1<\/a><\/li><\/ol>\n\n\n\n
      <\/p>\n\n\n\n
      <\/p>\n\n\n\n
      <\/p>\n\n\n\n
      <\/p>\n\n\n\n
      <\/p>\n\n\n\n
      <\/p>\n","protected":false},"excerpt":{"rendered":"
      Diartikel ini kita akan melanjutkan Artikel CRUD pada Laravel, setelah di artikel sebelumnya kita selesai setting sampai Fitur Read, diartikel ini kita akan menyelesaikan Fitur lainnya. Nah Fitur yang akan kita...<\/p>\n","protected":false},"author":2,"featured_media":762,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[126,93,49],"class_list":["post-1009","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-crud","tag-laravel","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/1009","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/comments?post=1009"}],"version-history":[{"count":5,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/1009\/revisions"}],"predecessor-version":[{"id":1033,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/1009\/revisions\/1033"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media\/762"}],"wp:attachment":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media?parent=1009"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/categories?post=1009"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/tags?post=1009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}