Cara membuat Program CRUD sederhana menggunakan Visual Studio dengan ASP.Net Core MVC Entity FrameWork (EF)

18. 12. 19
posted by: Admin
Hits: 58

Cara membuat Program CRUD sederhana menggunakan Visual Studio dengan ASP.Net Core MVC Entity FrameWork (EF)
- Siapkan database terlebih dahulu
- Buat tabel Produk, harus ada PK & Identity u/ generate ID secara otomatis.

CREATE TABLE Tabel_Produk
(
ProductID INT IDENTITY PRIMARY KEY,
ProductName VARCHAR (10),
Price INT,
CreatedAt DATETIME
)

- Buka Visual Studio
- File --> New --> Project
- Pada Tab Installed --> Visual C# --> .Net Core, pilih ASP.Net Core Web Application
- Klik Browse untuk menentukan path tempat penyimpanan aplikasi
- Isi nama project, misalnya WebApplication4
- Klik OK
- Pada Dropdown atas, pilih .Net Core & ASP.Net Core 2.1
- Pilih Web Application (Model-View-Controller)
- Klik OK
- Buka Tab Solution Explorer
- Pada folder Models, klik kanan, Add --> Class
- Beri nama ProductViewModel.cs
- Klik Add
- Model ini harus ada PK, jd perlu ada using System.ComponentModel.DataAnnotations; & [KEY]
- Model ini juga harus sesuai dengan Tabel Produk

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using System.ComponentModel.DataAnnotations;

namespace WebApplication4.Models
{
public class ProductViewModel
{
[Key]
public int ProductID { get; set; }
public string ProductName { get; set; }
public int Price { get; set; }
public DateTime CreatedAt { get; set; }
}
}

- Pada nama project WebApplication4, klik kanan, Add --> Class
- Beri nama DbContext, misalnya AppDbContext.cs
- Klik Add

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;

using Microsoft.EntityFrameworkCore;
using Microsoft.EntityFrameworkCore.Metadata;
using WebApplication4.Models;

namespace WebApplication4
{
public partial class AppDbContext : DbContext
{
public AppDbContext()
{
}

public AppDbContext(DbContextOptions<AppDbContext> options)
: base(options)
{
}

protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder)
{
if (!optionsBuilder.IsConfigured)
{
//#warning To protect potentially sensitive information in your connection string, you should move it out of source code. See http://go.microsoft.com/fwlink/?LinkId=723263 for guidance on storing connection strings.
optionsBuilder.UseSqlServer(connectionString: "ConnString");
}
}

protected override void OnModelCreating(ModelBuilder modelBuilder)
{ }

public DbSet<WebApplication4.Models.ProductViewModel> Tabel_Produk { get; set; }

}
}

- Kemudian membuat Controller, pastikan sudah ada koneksi internet
- Pada folder Controllers, klik kanan, Add --> Controller
- Pilih MVC Controller with views, using Entity FrameWork, klik Add
- Pada dropdown Model Class, pilih ProductViewModel
- Pada dropdown Data Context Class, pilih AppDbContext
- Isikan Controller Name : ProductsController
- Klik Add
- Tunggu beberapa saat hingga proses selesai
- Buka file Startup.cs
- Tambahkan using Microsoft.EntityFrameworkCore;
- Pada bagian public void ConfigureServices(IServiceCollection services), tambahkan :

services.AddDbContext<AppDbContext>(options =>
{
options.UseSqlServer(Configuration.GetConnectionString("ConnString"), strategy =>
{
strategy.EnableRetryOnFailure();
}
);
}
);

- Buka file appsettings.json, lalu tambahkan

"ConnectionStrings": {
"ConnString": "Data Source=localhost;Initial Catalog=db_1;User ID=sa;Password=12345678;Connect Timeout=30;Encrypt=False;TrustServerCertificate=False;ApplicationIntent=ReadWrite;MultiSubnetFailover=False"
},

- Selesai, sekarang sudah bisa dilakukan testing
- Klik Run
- Tambahkan tanda Slash /Products, misalnya http://localhost:53773/Products

Add comment


Security code
Refresh