TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI TP. HCM KHOA CÔNG NGHỆ THÔNG TIN  ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ ỨNG DỤNG CÔNG NGHỆ MVC CỦA ASP.NET Ngành: CÔNG NGHỆ THÔNG TIN Chuyên ngành: HỆ THỐNG THÔNG TIN Giảng viên hướng dẫn: ThS.NGUYỄN LƯƠNG ANH TUẤN Sinh viên thực hiện : 1. ĐỖ LONG HƯNG MSSV: 11L1120027 LỚP: CN11LT 2. PHẠM TIẾN TRUNG MSSV: 11L1120070 LỚP CN11LT TP. Hồ Chí Minh, 2013 TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI TP. HCM LỜI CAM ĐOAN Chúng em xin cam đoan đây là bài luận văn tốt nghiệp do chúng em tự tìm hiểu, tự viết ra sản phẩm, không hề sao chép của bất kỳ ai. Chúng em hoàn toàn chịu trách nhiệm về lời cam đoan của mình ! TP.Hồ Chí Minh, ngày 25 tháng 12 năm 2013 Sinh viên thực hiện Đỗ Long Hưng Phạm Tiến Trung LỜI CÁM ƠN Trong suốt quá trình chúng em thực hiện Luận văn tốt nghiệp, chúng em luôn nhận được sự quan tâm giúp đỡ của quý thầy cô, ban chủ nhiệm Khoa Công nghệ thông tin và Nhà trường. Chúng em xin chân thành cảm ơn sự giúp đỡ quý báu này. Chúng em xin bày tỏ lòng biết ơn sâu sắc tới ThS.Nguyễn Lương Anh Tuấn, người đã dành nhiều sự quan tâm, giúp đỡ, hướng dẫn chúng em hoàn thành luận văn tốt nghiệp. Nhóm chúng em xin gửi lời cám ơn đến các bạn trong lớp CN11LT đã giúp đỡ trong quá trình làm luận văn tốt nghiệp. Chúng em cũng xin gửi lời cám ơn đến Công ty TNHH Thương mại Dịch vụ Viễn thông Quang Thành đã giúp đỡ nhóm hoàn thành đồ án tốt nghiệp. Do thời gian học tập và nghiên cứu có hạn, nhận thức còn hạn chế, nên đồ án tốt nghiệp chắc chắc còn nhiều thiếu sót, kính mong được các thày cô chỉ bảo và giúp đỡ. Chúng em xin chân thành cảm ơn! NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN Luận văn tốt nghiệp GVHD: ThS.Nguyễn Lương Anh Tuấn MỤC LỤC TRANG BÌA TRANG BÌA PHỤ LỜI CAM ĐOAN LỜI CÁM ƠN TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI TP. HCM_________________1 TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI TP. HCM_________________1 MỤC LỤC_____________________________i TRANG BÌA______________________________________________________i TRANG BÌA PHỤ__________________________________________________i LỜI CAM ĐOAN__________________________________________________i LỜI CÁM ƠN_____________________________________________________i DANH MỤC BẢNG BIỂU VÀ HÌNH VẼ______________________________ii DANH MỤC CÁC TỪ VIẾT TẮT____________________________________iv PHẦN MỞ ĐẦU___________________________________________________1 CHƯƠNG 1: TÌM HIỂU VỀ MÔ HÌNH ASP.NET – MVC_________________4 CHƯƠNG 2: MÔ HÌNH CƠ SỞ DỮ LIỆU_____________________________31 ________________________________________________________________36 CHƯƠNG 3: CẤU TRÚC WEBSITE_________________________________37 CHƯƠNG 4: DEMO SẢN PHẨM____________________________________40 KẾT LUẬN______________________________________________________62 TÀI LIỆU THAM KHẢO i Luận văn tốt nghiệp GVHD: ThS.Nguyễn Lương Anh Tuấn DANH MỤC BẢNG BIỂU VÀ HÌNH VẼ Bảng 1.1: Lịch sử phát triển của công nghệ ASP.NET MVC Trang 5 Bảng 1.2: So sánh mô hình Webform và MVC Trang 9 Bảng 1.3: Liệt kê các kiểu action result và các phương thức hỗ trợ để trả về. Trang 16 Hình 1.1: Mô hình MVC Trang 5 Hình 1.2: Cách thức làm việc của mô hình MVC Trang 7 Hình 1.3: So sánh mô hình MVC và 3 Layer Trang 10 Hình 1.4: Cấu trúc của mô hình MVC4 Trang 12 Hình 1.5: Mô hình xử lý của MVC4 Trang 28 Hình 1.6: ASP.NET MVC4 trong Visual Stuido 2012 Trang 29 Hình 2.1: Mô hình quan hệ dữ liệu Trang 37 Hình 3.1: Dự án MVC 4 Trang 38 Hình 3.3: Mô hình chức năng của Website Trang 40 Hình 4.1: Trang chủ Trang 41 Hình 4.2: Trang bảo hành Trang 42 Hình 4.3: Trang liên hệ Trang 43 ii Luận văn tốt nghiệp GVHD: ThS.Nguyễn Lương Anh Tuấn Hình 4.4: Trang quản trị Trang 43 Hình 4.5: Trang chi tiết sản phẩm Trang 44 Hình 4.6: Logo Trang 45 Hình 4.7: Danh mục sản phẩm Trang 45 Hình 4.8: Thanh menu và Banner Trang 46 Hình 4.9: Gian hàng tại trang chủ Trang 47 Hình 4.10: Gian hàng theo hãng sản phẩm Trang 48 Hình 4.11: Gian hàng bán chạy Trang 49 Hình 4.12: Đăng ký tài khoản Trang 50 Hình 4.13: Đăng nhập tài khoản Trang 51 Hình 4.14: Đăng nhập thành công Trang 51 Hình 4.15: Bắt đầu tìm kiếm theo tên Trang 51 Hình 4.16: Kết quả tìm kiếm theo tên Trang 52 Hình 4.17: Bắt đầu tìm kiếm nâng cao Trang 53 Hình 4.18: Kết quả tìm kiếm nâng cao Trang 53 Hình 4.19: Giỏ hàng Trang 54 Hình 4.20: Bắt đầu giỏ hàng Trang 54 Hình 4.21: Giỏ hàng của khách Trang 55 Hình 4.22: Tiến hành đặt hàng Trang 55 Hình 4.23: Đặt hàng thành công Trang 56 Hình 4.24: Trang quản trị Trang 56 Hình 4.25: Quản lý đơn hàng Trang 57 Hình 4.26: Chi tiết và xóa đơn hàng Trang 57 Hình 4.27: Quản lý danh mục, xóa danh mục Trang 58 Hình 4.28: Thêm và sửa danh mục Trang 59 Hình 4.29: Quản lý sản phẩm, xóa sản phẩm Trang 59 Hình 4.30: Thêm và sửa sản phẩm Trang 60 iii Luận văn tốt nghiệp GVHD: ThS.Nguyễn Lương Anh Tuấn Hình 4.31: Quản lý đăng nhập, xóa tài khoản Trang 61 Hình 4.32: Thêm và sửa tài khoản Trang 61 Hình 4.33: Quản lý liên hệ Trang 62 Hình 4.34: Lượng truy cập Trang 62 Hình 4.35: Hỗ trợ trực tuyến Trang 62 DANH MỤC CÁC TỪ VIẾT TẮT ASP Active Server Pages HTML HyperText Markup Language UI User Interface VB Visual Basic TDD Test Driven Development URL Uniform Resource Locator DI Dependency Injection IOC Inversion Of Control OMR Object-Relational Mapping DF Database First MF Model First DDL Data Definition Language iv Luận văn tốt nghiệp GVHD: ThS.Nguyễn Lương Anh Tuấn CF Code First API Application Programming Interface CSS Cascading Style Sheets DOM Doucument Object Model EBML Extensible Binary Meta Language XML Extensible Markup Language CSDL Cơ sở dữ liệu v [...]... vụ cho việc xây dựng website thương mại điện tử bằng công nghệ MVC 4 4 Nhiệm vụ nghiên cứu: • ASP.NET MVC 4.0 • Xây dựng website thương mại điện tử 5 Phương pháp nghiên cứu: • Nghiên cứu lý thuyết thông qua các bài báo, tài liệu trên mạng • Thông qua các demo hướng dẫn trên internet • Tổng hợp kiến thức và dữ liệu thực tế 6 Ý nghĩa khoa học và thực tiễn: • Hiện nay ASP.NET MVC 4 là công nghệ mới nhất... kế Website có thể nghiên cứu và phát triển • Công nghệ ASP.NET MVC 4 có nhiều ưu điểm vượt trội và chắc chắn sẽ thay thế cho Asp.net Webform trong tương lai gần Vì thế áp dụng ASP.NET MVC 4 vào thực tiễn có một ý nghĩa rất lớn 2 Luận văn tốt nghiệp GVHD: ThS.Nguyễn Lương Anh Tuấn 7 Các kết quả đạt được • Tìm hiểu được công nghệ ASP.NET MVC 4 • Xây dựng được Website thương mại điện tử theo công nghệ MVC4 .0... việc xây dựng website chặt chẽ, rõ ràng, dễ hiểu hơn Vào giữa năm 2013 thì công nghệ mới nhất là ASP.NET MVC 4.0 đã ra đời, được tích hợp sẵn trong bản Visual Studio 2012 Nó còn rất mới mẻ đối với các bạn 1 Luận văn tốt nghiệp GVHD: ThS.Nguyễn Lương Anh Tuấn sinh viên cũng như những người phát triển Website Chính vì thế, nhóm em đã mạnh dạn chọn đề tài "Xây dựng Website thương mại điện tử ứng dụng công. .. ASP(Active Server Pages) ASP.NET 1.0 ASP.NET 2.0 ASP.NET AJAX ASP.NET 3.5 ASP.NET MVC 1.0 ASP.NET 4.0 2011 2012 2013 ASP.NET MVC 2.0 ASP.NET MVC 3.0 ASP.NET 4.5 ASP.NET MVC 4.0 1.2.Tổng quan về MVC Mô hình MVC (Model - View - Controller) là một kiến trúc phần mềm hay mô hình thiết kế được sử dụng trong kỹ thuật phần mềm Nó giúp cho các developer tách ứng dụng của họ ra 3 thành phần khác nhau Model, View... tên chính thức sau này là ASP.NET Với ASP.NET, không những không cần đòi hỏi bạn phải biết các tab HTML, thiết kế web, mà nó còn hỗ trợ mạnh lập trình hướng đối tượng trong quá trình xây dựng và phát triển ứng dụng Web ASP.NET là kỹ thuật lập trình và phát triển ứng dụng web ở phía Server (Server-side) dựa trên nền tảng của Microsoft Net Framework Công nghệ ASP.NET MVC là công nghệ mới hiện nay, tuy nhiên... Walther) ASP.NET MVC được thiết kế để làm sao có thể bổ sung các nguyên lý và các patterns phát triển phần mềm khi xây dựng các ứng dụng web Bên cạnh đó, nó được thiết kế để hỗ trợ trong việc kiểm thử 4 Luận văn tốt nghiệp GVHD: ThS.Nguyễn Lương Anh Tuấn Bảng 1: Lịch sử phát triển của công nghệ ASP.NET MVC Năm ra đời 1996 2002 2005 2007 2008 2009 2010 Công nghệ ASP(Active Server Pages) ASP.NET 1.0 ASP.NET. .. 1.4.Mô hình ASP.NET MVC 1.4.1.Đặc điểm chung của mô hình ASP.NET MVC • Tách biệt các thành phần của ứng dụng( logic đầu vào, logic nghiệp vụ và logic giao diện), hỗ trợ kiểm thử và test-driven development (TDD) • Mô hình mở và tùy biến cao Các thành phần của ASP.NET MVC được thiết kế để có thể dễ dàng thay thế và tùy biến Người dùng có thể thiết lập theo cách riêng của mình bằng việc sử dụng engineer... 1.5.2 ASP.NET MVC Routing  Routes Một Routes là một URL pattern ánh xạ đến một trình xử lí Trình xử lí ở dây có thể là một file, chẳng hạn aspx trong ứng dụng Web Form, cũng có thể tlaf một class xử lỷ Request gửi đến, như Controller trong ứng dụng MVC Để xác định một Routes, bạn tạo ra một thể hiện của lớp Routes thông qua các URL pattern, trình xử lý và tên tùy biến của Route Trong ứng dụng MVC, ... hợp để xử lí 1.4.4.Định tuyến URL (URL Routing) Mô hình ASP.NET MVC sử dụng các engine định tuyến ASP.NET, cung cấp linh hoạt các ánh xạ các URL đến các Controller Người dùng có thể đặt ra các quy tắc định tuyến riêng của mình để xử lí các URL theo các Controller mong muốn 1.4.5.Mô hình MVC và Postback ASP.NET MVC không sử dụng mô hình postback của ASP.NET Web Form để tương tác với server Thay vào đó... dụng công nghệ MVC của ASP.NET" để làm đề tài báo cáo tốt nghiệp của mình 2 Tình hình nghiên cứu Hiện nay các tài liệu về MVC là không nhiều và tài liệu về MVC4 bằng tiếng việt thì càng hiếm Vì thế chúng em gặp nhiều khó khăn trong việc tìm hiểu và hầu hết là tham khảo các tài liệu tiếng anh Nhưng quan trọng là chúng em cũng đã nắm được về công nghệ mới này 3 Mục đích nghiên cứu: • Học hỏi công nghệ, kiến . ASP. NET MVC Năm ra đời Công nghệ 1996 ASP( Active Server Pages) 2002 ASP. NET 1.0 2005 ASP. NET 2.0 2007 ASP. NET AJAX 2008 ASP. NET 3.5 2009 ASP. NET MVC 1.0 2010 ASP. NET 4.0 ASP. NET MVC 2.0 2011 ASP. NET. GIAO THÔNG VẬN TẢI TP. HCM KHOA CÔNG NGHỆ THÔNG TIN  ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ ỨNG DỤNG CÔNG NGHỆ MVC CỦA ASP. NET Ngành: CÔNG NGHỆ THÔNG TIN Chuyên ngành: HỆ. được công nghệ ASP. NET MVC 4. • Xây dựng được Website thương mại điện tử theo công nghệ MVC4 .0 với đầy đủ các chức năng cần thiết. 8. Cấu trúc của luận văn. • Chương 1: Tìm hiểu về mô hình ASP. NET