Asp net bai9 de cuong bai giang

Bài giảng chi tiết môn học lập trình ASP.Net Bài học cung cấp kiến thức cơ sở lý thuyết tổng quan về ASP.NET, kiến trúc ASP.NET, Code phía server, cách thức truyền dữ liệu giữa các trang, chuyển trang. Sau khi học xong bài học này sinh viên có thể xây dựng được các trang Web Form sử dụng điều khiển Html, Server và biết cách truyền dữ liệu giữa các trang Web

HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET BÀI THỰC HÀNH SỬ DỤNG ENTITY FRAMEWORK TRONG ASP.NET MVC-PHẦN - Mục đích: Hướng dẫn sinh viên cài thành thạo chức CRUD bảng - Yêu cầu: Sinh viên biết cách sử dụng Entity Framework để kết nối liệu - Hình thức tổ chức dạy học: Thực hành - Thời gian: Lý thuyết( lớp: 3; online: 3) Tự học, tự nghiên cứu: - Nội dung chính: Các bước cài đặt chức CRUD bảng 2 Hướng dẫn thực hành 2.1 Tạo controller thực chức CRUD cho bảng 2.2 Tạo controller thực chức CRUD cho bảng có cột chứa ảnh 2.2.1 Sửa hiển thị tên property đưa vào thông báo lỗi tiếng Việt vào lớp product 2.2.2 Tạo controller CRUD 2.2.3 Hiển thị ảnh sản phẩm danh sách sản phẩm 2.2.4 Upload ảnh phần thêm sản phẩm 2.2.5 Upload ảnh phần sửa sản phẩm Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Các bước cài đặt chức CRUD bảng  Bước Tạo sở liệu (nếu chưa có) o Cần có file script sql, folder chứa ảnh liệu có cột ảnh  Bước Tạo project MVC  Bước Tạo kết nối với Database o Kích chuột phải vào folder Model chọn: Add => New item => Data => ADO.NET Entity Model =>Code First from data o Tạo connection tới sở liệu  Bước Mở file webconfig.cs để kiểm tra connection string  Bước Tạo controller o Sửa hiển thị tên cột lớp model o Chọn mẫu MVC Controller with view, using Entity Framework để tự sinh controller view ứng với chức CRUD Hướng dẫn thực hành 2.1 Tạo controller thực chức CRUD cho bảng  Chạy file script WineDB.sql SQLServer để tạo sở liệu WineStore  Tạo project MVC tạo kết nối với Database WineStore Kết nối với hai bảng Catalogy Product  Sửa Layout để có hình với menu sau:  Sửa hiển thị tên property lớp Model thành tiếng Việt đưa vào thông báo lỗi tiếng Việt  Tạo controller để thực CRUD (thêm, xem, sửa, xóa) cho bảng Catalogy Liên kết controller với link “Danh mục” menu  Thêm Try … Catch để bẫy lỗi  Ấn phím F5 (hoặc Ctrl+F5) để chạy thử Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET 2.2 Tạo controller thực chức CRUD cho bảng có cột chứa ảnh 2.2.1 Sửa hiển thị tên property đưa vào thông báo lỗi tiếng Việt vào lớp product 2.2.2 Tạo controller CRUD  Thêm Controllers có mẫu gắn với model class Product  Sửa lại phần action link _Layout.cshtml thêm Actionlink:

@Html.ActionLink("Sản phẩm", "Index", "Products")

 Sửa nút lệnh thành tiếng Việt  Tùy chỉnh chức để xử lý lỗi:  Học kết hợp [HttpPost]Create Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Create.cshtml …  [HttpPost]Edit Edit.cshtml …  DeleteConfirmed Delete.cshtml  Ấn phím F5 (hoặc Ctrl+F5) để chạy thử  Chạy chức Thêm sản phẩm  Khơng nhập thơng tin mà kích ln vào nút Tạo xem hiển thị lỗi  Sửa lại model Product.cs thêm thông báo lỗi vào trường số không NULL Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET  Xóa bớt phần hiển thị cột Mô tả, Giá nhập, Chất lượng, Vùng view Index.cshtml  Sửa lại Create.cshtml Edit.cshtml phần nhãn hiển thị từ “CatalogyID” thành “Danh mục” 2.2.3 Hiển thị ảnh sản phẩm danh sách sản phẩm  Tạo folder wwwroot copy folder chứa ảnh sản phẩm vào folder  Trong view Index.cshtml folder Products sửa đoạn code hiển thị tên file ảnh Thành  Ấn phím F5 (hoặc Ctrl+F5) để chạy thử Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET  Trong view Details.cshtml folder Products sửa đoạn code hiển thị tên file ảnh Thành 2.2.4 Upload ảnh phần thêm sản phẩm  Trong view Create.cshtml folder Products  Sửa @using (Html.BeginForm()) thành  sửa đoạn code lấy tên file ảnh Thành  Thêm đoạn code script sau vào cuối file:  Trong ProductsController sửa action [HttpPost]Create() sau: Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET  Ấn phím F5 (hoặc Ctrl+F5) để chạy thử 2.2.5 Upload ảnh phần sửa sản phẩm  Trong view Create.cshtml folder Products  Sửa @using (Html.BeginForm()) thành  Khai báo biến lấy đường dẫn đến file ảnh  sửa đoạn code lấy hiển thị tên file ảnh Thành  Thêm đoạn code script sau vào cuối file: Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET  Trong ProductsController sửa action [HttpPost]Edit() sau:  Ấn phím F5 (hoặc Ctrl+F5) để chạy thử  ***Sửa code sử dụng EditorTemplates DisplayTemplates việc hiển thị upload ảnh Yêu cầu sinh viên chuẩn bị: Đọc slides xem hướng dẫn Xem đề cương chi tiết giảng, xem video Học kết hợp Trang