Asp net bài 4 đề cương bài giảng new

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 Tương tác liệu controller view - Mục đích, yêu cầu: Cung cấp kiến thức tham số cách truyền tham số từ View sang Controller Sau học xong học sinh viên xây dựng ứng dụng truyền tham số - Hình thức tổ chức dạy học: Lý thuyết, trực tiếp, trực tuyến + tự học - Thời gian: Lý thuyết(trực tiếp 3, online: 3) Tự học, tự nghiên cứu: 12 - Nội dung: Truyền liệu từ controller sang view 1.1 Sử dụng ViewBag/ViewData 1.2 Sử dụng Model 1.3 Ví dụ ứng dụng (Xem video) Truyền liệu từ view sang controller 2.1 Tham số 2.2 Tiếp nhậntham số 2.2.1 Sử dụng Request 2.2.2 Sử dụng FormCollection 2.2.3 Sử dụng đối số action 2.2.4 Sử dụng model 2.3 Ví dụ ứng dụng Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Truyền liệu từ controller sang view ViewBag/ViewData Model sử dụng để chia sẻ liệu Controller View 1.1 Sử dụng ViewBag/ViewData ViewBag đối tượng động, đặt thứ vào đó; Đối tượng ViewBag khơng có thuộc tính xác định đặt thứ vào bên Cú pháp: ViewBag.Thuộc_tinh=Giá_trị; Hoặc ViewData[“Thuộc_tính”]=Giá_trị; Lấy giá trị từ ViewBag/ViewData: @ViewBag.Thuộc_tinh Hoặc Học kết hợp @ViewData[“Thuộc_tính”] Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET 1.2 Sử dụng Model Model Controller View 1.3 Ví dụ ứng dụng (Xem video)  Tạo Project  Tạo Controller chọn mẫu Empty Controller, đặt tên Controller NhapDiemController Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Cách 1: Truyền liệu từ View sang Controller sử dụng ViewBag/ ViewData  Trong NhapDiemController tạo action method có tên Detail View tương ứng Detail.cshtml => Chạy xem kết quả: Cách 2: Truyền liệu từ View sang Controller sử dụng Model  Tạo class folder Model đặt tên SinhVien Mở file SinhVien.cs khai báo thuộc tính cho class này: Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET  Trong NhapDiemController sửa code cho Action Detail sau: using Lab02.Models;  Sửa lại View Detail.cshtml sau: => Chạy xem kết quả: Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Truyền liệu từ view sang controller 2.1 Tham số Tham số yêu cầu từ người dùng cung cấp dạng: Query String Form field  Query String Tuấn Hải  Form field Mã SV: Họ tên: Điểm: 2.2 Tiếp nhậntham số Trong MVC có cách để nhận tham số:  Sử dụng đối tượng ngầm định Request  Sử dụng đối số Action  Sử dụng tham số FormCollection  Sử dụng Model Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET 2.2.1 Sử dụng Request Trong phương thức hành động viết số cách sau để nhận tham số  String value = Request [“"];  String value = Request.QueryString [""];  String value = Request.Form [""];  String value = Request.Params [""]; Ví dụ sau nhận tham số: string Ma = Request["Id"]; string Ten = Request["Name"]; double Diem = Convert.ToDouble(Request["Marks"]); 2.2.2 Sử dụng FormCollection  Tập hợp tham số form vào đối số FormCollection Action Chỉ nhận trường form  Ví dụ nhận tham số form có tên txtName public ActionResult Xuly(FormCollection data) { string Ma = data["Id"]; string Ten = data["Name"]; double Diem = Convert.ToDouble(data["Marks"]); return View(); Học kết hợp } Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Cách lấy tương đương với Request.Form var value = Request.Form[“Name”]; 2.2.3 Sử dụng đối số action  Định nghĩa tham số cho Action để nhận tham số tên  Ví dụ nhận tham số txtUserName txtPassword 2.2.4 Sử dụng model  Tạo lớp Model chứa thuộc tính tên với tham số  Sử dụng lớp làm đối số cho Action để nhận tham số tên với thuộc tính 2.3 Ví dụ ứng dụng Bài 1: Tạo giao diện web cho phép người dùng nhập vào: mã sinh viên, họ tên, điểm Khi người dùng nhấn nút Nhập hiển thị kết sang trang khác Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET  Tạo Project  Tạo Controller chọn mẫu Empty Controller, đặt tên Controller NhapDiemController  Tạo View không sử dụng Layout tương ứng với action Index controller NhapDiemController + Code view Index hiển thị Form nhập sau: Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET  Trong NhapDiemController tạo action method có tên Xuly View tương ứng Quá trình hoạt động: người dùng nhập liệu cho tham số Id, Name Mark từ View Index.cshtml Cotroller lấy liệu từ View Index chuyển kết sang View Xuly Cách 1: Truyền tham số từ View sang Controller Request  Trong NhapHoSoController viết code cho Action Xuly sau:  Trang Xuly.cshtml viết code để hiển thị giá trị truyền qua ViewBag Học kết hợp Trang 10 HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET =>Chạy thử xem kết Cách 2: Truyền tham số từ View sang Controller FormCollection  Trong NhapDiemController sửa code cho Action Xuly sau: =>Chạy thử xem kết Cách 3: Truyền tham số từ View sang Controller Action argument  Trong NhapDiemController sửa code cho Action Xuly sau: Học kết hợp Trang 11 HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET  Đặt tên tham số Action Xuly Controller theo tên phần tử form =>Chạy thử xem kết Cách 4: Truyền tham số từ View sang Controller Model  Tạo class folder Model đặt tên SinhVien Mở file SinhVien.cs khai báo thuộc tính Id, Name, Marks cho class  Trong NhapDiemController sửa code cho Action Xuly sau: =>Chạy thử xem kết Bài 2: Tạo giao diện web cho phép người dùng nhập vào số, sau thực chọn phép tính Khi người dùng nhấn nút Caculate phép tính thực hiển thị kết sang trang khác Học kết hợp Trang 12 HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Học kết hợp Trang 13