{"id":1169,"date":"2022-03-22T16:14:49","date_gmt":"2022-03-22T09:14:49","guid":{"rendered":"https:\/\/duniacoding.info\/?p=1169"},"modified":"2022-04-26T14:12:16","modified_gmt":"2022-04-26T07:12:16","slug":"belajar-laravel-import-excel-pada-laravel","status":"publish","type":"post","link":"https:\/\/duniacoding.id\/blog\/belajar-laravel-import-excel-pada-laravel\/","title":{"rendered":"Belajar Laravel 8 #13 : Import Excel pada Laravel 8"},"content":{"rendered":"\n
\"import-excel-pada-laravel\"<\/figure>\n\n\n\n

Okay, setelah sebelumnya kita membuat sebuah Fitur dimana kita bisa Export Pdf<\/a> dari Laravel, kali ini kita akan membuat Fitur untuk Import Excel <\/code>pada Laravel. <\/p>\n\n\n\n

Nah, Fitur ini tentunya akan memudahkan kita untuk menginput Data yang banyak kedalam Sistem kita, jadi kita tidak harus memasukkan data tersebut satu-persatu. Cukup satu kali Import<\/code>, dan semua Data sudah ter-input di Database <\/code>kita. <\/p>\n\n\n\n

Penjelasan Sistem Import Excel pada Laravel<\/strong><\/h2>\n\n\n\n

Untuk membuat sistem Import ini, ada beberapa hal yang akan kita lakukan. Pertama, kita akan menginstal Projek Laravel <\/code>kita, setelah itu kita siapkan Database <\/code>dan Tampilannya<\/code>. Setelah selesai Database <\/code>dan Tampilannya<\/code>, kita tinggal install sebuah Liblary <\/code>untuk Import Excel ini dan di-setting sesuai kebutuhan kita. <\/p>\n\n\n\n

Praktek<\/strong><\/h2>\n\n\n\n

Disini kita akan mempraktekkan sedari instalasi, untuk detail dari instalasi sampai membuat Database bisa kalian lihat di Atikel-artikel sebelumnya.<\/p>\n\n\n\n

Instalasi Laravel via Composer <\/strong><\/h3>\n\n\n\n

Disini kita bisa install Laravel 8 kita, untuk nama dari Projek yang kita install ini bebas sesuai keinginan Teman-teman. Setelah selesai install<\/code>, jangan lupa langsung buka Folder dimana Projek Laravel <\/code>ini kita install<\/code>. Bisa install dengan syntax dibawah ini.<\/p>\n\n\n

\ncomposer create-project laravel\/laravel:^8.0 import-excel\n<\/pre><\/div>\n\n\n
jangan lupa setelah selesai instalasi jalankan Laravel nya ya dengan php artisan serve<\/code><\/p>\n\n\n\n
Install Liblary<\/strong><\/h3>\n\n\n\n
Setelah selesai melakukan instalasi Laravel, berikutnya kita akan menginstall Liblary untuk Sistem Import Excel <\/code>kita. Kalian bisa melihat detail dokumentasi dari Liblary ini disini docs.laravel-excel.com\/3.1\/getting-started\/installation.html<\/a>. Langsung saja, instalasi dengan syntax dibawah ini<\/p>\n\n\n
\ncomposer require maatwebsite\/excel\n<\/pre><\/div>\n\n\n
Setelah selesai instalasi, buka file config\/app.php lalu tambahkan 2 syntax dibawah ini didalam providers <\/code>dan aliases<\/code><\/p>\n\n\n
\n'providers' => [\n\n    Maatwebsite\\Excel\\ExcelServiceProvider::class,\n]\n\n'aliases' => [\n   \n    'Excel' => Maatwebsite\\Excel\\Facades\\Excel::class,\n]\n<\/pre><\/div>\n\n\n
Setelah itu, kalian bisa menjalankan syntax dibawah ini untuk membuat sebuah config <\/code>file khusus untuk excel yhang kalian import <\/code>nanti. File nya akan bernama excel.php<\/code><\/p>\n\n\n
\nphp artisan vendor:publish --provider="Maatwebsite\\Excel\\ExcelServiceProvider" --tag=config\n<\/pre><\/div>\n\n\n
Buat Database<\/strong><\/h3>\n\n\n\n
Berikutnya, tentu kita akan membuat dan setting Database <\/code>untuk mealkukan import Excel pada Laravel kita. Lansgung saja pertama buat Database <\/code>dulu dengan nama data_karyawan<\/code><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Pastikan kalian mengatur .env<\/code> kalian agar connect ke database yang sudah kita buat<\/p>\n\n\n\n
Setelah selesai membuat Database<\/code>, berikutnya kita atur Model<\/code>, Controller<\/code>, View <\/code>dan Migrations Database <\/code>nya.<\/p>\n\n\n\n
Setting Model, dan Migrations<\/strong><\/h3>\n\n\n\n
Berikutnya, kita akan setting Model <\/code>kita. Tapi sebelum setting jelas kita harus membuat Model <\/code>terlebih dahulu. Model <\/code>yang akan kita buat ini nantinya akan disertai dengan Controller <\/code>dan Migrations<\/code>. <\/p>\n\n\n\n
Pastikan teman-teman sudah install Exstensi Laravel Artisan<\/code> lalu kalian cukup klik Ctrl + Shift + P<\/code>. Lalu pilih >Make Model<\/code>, Setelah itu buat Nama Model Employee<\/code>, setelah itu akan ada pilihan untuk membuat Migrations, Resource, dan Factory<\/code>? Kita pilih Yes<\/code> saja. Setelah itu kita sudah memiliki Migrations, Model, dan Controller yang kita butuhkan. <\/p>\n\n\n\n
Disini kita akan mulai setting Model terlebih dahulu, cukup tambahkan syntax protected $guarded = ['id']<\/code> saja.<\/p>\n\n\n
\nclass Employee extends Model\n{\n    use HasFactory;\n\n    protected $guarded = ['id'];\n}\n<\/pre><\/div>\n\n\n
Setelah itu, kita setting migrations kita. Disini kita akan membuat Data Karyawan (Employee) <\/code>ini, cukup buat berisi Nama dan Pekerjaan saja<\/p>\n\n\n
\npublic function up()\n    {\n        Schema::create('employees', function (Blueprint $table) {\n            $table->id();\n            $table->string('name');\n            $table->string('works');\n            $table->timestamps();\n        });\n    }\n<\/pre><\/div>\n\n\n
Nah, apabila sudah jangan lupa jalankan syntax untuk migrasi Database <\/code>kita dengan syntax<\/p>\n\n\n
\nphp artisan migrate\n<\/pre><\/div>\n\n\n
Setting Import<\/strong><\/h3>\n\n\n\n
Nah, sekarang kita akan terfokus kepada File yang akan kita gunakan untuk Import, File import ini kurang lebih seperti File yang akan kita akses agar Sistem Import Excel pada Laravel kita berjalan. <\/p>\n\n\n\n
Pertama, buat terlebih dahulu dengan syntax<\/p>\n\n\n
\nphp artisan make:import EmployeeImport --model=Employee\n<\/pre><\/div>\n\n\n
Setelah itu kalian akan mendapatkan sebuah File baru bernama EmployeeImport.php<\/code>, buka File itu lalau tambahkan syntax didalam return new Employee<\/code> jadi seperti ini<\/p>\n\n\n
\nreturn new Employee([\n            'name' => $row[0],\n            'works' => $row[1]\n        ]);\n<\/pre><\/div>\n\n\n
Setting View<\/strong><\/h3>\n\n\n\n
Setelah selesai mensetting Import, berikutnya kita kan setting Tampilan atau View. Ditampilan ini akan berisi dua Hal, yang pertama adalah tabel <\/code>untuk menampilkan Data, dan yang kedua adalah Form <\/code>untuk Menginputkan Data. Sekarang, buat file index.blade.php<\/code> didalam views<\/code><\/p>\n\n\n\n
index.blade.php<\/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>Import Excel<\/title>\n<\/head>\n\n<body>\n    <div class="container mt-5">\n        <h1 class="mt-5 display-4">Table<\/h1>\n        <table class="table">\n            <thead>\n                <tr>\n                    <th scope="col">Name<\/th>\n                    <th scope="col">Work As<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody>\n                @foreach ($employees as $item)\n                    <tr>\n                        <td>{{ $item->name }}<\/td>\n                        <td>{{ $item->works }}<\/td>\n                    <\/tr>\n                @endforeach\n            <\/tbody>\n        <\/table>\n        <div class="row">\n            <div class="col-sm-3">\n                <form action="\/" method="post" enctype="multipart\/form-data">\n                    @csrf\n                    <input type="file" name="excel" class="form-control" placeholder="Recipient's username"\n                        aria-label="Recipient's username" aria-describedby="button-addon2">\n                    <button class="btn btn-primary mt-3" type="submit" id="button-addon2">Import<\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\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<\/pre><\/div>\n\n\n
\"\"<\/figure>\n\n\n\n
Setting Controller<\/strong><\/h3>\n\n\n\n
Nah di Controller ini, kita akan membuat 2 Fungsi. Pertama fungsi untuk menampilkan Tampilan kita, yang kedua adalah fungsi untuk mengakses EmployeeImport <\/code>kita. Kurang lebih akan seperti ini<\/p>\n\n\n
\npublic function index()\n    {\n        return view('index', [\n            'employees' => Employee::all()\n        ]);\n    }\n\npublic function import(Request $request)\n    {\n        Excel::import(new EmployeeImport, $request->excel);\n        return redirect('\/');\n    }\n<\/pre><\/div>\n\n\n
Setting Web.php<\/strong><\/h3>\n\n\n\n
Terakhir yang harus kita setting adalah file routes\/web.php, didalam File ini kita akan mengakses link untuk Menampilkan data menggunakan get <\/code>dan mengirim data menggunakan post<\/code>, jangan lupa diarahkan ke Fungsi Controller<\/code> yang kita butuhkan.<\/p>\n\n\n
\nRoute::get('\/', [EmployeeController::class, 'index']);\nRoute::post('\/', [EmployeeController::class, 'import']);\n<\/pre><\/div>\n\n\n
Penggunaan<\/strong><\/h2>\n\n\n\n
Sekarang kita tinggal mempraktekkan Sistem import excel pada Laravel kita. Ada hal yang harus diperhatikan dalam import excel pada Laravel ini, yaitu isi dari File Excel yang kita Import. <\/p>\n\n\n\n
Didalam File Excel yang kita Import, akan berbentuk tabel, dengan detail Row sesuai dengan EmployeeImport kita. Kalau dilihat di EmployeeImport memiliki 2 Row, pertama untuk name, kedua untuk works, detialnya seperti ini<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Jadi Row A untuk name, dan Row B untuk works. Pastikan saat ingin Import tidak salah Row ya.<\/p>\n\n\n\n
Selanjutnya tinggal lakukan Import File ini<\/p>\n\n\n\n
\"\"<\/figure>\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":"
Okay, setelah sebelumnya kita membuat sebuah Fitur dimana kita bisa Export Pdf dari Laravel, kali ini kita akan membuat Fitur untuk Import Excel pada Laravel. Nah, Fitur ini tentunya akan memudahkan...<\/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":[176,93,94,49],"class_list":["post-1169","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-import","tag-laravel","tag-laravel-8","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/1169","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=1169"}],"version-history":[{"count":3,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/1169\/revisions"}],"predecessor-version":[{"id":1314,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/1169\/revisions\/1314"}],"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=1169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/categories?post=1169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/tags?post=1169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}