Thực hành (2) CRUD trong Razor Pages (+video)

CRUD – Create, Retrieve, Update, Delete – là nhóm chức năng cơ bản nhất của các ứng dụng quản lý (Line-of-Business, LOB). Trong Razor Pages, bạn rất dễ dàng thực hiện nhóm chức năng CRUD dữ liệu cơ bản.

Trong bài thực hành tổng hợp thứ nhất, bạn đã xây dựng được một phần của ứng dụng quản lý sách điện tử. Cụ thể, bạn đã hiển thị được danh sách tài liệu ở dạng bảng và hiển thị được thông tin chi tiết của từng tài liệu. Đây tương ứng với chức năng R – Retrieve trong CRUD.

Trong bài thực hành này chúng ta tiếp tục xây dựng nốt 3 chức năng xử lý dữ liệu còn lại: Create, Update và Delete. Qua bài thực hành này chúng ta sẽ xem xét cách vận dụng loạt kiến thức đã học trong các bài trước khi xây dựng chương trình MVC.

Kết thúc bài thực hành này bạn sẽ thu được một ứng dụng đơn giản với đủ 4 chức năng CRUD dữ liệu cơ bản.

Video hướng dẫn và mã nguồn ở phần kết luận.

Entity Framework Core

---

− Cách 1: Cài đặt bằng console: + Tools → NuGet Package Manager → Package Manager Console (PMC):

+ Gõ câu lệnh sau vào PMC, sau đó nhấn phím Enter:

Install-Package Microsoft.EntityFrameworkCore.SqlServer

− Cách 2: Cài đặt bằng giao diện:

− Cách 2: Cài đặt bằng giao diện:

+ Mục Browse, tìm package Microsoft.EntityFrameworkCore.SqlServer

+ Cài đặt phiên bản ổn định mới nhất (Latest stable) của package này.

Lưu ý:

− .NET 6.0 tương thích với các NuGet Package có phiên bản là 6.x.x.

− Việc cài đặt các NuGet package cần phải có kết nối Internet.

− NuGet Package chỉ có tác dụng với project hiện tại

Thiết lập project dùng EF Code-First

− Bước 1 – Tạo chuỗi kết nối đến CSDL: Mở file appsettings.json và bổ sung chuỗi kết nối có tên là Eshop như sau, trong đó mục Server và Database lần lượt là tên máy chủ SQL và tên CSDL:

"ConnectionStrings": { "BookStore": "Server=DESKTOP-VC92P42\\SQLEXPRESS;Database=BookStore_CKC;Trusted_Connection=True;MultipleActiveResultSets=true" }

− Bước 2 – Xây dựng Context: Tạo thư mục Data trong project, trong đó tạo class BookStoreContext kế thừa từ class DbContext, kèm theo 1 phương thức khởi tạo cũng kế thừa từ phương thức khởi tạo tương ứng của DbContext:

− Bước 3 – Thiết lập service: Bổ sung câu lệnh sau vào phần thiết lập dịch vụ của file Program.cs để quy định project sẽ sử dụng EshopContext với chuỗi kết nối có tên là Eshop từ file appsettings.json:

                    
                        builder.Services.AddDbContext(options => options.UseSqlServer(builder.Configuration.GetConnectionString("BookStore")));

                    
                

Migration

Khởi tạo CSDL lần đầu

Để dùng được migration, cần cài package sau: Microsoft.EntityFrameworkCore.Tools.

Đầu tiên, tạo class Books trong thư mục Models:

Tiếp theo, trong class BookStoreContext, cần khai báo model Book dưới dạng 1 thuộc tính của class này, với kiểu dữ liệu là DbSet bằng cách bổ sung câu lệnh sau:

                    public DbSet < Book > Books { get; set; }
               

Để tạo migration, gõ lệnh sau vào PMC:Add-Migration Init

Sau khi migration đã được tạo ra, gõ lệnh sau vào PMC để tạo ra CSDL lần đầu:

Update-Database

Xóa dữ liệu

---

Chúng ta bắt đầu với chức năng xóa dữ liệu.

Workflow của chức năng này xuất phát từ trang Index:

=> người dùng click vào nút hoặc đường link tương ứng

=> hiển thị thông tin chi tiết của cuốn sách và đề nghị người dùng xác nhận xóa

-> nếu người dùng xác nhận xóa => xóa dữ liệu => quay trở về trang Index

-> nếu người dùng đổi ý => quay trở về trang Index

Bước 1. Bổ sung khai phương thức

---

Thêm khai báo sau vào Controller:

                
                     public async Task Edit(int? id)
        {
            if (id == null || _context.Books == null)
            {
                return NotFound();
            }

            var book = await _context.Books.FindAsync(id);
            if (book == null)
            {
                return NotFound();
            }
            return View(book);
        }
        [HttpPost]
        [ValidateAntiForgeryToken]
        public async Task Edit(int id, [Bind("Id,TieuDe,TacGia,NhaXuatBan,NamPhatHanh,MoTa")] Book book)
        {
            if (id != book.Id)
            {
                return NotFound();
            }

            if (ModelState.IsValid)
            {
                try
                {
                    _context.Update(book);
                    await _context.SaveChangesAsync();
                }
                catch (DbUpdateConcurrencyException)
                {
                    if (!BookExists(book.Id))
                    {
                        return NotFound();
                    }
                    else
                    {
                        throw;
                    }
                }
                return RedirectToAction(nameof(Index));
            }
            return View(book);
        }