Công nghệ Web và ứng dụng - 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