ASP.NET MVC - Xây dựng trang Thêm mới

XÂY DỰNG TRANG THÊM MỚI SẢN PHẨM
CỦA WEBSITE BOOKS STORE

A. MỤC TIÊU:
    
üTiếp tục phát triển Website trên kết quả đã hoàn chỉnh của Xây dựng trang backend.
    üỨng dụng layout Template cho các trang admin
    üXây dựng trang Thêm mới sản phẩm.

B. NỘI DUNG:
   Xây dựng trang Thêm mới sản phẩm:
Cập nhật các liên kết, tiêu đề Table trên View Sach.cshtml

Kết quả:

üCập nhật Action Themmoi() thực hiện chức năng mở View Themoi.cshtml trong AdminController

üTạo View ThemmoiSach.cshtml từ Action ThemmoiSach() này, View này được tạo theo mẫu Create(), và sử dụng _LayoutAdmin:

üCode View ThemmoiSach.cshtml được tự sinh ra:

Kết quả:

üCập nhật Action themmoiSach() trong AdminController, để đưa dữ liệu vào DropdownList:

üCập nhật view ThemmoiSach.cshtml để hiện thị 2 DropdownList

Kết quả:

üCập nhật View ThemmoiSach(), điều chỉnh hiện thị Ngày cập nhật:

Kết quả:

üXây dựng chức năng Upload hình ảnh:


üCập nhật View: Themsachmoi.cshtml.

Kết quả:

ü Cập nhật code cho AdminController để lưu file hình ảnh vào thư mục Hinhsanpham cua Website trên Server:

Kết quả :Chọn 1 file inh ảnh (ví dụ Hoa Tulip) è Create

Kết quả : Thư mục Hinhsanpham đã có Tulips.jpg

üBổ sung Editor cho trường mô tả:

  • Tìm kiếm tinymce:

 

  • Download:

  • Giải nén file download và copy thư mục vào thư mục gốc của Website: 

  • Bổ sung 2 dòng mã sau vào vùng thẻ head của _LayoutAdmin: 

​​​​​​​

  • Cập nhật TextArea cho trường mô tả trong Themmoisach.cshtml: ​​​​​​​

  • Kết quả: ​​​​​​​

üLưu dữ liệu xuống CSDL: Câp nhật AdminController như sau: ​​​​​​​

Cập nhật View ThemmoiSach.cshtml

Kết quả:

Sách đã lưu vào CSDL và hiện thị trên View:

​​​​​​​



Tư vấn lộ trình CNTT 🤖
Chào bạn! Tôi có thể tư vấn về các lộ trình học CNTT dựa trên itdevpath.com. Hãy chọn một từ khóa hoặc hỏi 'danh sách' để xem tất cả các lộ trình.

Lộ trình theo Vai trò