Membuat CRUD .NET MVC (C#) dengan Entity Framework

 Author : hadinug, 19 November, 2016, Komentar

Weekend kali ini Saya coba untuk menyempatkan diri menulis tentang bagaimana membuat CRUD sederhana dengan .NET MVC. Bicara tentang MVC tentunya para pembaca yang terbiasa dengan pemprograman berbasi Object sudah paham betul dengan istilah MVC. Jadi kali ini Saya tidak akan membahas apa itu MVC pada artikel kali ini. 


Seperti pada tutorial sebelum nya, kali ini saya mencoba untuk mengajak para pembaca untuk langsung mencoba untuk memperaktekan isi dari tutorial ini, dan sebelum masuk ketahap selanjut nya pastikan Anda berada tepat didepan laptop anda yang sudah terinstall Visual Studio 2015 atau 2013. Serta tentunya pada komputer anda sudah terinstall SQL Server database.



Membuat Database dan Table CRUD

Di tahap ini kita mulai dengan membuat database sederhana yang kita namakan CRUD seperti gambar berikut sbb:



Kemudian kita lanjutkan dengan membuat Table dengan nama tbl_employee, seperti gambar berikut:



NB: field id sebeagai Primary Key dan Auto Increment

Table untuk aplikasi CRUD sudah selesai dibuat, kita lanjutkan dengan langkah berikutnya.

Membuat Project MVC di Visual Studio

Nah pada tahap ini kita akan mmebuat project MVC dengan Entity Framework. Sebelum kita lanjutkan mungkin anda belum tau apa itu Entity Framework, kenapa menggunakan Entity Framework? oke.... untuk yang satu ini, jawabannya akan saya jelaskan pada tutorial selanjut nya .

Membuat Project

Pada IDE Visual Studio klik pada top menu bar: File - New - Project (Ctrl+Shift+N). Maka akan muncul tampilan sebagai berikut:



Pilih OK, kemudian pada Visual Studio akan menampilkan pilihan Template dan pilih Template aplikasi MVC, seperti pada gambar berikut:



Kemudian pilih Ok, dan Project MVC anda sudah berhasil dibuat.



Entity Framework 6

Langkah selanjutnya kita akan membuat Database Connection dengan Entity Framework, pada Project yang sudah dibuat pilih Folder Models, Klik kanan - Add - ADO.NET Entity Data Model dan beri nama crud



Selanjut nya pilih Model Contents EF dan isikan seperti pada gambar berikut:

 

Kemudian buat koneksi Database SQL Server dengan informasi yang disesuikan dengan settingan instalasi SQL Server anda. Pilih Database CRUD



Setelah itu Informasi data koneksi anda akan tampil dengan isian seperti pada gambar berikut:



Nah, belum selesai sampai disini, pada tahap selanjutnya pilih Database Object dan Setting dan klik Finish.


Entity Frmework berhasil dibuat dalam Project MVC anda. Lanjut pada tahap selanjutnya yang menjadi tujuan utama kita pada tutorial kali ini yaitu membuat CRUD MVC dengan EntityFramework

Membuat class EmployeeController 

Pada Visual Studio Project, pilih Folder Controlers - Klik Kanan - Add - Controllers, seperti pada gambar berikut:



Kemudian  pilih MVC5 with Views, Using Entity Framework



Nah pada tahap akhir isikan informasi Model Class, Data Context dan Controller Name seperti pada gambar berikut:



Nah, kita baru saja selesai membuat class CRUD Employee. Sekarang kita bisa melihat hasil nya di google chrome seperti berikut:

List 

URL: http://localhost:port/Employee/Index



Create

URL: http://localhost:port/Employee/Create


Edit

URL: http://localhost:port/Employee/Edit



Details

URL: http://localhost:port/Employee/Details/Id



Delete

URL: http://localhost:port/Employee/Delete/Id



Clone this Project in GitHub https://github.com/ukeenan/netCrudMVC, Semoga bermanfaat!!  
 
Bagikan halaman ke sosial media
 
Tags :   CRUD    MVC    [dot]NET    Entity Framework       

Tentang Penulis

writer hadinug
Web Developer di PT. Yafii Solusi Internasional

Link: http://ysi.co.id

   Komentar Anda