Transcript for:
Menambahkan Data Siswa ke Database

Hai semuanya Oke kita lanjutkan ya karena kita sudah bisa menampilkan data dari studentnya atau data dari siswa yang ada di database atau di tabel ya yang sudah kita buat di sini di siswa app ini kemudian di tabel students ini ya Jadi kita sudah bisa bikin ini berikutnya kita akan bikin fungsi untuk menambahkan data dari student atau data dari siswa ini ya nah jadi pertama tentu kita butuh tampilan untuk menampilkan formnya ya jadi form yang untuk digunakan menambahkan datanya itu apa untuk menambah inputannya ya Nah kita buat dulu di Visual Studio code ya jadi di sini Oke kita akan bikin sebuah routing baru kita masuk ke web dot PHP route ini ya kita copy aja ini nah ini kita akan gunakan method create ya kemudian di sini student slash create seperti ini jadi urlnya student slash create untuk membuat student baru gitu nantinya ya karena di sini methodnya adalah create nah di student controller ini kita juga buat create ya Nah di sini methodnya kita kasih nama create return view students.create seperti ini Oke cukup seperti ini untuk bikinnya nah kemudian untuk filenya tentu harus kita buat ya supaya nggak error untuk createnya Nah itu masuk ke bagian Fuse lagi students Nah karena kita sudah punya folder students kita buat file baru di sini namanya create.blade.php seperti ini lalu isinya kita samakan seperti yang ini ya Jadi kita pakai template yang kita gunakan kemudian kontennya Kita sesuaikan Oke kita gunakan seperti ini nah kemudian di sini sectionnya perlu kita set ya section konten Oke jangan lupa di and section seperti ini lalu untuk isinya Bagaimana nah isinya mungkin kita akan buka di tabler.io aja ya Oke kita masuk ke demo lalu kita masuk ke form elemen Nah kita punya form seperti ini ya Oke kita inspect Nah kita lihat di sini nah ada di MB dan seterusnya ini kita copy elemennya Oke kita copy elemennya cukup ya Klik Kanan kita copy elemen kemudian kita masuk teks editor lagi oke lalu di sini kita paste seperti ini Sekarang kita coba untuk akses students create oke nah kita sudah ketemu ya Wih udah ketemu tapi ini kok tampilannya jelek Nah di sini yang perlu kita benerin adalah di bagian Style ya style yang kita sudah buat di layoutnya Sorry di template ya folder-template partials head ini atau style tergantung penambahannya nah ini kita blok seperti ini control d kita hapus Nah di sini kita tambahkan tag kaset supaya dia nanti akan dipanggilnya itu selalu fullpad gitu ya jadi Nanti linknya kemanapun dia akan fullpack dipanggilnya jadi nggak akan ada error karena not found untuk styling kita refresh dan kita sudah punya seperti ini ya atau sudah punya tampilan seperti ini Oke kita punya inputan di sini nah ini yang kita butuhkan oke oke kita perlu sebuah card ya kita balik lagi ke HP di sini saya akan Cut dulu dan di sini saya buat sebuah card kemudian card body sorry nah kita paste di sini Oke kita sudah punya tampilan ini Nah untuk labelnya mungkin di sini kita buat nama kemudian tipenya teks jangan lupa ditambahkan name ya name ini yang berguna untuk nanti dia sebagai value ke requestnya atau ke formnya nanti ya Nah namenya untuk nama itu nama name ya karena nanti ini ya Kita samain aja seperti ini karena di database itu untuk nama itu fieldnya adalah name jadi biar nggak bingung kita samakan aja seperti itu kemudian Mungkin kita bisa copy ya dari mb3 dan seterusnya ini cuman sebelumnya kita perlu sebuah form ya supaya nanti bisa di submit Oke actionnya kita kosongin dulu Oke kemudian kita simpan seperti ini kita copy lagi setelah nama ada alamat nah alamat di database itu address walaupun ini sebenarnya untuk name-nya itu bebas mau kasih apapun ya itu boleh-boleh aja Oke kita copy dan di sini ada mb3 kemudian di sini ada alamat lalu di sini ada nomor telepon misalnya Oke kemudian di sini font number semoga betul ya fun number dan class terakhir kelasnya jadi kita copy sekali lagi kita kasih nama di sini kelas dan untuk remnya di inputannya kelas seperti ini di sini mungkin untuk pesholdernya tulis nomor telepon oke lalu di sini tulis kelas tulis alamat lengkapmu misalnya seperti itu ya jadi flash soldernya aja Tulis namamu kita simpan kita refresh di sini Nah di sini Tulis namamu tulis alamat lengkapmu nomor telepon dan tulis kelas Oke kalau kita menambahkan ke form itu biasanya ada tombol submit ya Nah tombol submitnya kita buat di sini Oke kita buat dengan gifnya mb3 seperti ini kemudian kita tambahkan seperti ini input kelasnya itu button BTN BTN primary kita Coba refresh Dan kita punya ini ya untuk simpan formnya oke lalu untuk kita Klik di sini oke nggak muncul apa-apa Ya dan nggak error dan untuk form itu biasanya untuk methodnya adalah post ya di sini kita tambahkan method sama dengan pos sini kita Coba refresh ini tadi karena get gua listriknya atau parameternya masuk ke sini ya Nah harusnya Oke the Post method is not supported for thisrout ya jadi karena dia ke halaman ini ke Slice great ini tapi methodnya itu nggak ada Jadi ya dia akan error Nah harusnya kita daftarkan sebuah root baru di sini kita copy ya kita copy ini Nah di sini mungkin akan kita gunakan Store ya fungsinya nanti Store kita tulis Nah di sini kita nggak pakai Store ya Tapi bisa pakai create atau student slash gini aja dan jangan lupa di sini kalau tadi kanjet itu untuk menampilkan ya nah sekarang itu pakai pos karena ini untuk fungsinya mengirim ya pos-posting Jadi kita kirim ke database misalnya nanti Nah kalau seperti ini akan error ya Dan ini perlu kita ubah Jadi kalau tadi itu slashnya mana tadi ya actionnya itu kan ke tempat yang sama sekarang kita ubah ke flash students dengan metode pos ini Nah kita refresh Oke kita baik aja dulu kita refresh di sini lalu kita simpan oke page expired nah ini error yang ditimbulkan oleh laravel karena csrf ya Jadi kita perlu tambahkan sintaks atau ya ini adalah bawaan dari laravel untuk mencegah serangan csrf seperti itu ya kita coba balik lagi kita Coba refresh Oke kita simpan oke error lagi student controller Store does not Exist jadi kelihatan ya Oh Ternyata di student controller itu method Store ini belum ada jadi yang perlu kita lakukan masuk ke student controller lalu di sini kita buat methodnya Oke kita buat Store kemudian di sini kita isi request karena nanti kita butuh untuk mengambil requestnya Nah di sini mungkin kita akan DD sudah Oke jadi itu kayak ngetes aja ya fungsinya buat mengetahui aja kalau ini testing gitu dan sudah berhasil kita refresh dan kita simpan sudah oke gitu ya jadi ini muncul sudah oke kita back lagi Oke mungkin ini dulu untuk tampilannya untuk bikin fungsi Simpan ke database ya Jadi kita akan lanjutkan untuk bikin fungsi untuk menyimpan ke databasenya jadi caranya seperti ini di sini kita Panggil yang namanya student Oke jadi kita akan membuat sebuah objek baru student seperti ini sama dengan new student jadi ini buat sebuah objek ya Jadi ini memanggil model atau menurunkan model student Lalu bagaimana cara untuk menyimpannya ke database kita buat seperti ini student name sama dengan request name Oke ini saya jelaskan dulu sebelah kiri Ini adalah untuk nama kolom yang ada di database ini Jadi kalau di sini kita lihat struktur ada name address phone number class dan lain-lainnya Oke berikutnya Kalau yang sebelah kanan itu dari request yang mana request itu berasal dari tampilan create ini nah di tampilan create ini tadi kita Menuliskan beberapa name ya Ada name address phone number dan kelas Nah di sini Kenapa sih kita bikin sama ya biar mudah aja karena kalau di sini mau ngisi nama atau name ya di sini juga name gitu jadi biar imbang gitu ya walaupun sebenarnya diinputan pun kita bisa tulis nama atau nama lengkap seperti itu itu bebas ya Jadi ini hanya penamaan aja Kalau saya lebih suka untuk penamaannya sama karena ya biar mudah aja ya pohon number kemudian terakhir ada kelas oke nah kalau sudah kita gunakan student save seperti ini Oke pertama kita coba lihat dulu data yang kita punya Oke kita punya 12345678 ya sekarang kita Coba refresh di sini Nama saya baru alamat baru nomor teleponnya 081111122 seperti ini ya kelasnya mungkin saya tulis baru aja karena ini istrinya kita bisa ngarang kita simpan Oke putih ya tampilannya Oke tampilannya putih cuman ini nggak ada error dan kita Coba refresh di database dan di sini data yang kita buat tadi itu sudah muncul ya Nah Bagaimana supaya nggak putih seperti ini Nah itu kita bisa lakukan di bawahnya Return redirect back ya kita gunakan back terlebih dulu jadi kalau kita sudah bikin seperti ini maka dia akan diderek balik ke halaman sebelumnya Oke kita coba lagi students Oke kemudian di sini kita bisa buat ya baru lagi alamatnya baru lagi teleponnya 09122 dan seterusnya kelasnya baru lagi Oke kita simpan dan kita dibalikin ulang ke halaman ini ya dan tapi ini untuk inputannya sudah kosong kita Coba refresh di sini dan datanya sudah masuk Oke gitu aja jadi kita sudah buat tadi tampilannya kemudian kita juga ikuti dengan fungsinya ya untuk menambahkan datanya ke dalam database Oke kita lanjutkan ke materi berikutnya