ASP.NET MVC — Membuat CRUD Menggunakan Visual Studio 2019 — Part 1
ASP.NET MVC merupakan Framework open source .NET yang digunakan untuk pengembangan aplikasi website yang mengimplementasikan pola MVC (Model View Controller).
Untuk lebih memahaminya, saya akan membuat tutorial sederhana CRUD (Create Read Update Delete) menggunakan ASP.NET MVC, maka tool yang perlu di install adalah:
Visual studio 2019 →
Kali ini saya menggunakan local SQL Server yang telah diinstall di dalam visual studio. Jika Anda ingin menggunakan external database SQL Server maka Anda perlu menginstall:
Microsoft SQL Server Management Studio 2018 →
Jika visual studio 2019 sudah terinstall, selanjutnya
1. Membuat project
Tekan File > New > Project (pilih ASP.Net Web Application C#)
Tentukan nama projeknya
Pilih MVC dan authenticationnya menjadi Individual User Accounts, lalu tekan Create
Maka kita sudah bisa menjalankan projeknya dengan menekan IIS Express (run). Sungguh cepat sekali bukan!
2. User authentification
Untuk membuat database secara otomatis, tekan tombol Register lalu isi data account.
Jika sudah, tekan Stop.
3. Create table and model
Tekan Server Explorer > Data Connections > DefaultConnection > Tables (klik kanan, Add New Table)
Buat table Menus
Selanjutnya kita membuat entity untuk mengkoneksikan projek dengan database. Klik kanan pada MVCMenus di Solution Explorer, Add > New Folder, beri nama Entities
Klik kanan pada folder Entities, Add > New Item, pilih Data > ADO.NET Entity Data Model. Beri nama MenusDataModel, klik Add
Pilih EF Designer from database, klik Next
Isi dengan MenusEntities, klik Next
Pilih table Menus, beri nama MenusModel, klik Finish
3. Membuat controller
Klik kanan pada folder Controllers di Solution Explorer, Add > Controller, beri nama MenusController
Ketik code berikut
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MVCMenus.Entities;
namespace MVCMenus.Controllers
{
[Authorize]
public class MenusController : Controller
{
// GET: Menus
public ActionResult Index()
{
List<Menus> m;
using(var r = new MenusEntities())
{
m = r.Menus.ToList();
}
return View(m);
}
[HttpGet]
[ActionName("Create")]
public ActionResult Create_Get()
{
return View();
}
[HttpPost]
[ActionName("Create")]
public ActionResult Create_Post()
{
var menusmodel = new Menus();
TryUpdateModel(menusmodel);
using(var r = new MenusEntities())
{
r.Menus.Add(menusmodel);
r.SaveChanges();
}
return RedirectToAction("Index");
}
}
}
4. Membuat view
Pertam kita akan membuat view untuk menampilkan list view data menu, klik kanan di dalam funsi Index
Pilih template List, model Menus, klik Add
Selanjutnya, kita membuat view untuk membuat menu baru, klik kanan di dalam fungsi Create_Get
Beri nama Create, template Create, model Menus, lalu klik Add
Ok, so far hasilnya sebagai berikut
Selanjutnya, part 2