Đang tải... (xem toàn văn)
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 tương tác liệu controller view (tiếp) - 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ố: đọc ghi file văn bản, Upload file - Hình thức tổ chức dạy học: thực hành, trực tiếp, trực tuyến + tự học - Thời gian: Thực hành (trực tiếp 3, online: 3) Tự học, tự nghiên cứu: - Nội dung: Ứng dụng đọc/ ghi file văn 2 Ứng dụng Upload file Bài tập áp dụng: Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Ứng dụng đọc/ ghi file văn Tạo trang Web cho phép nhập thông tin sinh viên gồm: mã sinh viên, họ tên, điểm Khi người dùng nhấn nút “Lưu”, ứng dụng cho phép lưu thông tin vừa nhập vào file Text lưu Server, người dùng nhấn nút “Open”, ứng dụng cho phép mở thông tin nhân viên vừa nhập vào file Text Server hiển thị lại client web Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET 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 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 thêm action Save để ghi vào file action Open để đọc từ file sau: Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Chú ý: Hai action method không tạo view riêng mà sử dụng view Index, return View cần rõ tên view “Index” =>Chạy thử xem kết Ứng dụng Upload file Tạo trang Web cho phép Upload file Server Sau lưu Server đưa thông báo thực thành công để người dùng biết Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Tạo Controller chọn mẫu Empty Controller, đặt tên Controller UploadFileController Trong UploadFileController thêm hai action method tên UploadFile sau: Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Tạo View tương ứng với action UploadFile UploadFileController.cs + Code view UploadFile hiển thị Form nhập sau: Tạo folder Project có tên UploadedFiles Chạy thử kiểm tra xem file lưu vào thư mục chưa Bài tập áp dụng: Tạo trang web cho phép nhập thông tin Nhân viên bao gồm: mã nhân viên, tên nhân viên, ngày sinh, lương bản, hình ảnh Khi người dùng nhấn nút Save, ứng dụng cho phép lưu thông tin nhân viên vừa nhập vào file text lưu Sever (save hình server), người dùng nhấn nút Open, ứng dụng cho phép mở thông tin nhân viên vừa nhập server hiển thị lại client web Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Hướng dẫn: Xây dựng Model: Nhấp phải vào thư mục Model, chọn Add -> Class: đặt tên Staff với khai báo thuộc tính cho Staff sau: Học kết hợp Trang HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Xây dựng Controller: Tạo StaffController có Action: Index (hiển thị View mở), Save (khi người dùng nhấn nút Save web) , Open (khi người dùng nhấn nút Open web) sau: Học kết hợp Trang 10 HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Tạo view Index từ Controller: Học kết hợp Trang 11 HỌC PHẦN: LẬP TRÌNH WEB BẰNG ASP.NET Học kết hợp Trang 12