Bài giảng Công nghệ Web và ứng dụng - Phần 5: ASP.NET MVC 4 - Nguyễn Hoàng Tùng

ASP.NET MVC 4 
 Giảng viên phụ trách: 
 Nguyễn Hoàng Tùng 
 Bộ môn Tin học 
 Email: nhoangtung@agu.edu.vn 
Nội dung chính của slide này 
Bắt đầu 
Giới thiệu ASP.NET MVC 4 
Làm việc với dự án có cơ sở dữ liệu 
20/08/2012 Công nghệ Web và Ứng dụng 2 
Bắt đầu 
Để bắt đầu, hãy cài đặt: 
Visual Studio 2010 Ultimate SP1, sau đó cài gói MVC 4 vào. 
hoặc Visual Studio 2012 Ultimate (đã tích hợp sẵn MVC 4). 
hoặc Visual Studio 2012 Express for Web (đã có sẵn MVC 4). 
Phiên bản Visual Studio 2012 Express for Web là miễn phí, 
sau khi cài xong hãy tiến hành đăng ký để có mã số kích 
hoạt (mã số được gởi qua email sau khi đăng ký xong). 
20/08/2012 Công nghệ Web và Ứng dụng 3 
Giới thiệu ASP.NET MVC 4 
Là thế hệ thứ 4 sau ASP.NET, MVC 2, MVC 3. 
Hiện tại đã có MVC 5 chạy trên nền Visual Studio 2013 RC. 
Những điểm nổi bật trên MVC 4 so với thế hệ trước: 
Hỗ trợ HTML5, CSS3. 
Hỗ trợ ASP.NET Web API. 
Hỗ trợ giao diện dành cho điện thoại. 
Nâng cấp Razor Views (đã có từ MVC 3). 
“ Xem thêm tại:  
20/08/2012 Công nghệ Web và Ứng dụng 4 
Giới thiệu ASP.NET MVC 4 
Bắt đầu với dự án đầu tiên: 
B1: Khởi động Visual Studio 2012 Express for Web. 
B2: File\New Project 
20/08/2012 Công nghệ Web và Ứng dụng 5 
Ngôn ngữ 
.NetFramwork 
Loại Project 
Tên Project 
Giới thiệu ASP.NET MVC 4 
Bắt đầu với dự án đầu tiên: 
B3: Chọn mẫu. 
20/08/2012 Công nghệ Web và Ứng dụng 6 
Chọn mẫu 
Chọn loại View 
Tạo Unit test 
Giới thiệu ASP.NET MVC 4 
Bắt đầu với dự án đầu tiên: 
B4: Xem cấu trúc dự án. 
20/08/2012 Công nghệ Web và Ứng dụng 7 
Giới thiệu ASP.NET MVC 4 
Bắt đầu với dự án đầu tiên: 
B5: Chạy trang web: nhấn F5 
B6: Dừng chạy trang web: Shift + F5 hoặc vào System tray. 
20/08/2012 Công nghệ Web và Ứng dụng 8 
Làm việc với dự án có cơ sở dữ liệu 
B1: Tạo CSDL (SQL Server). 
B2: Tạo Project bằng cách vào VS 2012 Express for Web. 
B3: Tạo tập tin LINQ TO SQL (dbml) trong thư mục Models. 
B4: Tạo các tập tin control tương ứng với các table trong 
CSDL trong thư mục Controllers. 
Lưu ý: Bắt buộc phải có 1 control với tên là HomeController 
B5: Tạo các tập tin view. Trong Controllers có tập tin gì thì 
trong Views cũng phải có thư mục cùng tên. Trong Views có 
các tập tin gì thì trong tập tin tương ứng ở Controllers cũng 
phải có các hàm cùng tên. 
20/08/2012 Công nghệ Web và Ứng dụng 9 
Làm việc với dự án có cơ sở dữ liệu 
B6: Thiết kế tập tin _Layout.cshtml. 
Lưu ý thành phần @RenderBody() 
Trong ASP.NET MVC, để tạo liên kết đến tập tin khác ta không 
dùng thẻ mà sử dụng @Html.ActionLink("A", "B", "V") 
Trong đó: A: Tên liên kết hiển thị ra trình duyệt. 
 B: Tập tin (không sử dụng phần mở rộng). 
 C: Thư mục chứa tập tin (hiểu theo cách đơn giản). 
Nếu 2 tập tin cùng cấp thì không sử dụng tham số C. 
20/08/2012 Công nghệ Web và Ứng dụng 10 
Làm việc với dự án có cơ sở dữ liệu 
B7: Thiết kế lại giao diện các trang con: 
Việt hóa, chỉnh CSS, thêm thành phần... 
B8: Xây dựng các hàm Thêm, Xóa, Sửa, Danh sách trong 
thư mục Controllers. 
20/08/2012 Công nghệ Web và Ứng dụng 11 
Nâng cao 
Sử dụng Entities FrameWork thay cho LINQ TO SQL 
Quản lý người dùng 
Đăng nhập 
Đăng xuất 
Phân quyền. 
20/08/2012 Công nghệ Web và Ứng dụng 12 
Giải đáp thắc mắc 
20/08/2012 Công nghệ Web và Ứng dụng 13