{"id":52259,"date":"2024-12-20T15:30:20","date_gmt":"2024-12-20T08:30:20","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=52259"},"modified":"2025-01-17T15:36:04","modified_gmt":"2025-01-17T08:36:04","slug":"belajar-laravel-bagian-8","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/belajar-laravel-bagian-8\/","title":{"rendered":"Belajar Laravel Bagian 8: Membuat CRUD Tambah Data"},"content":{"rendered":"\n

Pada sesi belajar Laravel bagian ke 7<\/a>, kita telah mempelajari CRUD tentang cara menampilkan data dari database. Dalam lanjutan belajar laravel bagian ke 8 ini, kita akan mempelajari CRUD di Laravel tentang menambah data <\/strong>ke database. Semakin tidak sabar kan? Yuk langsung saja berikut ini langkah-langkahnya.<\/p>\n\n\n\n\n\n

Membuat CRUD tambah data di Laravel<\/h2>\n\n\n\n

Dalam lanjutan belajar CRUD Laravel menggunakan Query Builder, <\/em>kami melakukan sedikit modifikasi pada file \\index.blade.php<\/code>, agar menampilkan data dengan lebih rapi. Berikut ini tampilannya.<\/p>\n\n\n\n

\"tambah<\/a><\/figure>\n\n\n\n

Silakan Anda mengikuti dengan mengganti isi file index.blade.php<\/code> yang ada di path <\/em>resources\\views\\pegawai\\index.blade.php<\/strong> menjadi berikut. 
<\/p>\n\n\n\n

<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Data Pegawai<\/title>\n<\/head>\n<body>\n    <h3>Data Pegawai<\/h3>\n\n\n    <!-- Tombol Tambah Data -->\n    <p>\n        <a href=\"\/pegawai\/tambah\">+ Tambah Pegawai Baru<\/a>\n    <\/p>\n\n\n    <!-- Tabel Data Pegawai -->\n    <table border=\"1\" cellpadding=\"6\" cellspacing=\"0\" style=\"margin: 0 auto; width: 80%; text-align: left;\">\n        <thead>\n            <tr>\n                <th>ID<\/th>\n                <th>Nama<\/th>\n                <th>Alamat<\/th>\n                <th>Aksi<\/th>\n            <\/tr>\n        <\/thead>\n        <tbody>\n            @foreach($pegawai as $p)\n            <tr>\n                <td>{{ $p->pegawai_id }}<\/td>\n                <td>{{ $p->pegawai_nama }}<\/td>\n                <td>{{ $p->pegawai_alamat }}<\/td>\n                <td>\n                    <a href=\"\/pegawai\/edit\/{{ $p->pegawai_id }}\">Edit<\/a> |\n                    <a href=\"\/pegawai\/hapus\/{{ $p->pegawai_id }}\">Hapus<\/a>\n                <\/td>\n            <\/tr>\n            @endforeach\n        <\/tbody>\n    <\/table>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
Baik. Selanjutnya, berikut ini langkah-langkah menambah data pegawai di Laravel.<\/p>\n\n\n\n
Step 1. Membuat route <\/em>tambah data pegawai<\/h3>\n\n\n\n
Disebelah kiri atas tampilan utama data pegawai, ada tombol \u201cTambah Pegawai Baru\u201d.  Saat di klik maka kita harus membuat dulu routenya. Silakan tambahkan script berikut di file routes\\web.php<\/strong>.<\/p>\n\n\n\n
Route::get('\/pegawai\/tambah', [PegawaiController::class, 'tambah']);<\/code><\/pre>\n\n\n\n
Step 2. Membuat method <\/em>tambah di controller<\/em><\/h3>\n\n\n\n
Selanjutnya buat method tambah di file app\\Http\\Controllers\\PegawaiController.php<\/strong><\/p>\n\n\n\n
 \/\/ method untuk menampilkan view form tambah pegawai\n\n    public function tambah()\n    {\n   \n        \/\/ memanggil view tambah\n        return view('pegawai.tambah');\n   \n    }\n<\/code><\/pre>\n\n\n\n
Step 3. Buat form tambah data pegawai di view<\/em><\/h3>\n\n\n\n
Lanjut membuat tampilan form <\/em>tambah data pegawai. Untuk membuatnya, kita lakukan di file resources\\views\\pegawai\\tambah.blade.php<\/strong><\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n    <title>Tambah Data Pegawai<\/title>\n<\/head>\n<body>\n    <h2>Tambah Data Pegawai<\/h2>\n\n\n    <!-- Tombol Kembali -->\n    <p>\n        <a href=\"\/pegawai\">Kembali<\/a>\n    <\/p>\n\n\n    <!-- Form Tambah Data -->\n    <form action=\"\/pegawai\/store\" method=\"post\">\n        {{ csrf_field() }}\n        <table>\n            <tr>\n                <td><label for=\"nama\">Nama<\/label><\/td>\n                <td><input type=\"text\" id=\"nama\" name=\"nama\" required=\"required\"><\/td>\n            <\/tr>\n            <tr>\n                <td><label for=\"jabatan\">Jabatan<\/label><\/td>\n                <td><input type=\"text\" id=\"jabatan\" name=\"jabatan\" required=\"required\"><\/td>\n            <\/tr>\n            <tr>\n                <td><label for=\"umur\">Umur<\/label><\/td>\n                <td><input type=\"number\" id=\"umur\" name=\"umur\" required=\"required\"><\/td>\n            <\/tr>\n            <tr>\n                <td><label for=\"alamat\">Alamat<\/label><\/td>\n                <td><textarea id=\"alamat\" name=\"alamat\" required=\"required\"><\/textarea><\/td>\n            <\/tr>\n            <tr>\n                <td colspan=\"2\" style=\"text-align: right;\">\n                    <input type=\"submit\" value=\"Simpan Data\">\n                <\/td>\n            <\/tr>\n        <\/table>\n    <\/form>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Step 4. Buat Controller pegawai store<\/h3>\n\n\n\n
Buat Controller pegawai store untuk menangkap inputan dari form tambah pegawai.<\/p>\n\n\n\n
\/\/ method untuk insert data ke table pegawai\n\n\n\n    public function store(Request $request)\n    {\n        \/\/ insert data ke table pegawai\n        DB::table('pegawai')->insert([\n            'pegawai_nama' => $request->nama,\n            'pegawai_jabatan' => $request->jabatan,\n            'pegawai_umur' => $request->umur,\n            'pegawai_alamat' => $request->alamat\n        ]);\n        \/\/ alihkan halaman ke halaman pegawai\n        return redirect('\/pegawai');\n   \n    }\n<\/code><\/pre>\n\n\n\n
5. Buat route pegawai<\/h3>\n\n\n\n
Lanjut membuat route <\/em>store di routes\\web.php<\/code>. Berikut ini isi filenya.<\/p>\n\n\n\n
Route::post('\/pegawai\/store', [PegawaiController::class, 'store']);<\/code><\/pre>\n\n\n\n
Pengujian CRUD tambah data di Laravel<\/h2>\n\n\n\n
Langkah terakhir, kita bisa melakukan testing untuk menambah data. Silahkan Akses ke URL http:\/\/127.0.0.1:8000\/pegawai<\/code>, tak lupa jalankan dulu service Laravelnya dengan perintah:<\/p>\n\n\n\n
php artisan serve<\/code><\/pre>\n\n\n\n
Setelah itu, klik tambah pegawai baru kmudian Anda akan diarahkan ke url \/tambah atau lengkapnya http:\/\/127.0.0.1:8000\/pegawai\/tambah<\/mark>. Berikut tampilannya:<\/p>\n\n\n
\n
\"upload<\/a><\/figure>\n<\/div>\n\n\n
Dan hasilnya akan tampil seperti data berikut:<\/p>\n\n\n\n
\"tampilan<\/a><\/figure>\n\n\n\n
Sampai tahap ini, proses penambahan data di Laravel menggunakan CRUD telah berhasil.<\/p>\n\n\n\n
Demikian artikel belajar Laravel bagian 8 tentang cara menambah data dengan CRUD. Pada series belajar Laravel selanjutnya, kami akan membahas tentang cara edit data pegawai<\/a> di Laravel menggunakan Query Builder. Semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"
Pada sesi belajar Laravel bagian ke 7, kita telah mempelajari CRUD tentang cara menampilkan data dari database. Dalam lanjutan belajar laravel bagian ke 8 ini, kita akan mempelajari CRUD di Laravel tentang menambah data ke database. Semakin tidak sabar kan? Yuk langsung saja berikut ini langkah-langkahnya. Membuat CRUD tambah data di Laravel Dalam lanjutan belajar […]<\/p>\n","protected":false},"author":319,"featured_media":52308,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[7],"tags":[1587,2247,796,1497],"class_list":{"0":"post-52259","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-programming","8":"tag-belajar-laravel","9":"tag-crud","10":"tag-laravel","11":"tag-tutorial-laravel"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/12\/banner-CRUD-Tambah-Data.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-dAT","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/52259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/319"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=52259"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/52259\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/52308"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=52259"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=52259"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=52259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}