BE2024 #11 Tùy chỉnh giao diện các form View của Product - phần 2

Video hướng dẫn cách chỉnh sửa và tối ưu hóa giao diện người dùng trên trang web. Quá trình này bao gồm việc sửa đổi cấu trúc HTML và kiểm tra các thay đổi để đảm bảo tính chính xác.
1. Tùy chỉnh form Create, Edit và partial view PVCreateEditProduct:
đổi hiển thị của trường Mô tả từ kiểu text sang textarea
viết css để format textarea
2. Tùy chỉnh form Index để hiển thị ảnh của sản phẩm thay vì đường dẫn và viết css để format img
3. Tùy chỉnh form Details và Delete:
sử dụng khối div để chia lại màn hình hiển thị thành 2 hàng 2 cột: hàng 1, cột trái chứa ảnh sản phẩm, cột phải chứa các thuộc tính còn lại. Hàng 2: cột phải chứa các button
tối ưu code của 2 form bằng cách tạo partial view tên PVProductInfo
Tổng kết, 3 video số 9, 10, 11 sẽ trả lời 3 câu hỏi sau:
1. Làm thế nào để tối ưu hóa giao diện form?
2. Các thuộc tính nào cần chú ý khi thiết kế form?
3. Tại sao nên tách riêng các form trong thiết kế? Việc tách riêng phần thông tin giúp giảm thiểu công sức khi chỉnh sửa hơn chỉnh sửa từng form riêng lẻ.