Tutorial Asp Net Core Sesi 2 , Mengenal Method Post Pada Asp.Net Core Mvc

Pada tutorial sebelum nya saya membahas pengenalam dalam menciptakan aplikasi dengan ASP.NET Core MVC. Kali ini saya ingin share satu hal penting dalam menciptakan aplikasi, yaitu method pengiriman data dari client ke server. Dan kali ini saya akan share salah satu nya yaitu method POST.

Sebagaimana di ketahui( bagi yang sudah pernah berguru ihwal method post baik di bahasa pemrograman lain), bahwa method POST ini ialah method yang di gunakan untuk pengiriman request data dari client ke server. dalam hal ini tepatnya view pada halaman website yang di berdiri dengan ASP.NET Core MVC ini mengirim request data yang di handlers oleh Controller. dan tentu nya hal ini sudah saya jelaskan pada artikel sebelumnya ihwal Konsep MVC pada artikel ini 
ASP.Net Core Session 1

Baik pribadi saja bagi yang belum mempunyai aplikasi latihan nya, sanggup di download atau di clone di github di sini https://github.com/soclose/ASP-.NET-Core-Course.git. Setelah file nya sudah di download, kemudian open the project memakai aplikasi Visual Studio.

Setelah aplikasi ASP.NET Core MVC Project telah open, kemudian open tree pada folder view dan double click pada file index.cshtml. kemudian ubah isi dari file tersebut menjadi menyerupai gambar di bawah ini.

Kemudian dari file layout tersebut akan menampilkan layout menyerupai di bawah ini

Setelah file layout sudah berhasil di buat, selanjut nya menciptakan handler pada file Controller.
klik di tree Controller kemudian double click file Product. kemudian buat sebuah class gres dengan nama PassData menyerupai di bawah ini

public class PassData {      public string Name { get; set; } }

kemudian buat sebuah method gres pada class product yaitu method yang menjadi contoh pada request layout index.cshtml, menyerupai di bawah ini

public ActionResult Process([FromForm]PassData data) {    ViewData["Name"] = data.Name;    return View(); }

untuk code langkap nya sanggup di lihat di ss berikut ini :
 

Sebelum menjalankan aplikasi ini, kita harus menciptakan sebuah file cshtml baru, yaitu Process.cshtml hal ini di karenakan saya menciptakan return value nya menyerupai ini restun View(); atau tidak mendeklarasikan view apa yang akan di gunakan untuk response dari method tersebut.

Jadi buat lah sebuah view pada tree view dan folder Product, dengan nama Process.cshtml lalu insert code menyerupai di bawah ini
 

Baik lah sehabis semua code dan file sudah simpulan di create maka lakukan testing dengan klik IISExpress lalu masuk ke sajian Product, kemudian isi kotak name kemudian submit data, maka process pada method POST akan di passing ke view process.cshtml Saya akan jelaskan mengenai alur MVC di ASP.NET Core MVC ini. 

Hal pertama ialah dimana kita menciptakan sebuah inputan pada client dengan method POST dan action menuju ke controller Product dan method Process. sehabis data di kirim oleh client maka method Process memprocess data tersebut dan menawarkan layout Process.cshtml. Praktis bukan ??? file aplikasi tutorial ini sanggup anda download atau clone di sini. Anda sanggup melihat tutorial versi video nya di bawah ini

Bagikan Artikel ini