XÂY DỰNG ỨNG DỤNG WEB THEO MÔ HÌNH MVC VỚI CƠ SỞ DỮ LIỆU LINQ TO SQL A MỤC TIÊU: Xây dựng ứng dụng MVC với ASP.Net SQL server Ứng dụng minh họa xây dựng trang Xem, thêm, xóa, sửa liệu cho bảng ứng dụng “ASP.Net MVC Application News” Để xây dựng ứng dụng cần công cụ phần mềm hỗ trợ sau:Visual studio 2013 (Nếu2010/2012 cần cài thêm MVC 5), SQL server 2005 /2008/2012 B NỘI DUNG: Bài tập Tạo project: Mở Visual Studio 2013 chọn File -> New -> Project để tạo ứng dụng Chọn loại Project Visual C# => Web => ASP.Net web Application =>Tên project QLSanpham Hình 1: Màn hình tạo Project Website ASP.Net Hình 2: Màn hình chọn loại Project Website MVC Bài tập Tạo sở liệu : Trong SQLServer tạo CSDL QLSanpham gồm bảng lưu file lệnh vào thư mục Database\CSDLQLSanpham.sql: Bài tập 3: Kết nối CSDL với ứng dụng Hình Kết nối CSQL Hình Copy server name Hình Test kiểm sở liệu Hình Lấy sở liệu Hình Data tables sau add models Hình Kéo tables vào add Hình Chọn MVC5 Controllers - … add Phần layout trang web ( copy pass vào layoutUser) @ViewBag.Title my-header { background-color: #000000; text-align: center; padding: 10px 0; controllers } my-container { padding: 30px 100px 75px 100px; } my-footer { background-color: black; text-align: center; padding: 0; position: fixed; bottom: 0; width: 100%; } my-footer { text-decoration-color: aliceblue; } body { margin: 0; background-color: #a6a6bb; } my-title { color: white; text-align: center; } my-button { background-color: black; padding: 10px; margin: 5px; font-size: 15px; font-weight: 600; color: white; border-radius: 4px; border-style: solid; border-color: crimson; width: 150px; } my-button:hover { background-color: palegoldenrod; color: crimson; } .my-button:visited { background-color: lemonchiffon; color: crimson; } my-table { text-align: left; } legend { font-weight: bold; } fieldset { width: 40%; padding: 70px; } td.data { width: 300px; } td input, select { width: 100%; height: 28px; border-radius: 4px; border: 1px solid grey; margin: 5px 0; } text-danger { color: #f74242; } button-default { background-color: cadetblue; font-weight: 600; color: white; border-radius: 4px; border: 1px solid grey; padding: 5px; min-width: 70px; } button-default:hover { color: darkblue; background-color: gainsboro; } HỆ THỐNG QUẢN LÝ SẢN PHẨM @RenderBody() © Test - Kết nối Linq | 13DTHC03 Tạo layout: Hình 10 Tạo layoutUser Hình 11 Code layoutUser ( có copy pass vào thôi) Quay lại Controllers Sanpham Hình 12 Code Mở hình ảnh zoom lên xem code nhé! Add Index Hình 13 Code trang Index Tiếp tục add views đặt lại tên Details Hình 14 Code Details viết lại Add Views Create đặt tên Create Hình 15 Code Create.cshtml Tương tự Edit Hình 16 Code Edit Tương tự Delete Sau Run kiểm tra kết quả: ... MỤC TIÊU: Xây dựng ứng dụng MVC với ASP.Net SQL server Ứng dụng minh họa xây dựng trang Xem, thêm, xóa, sửa liệu cho bảng ứng dụng “ASP.Net MVC Application News” Để xây dựng ứng dụng cần... DatabaseCSDLQLSanpham .sql: Bài tập 3: Kết nối CSDL với ứng dụng Hình Kết nối CSQL Hình Copy server name Hình Test kiểm sở liệu Hình Lấy sở liệu Hình Data tables sau add models Hình Kéo tables vào add Hình Chọn MVC5 ... Application =>Tên project QLSanpham Hình 1: Màn hình tạo Project Website ASP.Net Hình 2: Màn hình chọn loại Project Website MVC Bài tập Tạo sở liệu : Trong SQLServer tạo CSDL QLSanpham gồm bảng