Tutorial Membuat Web Aplikasi Untuk Pemula Mudah Dengan ASP.NET MVC dan SQL Server

ASP.NET MVC adalah framework aplikasi web yang dikembangkan oleh Microsoft, yang mengimplementasikan pola Model View Controller (MVC). ASP.NET MVC adalah perangkat lunak open source, berbeda dengan ASP.NET Web Forms yang merupakan hak milik. dengan ASP.NET MVC kita dapat membuat web aplikasi dengan mudah dan cepat tanpa banyak mengoding tetapi tapat di ubah sesuai keinginan kita.

Sebelum membuat web aplikasi komputer harus sudah terinstal Visual Studio dan SQL Server
Cara instal Visual Studio
Cara instal SQL Server

 1. Buka Aplikasi Visual Studio > File > New > Prpject

 2. Cari dan pilih ASP.NET Web Application (.NET Framework). isikan nama aplikasi dan klik OK.

3. Pilih MVC, Ubah Authentication menjadi : Individual User Account, dangen cara klik Change Authentication. Klik OK.

4. Berikut adalah tampilan setelah projek dibuat. klik IIS Express untuk menjalankan aplikasi.

5. Setelah menjalankan aplikasi akan muncul browser yang akan menuju ke alamat aplikasi. untuk membuat otomatis database, klik Registrasi.

6. Isikan data registrasi kemudian klik register. setelah register halaman akan kembali ke halaman utama. jika sudah klik STOP pada visual studio.

7. Buka SQL Server untuk melihat database yang dibuat secara otomatis

8. Buatlah tabel Mahasiswa dengan cara klik kanan Tables > Table

9. Isikan data seperdi dibawah ini. Ubah NIM menjadi primary key dengan cara klik kanan NIM > Set Primary Key, kemudian simpan dengan nama Mahasiswa.

10. Setelah tabel dibuat, kembali ke visual studio tambahkan folder Entities seperti cara dibawah ini. Beri nama Entities

11. Pada folder Entities yang sudah dibuat tadi, tambahkan Entity Data Model dengan cara seperti gambar dibawah ini,

12. Buat Controller dengan Nama Mahasiswa pada folder Controller

13. Ketik kode seperti dibawah ini

using AplikasiSederhana.Entities;

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

namespace AplikasiSederhana.Controllers

{

    [Authorize]

    public class MahasiswaController : Controller

    {

        public ActionResult Index()

        {

            List<Mahasiswa> r;

            using (var s = new SIMEntities())

            {

                r = s.Mahasiswa.ToList();

            }

            return View(r);

        }

        [HttpGet]

        [ActionName("Create")]

        public ActionResult Create_Get()

        {

            return View();

        }

        [HttpPost]

        [ActionName("Create")]

        public ActionResult Create_Post()

        {

            var model = new Mahasiswa();

            TryUpdateModel(model);

            using (var s = new SIMEntities())

            {

                s.Mahasiswa.Add(model);

                s.SaveChanges();

            }

            return RedirectToAction("Index");

        }

    }

}

14. Membuat View, dengan cara klik kanan di tengah koding Index dan Create > Add View > Mengisi data > Add

15. Setelah View dibuat, jalankan aplikasi, dan berikut hasilnya

Download Contoh Aplikasi dan database disini

Tutorial Cara Membuat Create, Read, Update dan Delete CRUD sederhana pada ASP.NET MVC