Hệ thống quản lý nhà hàng chuyên đề tốt nghiệp

Xây dựng Website bán hàng với ASP NET MVC3 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƢỜNG ĐẠI HỌC KINH TẾ TP.HỒ CHÍ MINH CHUYÊN ĐỀ TỐT NGHIỆP ĐỀ TÀI : HỆ THỐNG QUẢN LÝ NHÀ HÀNG GVHD : Huỳnh Văn Đức SVTH : Nguyễn Văn Tuấn TP.HCM, 2012 GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn Xây dựng Website bán hàng với ASP NET MVC3 LỜI CẢM ƠN Em xin gửi lời cảm ơn tới thầy cô khoa Tin Học Quản Lý thầy cô trƣờng Đại học Kinh Tế TP.Hồ Chí Minh truyền đạt kiến thức kinh nghiệm suốt thời gian học tập Và đặc biệt em xin cảm ơn thầy Huỳnh Văn Đức dẫn tận tình tâm huyết suốt thời gian làm đề tài Em xin cảm ơn thầy Thái Kim Phụng giúp đánh giá đề tài, góp ý để phát triển đề tài tốt Đề tài đƣợc viết môi trƣờng ASP Net MVC3 nên gặp nhiều khó khăn, em cố gắng tự đọc tài liệu tìm hiểu nhiều để hoàn thành đề tài Vì đề tài chắn nhiều thiếu sót bất cập, em vui mừng nhận đƣợc ý kiến đóng góp thầy cô Em xin cảm ơn! GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn Xây dựng Website bán hàng với ASP NET MVC3 MỤC LỤC LỜI CẢM ƠN MỤC LỤC MỞ ĐẦU Đặt vấn đề Phƣơng pháp Phạm vi đề tài CHƢƠNG 1: TÌM HIỂU 1.1 Khái niệm ASP NET MVC Entity Framework  Khái niệm MVC :  Khái niệm ASP Net MVC  Khái niệm ASP Net MVC với Razor View Engine  Chi tiết hoạt động ứng dụng ASP Net MVC :  ADO.NET Entity Framework Code First 1.2 Khảo sát tìm hiểu dự án MVC Music Store 11 1.2.1 Khảo sát giao diện 11  Biểu đồ Use Case tổng hợp: 13  Use Case Quản lý giỏ hàng 14  Use Case Admin 14  Biểu đồ hoạt động dòng kiện 15  Biểu đồ hoạt động Lựa chọn sản phẩm 15  Biểu đồ hoạt động Đặt hàng 15  Biểu đồ hoạt động Đăng nhập 16 1.2.2 Khảo sát project 17 1.2.3 Xác định biểu đồ cộng tác biểu đồ 22  Biểu đồ cộng tác 22  Biểu đồ cộng tác Lựa chọn sản phẩm 22 GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn Xây dựng Website bán hàng với ASP NET MVC3  Biểu đồ cộng tác Đặt hàng 23  Biểu đồ cộng tác Đăng nhập 24  1.3 Biểu đồ 24  Biểu đồ Lựa chọn sản phẩm 24  Biểu đồ Đặt hàng 26  Biểu đồ Đăng nhập 27 Kết tìm hiểu 28 CHƢƠNG 2: ÁP DỤNG 29 Xác định yêu cầu 29 2.1 2.1.1 Biểu đồ Use Case 29  Biểu đồ Use Case tổng hợp: 29  Phân rã Use Case Quản lý sản phẩm 29  Phân rã Use Case Quản lý người dùng 30 2.1.2 Đặc tả Use Case: 30 2.1.2.1 Đặc tả Use Case Lựa chọn sản phẩm: 30 2.1.2.2 Đặc tả Use Case Đăt hàng 31 2.1.2.3 Đặc tả Use Case Quản lý giỏ hàng 32 2.1.2.4 Đặc tả Use Case Đăng nhập 33 2.1.2.5 Đặc tả Use Case Thêm người dùng 34 2.1.2.6 Đặc tả Use Case Sửa người dùng 35 2.1.2.7 Đặc tả Use Case Xóa người dùng 36 2.1.2.8 Đặc tả Use Case Thêm sản phẩm 37 2.1.2.9 Đặc tả Use Case Sửa sản phẩm 38 2.1.2.10 Đặc tả Use Case Xóa sản phẩm 39 2.2 Phân tích 40 2.2.1 Biểu đồ cộng tác 40 2.2.1.1 Hiện thực hóa Use Case Lựa chọn sản phẩm 40 2.2.1.2 Hiện thực hóa Use Case Đặt hàng 41 2.2.1.3 Hiện thực hóa Use Case Quản lý giỏ hàng 43 GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn Xây dựng Website bán hàng với ASP NET MVC3 2.2.1.4 Hiện thực hóa Use Case Đăng nhập 44 2.2.1.5 Hiện thực hóa Use Case Thêm người dùng 45 2.2.1.6 Hiện thực hóa Use Case Sửa người dùng 47 2.2.1.7 Hiện thực hóa Use Case Xóa người dùng 48 2.2.1.8 Hiện thực hóa Use Case Thêm sản phẩm 48 2.2.1.9 Hiện thực hóa Use Case Sửa sản phẩm 50 2.2.1.10 Hiện thực hóa Use Case Xóa sản phẩm 50 Mô hình liệu mức quan niệm: 52 2.3 Thiết kế 52 2.3.1 Cơ sở liệu 52 Mô tả sở liệu 54 2.3.2 Thiết kế giao diện 59 KẾT LUẬN 71 TÀI LIỆU THAM KHẢO 72 GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn Xây dựng Website bán hàng với ASP NET MVC3 MỞ ĐẦU Đặt vấn đề Phƣơng pháp phân tích thiết kế hƣớng đối tƣợng đƣợc áp dụng từ lâu WinForms, WebForm… Sự đời ASP NET MVC làm cho việc xây dựng website ASP NET MVC theo phƣơng pháp luận phân tích thiết kế hƣớng đối tƣợng gặp nhiều khó khăn Phƣơng pháp Dựa vào chƣơng trình mẫu “MVC Music Store” để tìm hiểu ASP Net MVC sử dụng ngôn ngử Razor View Engine ADO NET Entity FrameWork để tìm hiểu, sau xây dựng mô hình phân tích thiết kế hƣớng đối tƣợng áp dụng vào website bán hàng Các bƣớc thực hiện: - Khảo sát giao diện sử dụng chức chƣơng trình xác định Use Case xác định Use Case tổng thể Đặc tả Use Case Khảo sát Project chƣơng trình xác định thành phần chƣơng trình, class chức Dựa vào khảo sát giao diện Project xác định đƣợc Biểu đồ cộng tác biểu đồ Phân tích thiết kế hƣớng đối tƣợng xây dựng chƣơng trình với ASP NET MVC Phạm vi đề tài Do thời gian thực không nhiều tìm hiểu ngôn ngữ hoàn toàn nên gặp nhiều khó khăn đề tài tập trung vào chức website bán hàng Các phạm vi khác nhƣ độ bảo mật…chỉ đạt mức trung bình GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn Xây dựng Website bán hàng với ASP NET MVC3 CHƢƠNG 1: TÌM HIỂU Dựa theo phƣơng pháp luận phân tích thiết kế hƣớng đối tƣợng để tiến hành khảo sát tìm hiểu dự án “MVC Music Store” xây dựng website bán hàng 1.1 Khái niệm ASP NET MVC Entity Framework  Khái niệm MVC : Phƣơng pháp thiết kế MVC phƣơng pháp thiết kế thành công phƣơng pháp thiết kế hƣớng đối tƣợng (Object Oriented Design Pattern) Hiện nay, MVC đƣợc dùng cách rộng rãi nhiều hệ thống phần mềm hƣớng đối tƣợng (OO Application), đƣợc viết ngôn ngữ hƣớng đối tƣợng (OO Language) MVC chữ viết tắt Model-View-Controller Phƣơng pháp thiết kế MVC (MVC Design Pattern) phƣơng pháp chia nhỏ Presentation tier ứng dụng nhiều lớp (multi-tier application) chia nhỏ phần giao diện với ngƣời dùng (user interface) ứng dụng thành ba thành phần Model, View Controller  Khái niệm ASP Net MVC Không phải tự nhiên mà nhiều tảng hệ thống phần mềm phổ biến kế thừa nguyên tắc MVC nhƣ Django, Ruby on Rails, CakePHP, Struts,… Sự thành công mô hình thiết kế cuối khiến Microsoft định đƣa vào sử dụng NET Framework hình thành nên ASP NET MVC vào 2007 phiên 1.0 Sự đời ASP Net MVC chứng tỏ sức mạnh Những ƣu điểm ASP.NET MVC, bao gồm mô hình MVC là: phân tách rõ ràng phần M-V-C, cung cấp nhiều chế xử lý request khác nhau, dựa ASP.NET – vốn mạnh mẽ, hỗ trợ nhiều view engine, có chế định tuyến (routing) mềm dẻo, giúp ngƣời phát triển tạo URL thân thiện ngƣời dùng SEO… Mô hình MVC bao gồm thành phần dƣới đây: GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn Xây dựng Website bán hàng với ASP NET MVC3  Model: Model bao gồm business logic (cách đối tƣợng hoạt động quan hệ), validation logic (đâu giá trị hợp lệ đối tƣợng), data logic (các đối tƣợng đƣợc lƣu trữ nhƣ nào) session logic (trạng thái ngƣời dùng bên ứng dụng)  View: View thành phần dùng để hiển thị giao diện ngƣời dùng (UI) Thông thƣờng, view đƣợc tạo dựa vào thông tin liệu model Ví dụ nhƣ, view dùng để cập nhật bảng Products hiển thị hộp văn bản, dropdown list, check box dựa trạng thái đối tƣợng Product  Controller: Controller thành phần dùng để quản lý tƣơng tác ngƣời dùng, làm việc với model chọn view để hiển thị giao diện ngƣời dùng Trong ứng dụng MVC, view đƣợc dùng để hiển thị thông tin, controller chịu trách nhiệm quản lý đáp trả nội dung ngƣời dùng nhập tƣơng tác với ngƣời dùng Ví dụ, controller quản lý liệu ngƣời dùng gởi lên (query-string values) gởi giá trị đến model, model lấy liệu từ CSDL nhờ vào giá trị  Khái niệm ASP Net MVC với Razor View Engine Trong ASP.NET MVC cho phép bạn chọn view engine mà bạn muốn làm việc với nó, hộp thoại New Project cho phép bạn xác định view engine mặc định cho GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn Xây dựng Website bán hàng với ASP NET MVC3 project Bạn chọn view engine Web Forms (ASPX), Razor, hay view engine nguồn mở nhƣ Spark, NHaml, hay NDjango Razor View Engine ngôn ngữ ngắn gọn, rõ ràng hữu ích, cho phép bạn tạo giao diện cho ứng dụng ASP.NET MVC giữ đƣợc phân chia rỏ ràng, khả kiểm tra, phát triển dựa pattern Các lập trình viên ASP.NET MVC tìm kiếm cho ngôn ngữ có cú pháp rỏ ràng, ngắn gọn, đƣợc xây dựng với ngôn ngữ quen thuộc C#  Chi tiết hoạt động ứng dụng ASP Net MVC :  Khi ngƣời sử dụng lệnh (gõ câu lệnh, bấm nút chuột, bấm phím, chọn menu …), lệnh đƣợc gửi tới Controller  Controller khởi tạo phần Model (nếu cần thiết), gửi yêu cầu tới Model để thực  Căn lệnh thông tin nhận đƣợc từ lệnh, Model đảm nhận việc lấy thông tin cập nhật thông tin hệ thống SQL Server  Sau hoàn thành việc thu thập, cập nhật thông tin, Model truyền thông tin cần thiết Controller  Lúc này, Controller định chọn thành phần phần View để liệu cho ngƣời dùng Phần View làm nhiệm vụ thông tin cho ngƣời dùng truy cập thông tin hiển thị từ Model, gửi thông tin hiển thị tới Model Trƣờng hợp xảy Model chứa thông tin dùng để trực tiếp Những thông tin loại không cần thiết phải gửi qua trung gian Controller  ADO.NET Entity Framework Code First ADO.NET Entity Framework tảng đƣợc sử dụng để làm việc với database thông qua chế ánh xạ Object/Relational Mapping (ORM) Nhờ đó, bạn truy vấn, thao tác với database gián tiếp thông qua đối tƣợng lập trình Phiên EF cho phép lập trình viên tạo mô hình mẫu cách reverse engineering CSDL có vào tập tin XML Tập tin XML sử dụng phần mở rộng EDMX bạn sử dụng designer để xem tinh chỉnh mô hình cho thích hợp với domain bạn Visual Studio 2010 NET mang đến phiên thứ EF, đƣợc đặt tên Entity Framewoork (EF4), để phù hợp với phiên NET Về mặt mô hình hóa, tính gọi Model First đƣợc đƣa vào Tại đây, GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn Xây dựng Website bán hàng với ASP NET MVC3 bạn thiết kế mô hình mẫu bạn visual designer sau tạo CSDL dựa mô hình Model First cho phép lập trình viên làm việc project mà phụ thuộc vào liệu để tận dụng khả EF Lập trình viên bắt đầu với việc tập trung vào application domain việc thiết kế mô hình mẫu để CSDL tự động tạo theo nhƣ quy trình Dù cho việc thiết kế EDMX theo hƣớng database-first hay model-first, bƣớc để tạo domain việc tạo code tự động tạo lớp dựa thực thể mối liên hệ chúng mà tìm thấy model Từ đây, lập trình viên có strongly typed class đại diện cho domain object tiếp tục việc phát triển ứng dụng xoay quanh class Một thay đổi lớn khác phiên EF4 NET 3.5, cách EF quản lý đối tƣợng vùng nhớ (in-memory object) yêu cầu lớp phải kế thừa từ EntityObject EF EntityObject theo dõi thay đổi có khả đẩy ngƣợc chúng lại CSDL Theo tính này, NET giới thiệu POCO (Plain Old CLR Object) hỗ trợ EF theo dõi thay đổi cho lớp đơn giản mà không cần EntityObject phải đƣợc thực thi Đƣợc xây dựng dựa thành phần đƣợc giới thiệu EF4, Code First cho phép lập trình viên định nghĩa domain model với code thay phải sử dụng tập tin EDMX Mặc dù Model First Database First sử dụng code generation để cung cấp class cho bạn làm việc, nhiều lập trình viên không muốn làm việc với designer class đƣợc tạo từ chúng Trong Code First, bạn bắt đầu việc định nghĩa domain model bạn việc sử dụng POCO class không phụ thuộc vào EF Code First bao hàm nhiều thông tin model từ class bạn Bạn cung cấp cấu hình bổ sung để mô tả model override mà Code First cung cấp Phần cấu hình đƣợc thực code tập tin XML hay designer EF4 hỗ trợ POCO class làm việc với designer EF cung cấp POCO template cho phép tạo POCO class Những class đƣợc cập nhật tự động bạn thay đổi designer Bạn sử dụng POCO class mình, nhƣng bạn chọn cách bạn phải chấp nhận việc đồng hóa class bạn tập tin EDMX Điều có nghĩa việc thay đổi phải đƣợc thực nơi: designer, class bạn Một thuận lợi lớn GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 10 Xây dựng Website bán hàng với ASP NET MVC3 19 PasswordVerificationTokenExpirationDate datetime Allow Null  Bảng Role STT Thuộc Tính Diễn Giải Kiểu DL Ràng buộc RoleId Mã quyền Uniqueidentifier Khóa RoleName Tên quyền Nvarchar(MAX) Not Null Description Mô tả Nvarchar(MAX) Allow Null  Bảng UserRole STT Thuộc Tính Diễn Giải Kiểu DL User_UserId Mã ngƣời dùng Uniqueidentifier Khóa Role_RoleId Mã quyền Uniqueidentifier Khóa GVHD: Huỳnh Văn Đức Ràng buộc SVTH: Nguyễn Văn Tuấn 58 Xây dựng Website bán hàng với ASP NET MVC3 2.3.2 Thiết kế giao diện Giao diện trang chủ: 2.3.2.1 Giao diện lựa chọn sản phẩm - Mục tiêu: Lựa chọn sản phẩm đƣa vào giỏ hàng - Ngƣời sử dụng : Khách hàng vào mua hàng - Mẫu thiết kế: GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 59 Xây dựng Website bán hàng với ASP NET MVC3 GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 60 Xây dựng Website bán hàng với ASP NET MVC3 2.3.2.2 Giao diện đặt hàng - Mục tiêu: Khách hàng nhập thông tin đặt hàng - Ngƣời sử dụng: Khách hàng - Mẫu thiết kế: GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 61 Xây dựng Website bán hàng với ASP NET MVC3 2.3.2.3 Giao diện quản lý giỏ hàng - Mục tiêu: Khách hàng thêm số lƣợng xóa sản phẩm giỏ hàng - Ngƣời sử dụng: Khách hàng - Mẫu thiết kế: GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 62 Xây dựng Website bán hàng với ASP NET MVC3 2.3.2.4 Giao diện đăng nhập - Mục tiêu: Đăng nhập vào hệ thống - Ngƣời sử dụng: Ngƣời dùng đăng ký, ngƣời quản trị - Mẫu thiết kế: GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 63 Xây dựng Website bán hàng với ASP NET MVC3 2.3.2.5 Giao diện Đăng ký - Mục tiêu: Khách hàng vào đăng ký để đặt hàng - Ngƣời sử dụng: Khách hàng - Mẫu thiết kế: GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 64 Xây dựng Website bán hàng với ASP NET MVC3 2.3.2.6 Giao diện Thêm người dùng - Mục tiêu: Thêm ngƣời sử dụng vào quyền quản trị - Ngƣời sử dụng: Ngƣời quản trị - Mẫu thiết kế: GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 65 Xây dựng Website bán hàng với ASP NET MVC3 2.3.2.7 Giao diện Sửa người dùng - Mục tiêu : Sửa thông tin , phê chuẩn, khóa tài khoản ngƣời dùng - Ngƣời sử dụng: Ngƣời quản trị - Mẫu thiết kế: GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 66 Xây dựng Website bán hàng với ASP NET MVC3 2.3.2.8 Giao diện Xóa người dùng - Mục tiêu: Xóa ngƣời dùng - Ngƣời sử dụng: Ngƣời quản trị - Mẫu thiết kế: GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 67 Xây dựng Website bán hàng với ASP NET MVC3 2.3.2.9 Giao diện Thêm sản phẩm - Mục tiêu: Thêm sản phẩm - Ngƣời sử dụng: Ngƣời quản trị - Mẫu thiết kế: GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 68 Xây dựng Website bán hàng với ASP NET MVC3 2.3.2.10 Giao diện Sửa sản phẩm - Mục tiêu: Sửa sản phẩm - Ngƣời sử dụng: - Mẫu thiết kế: GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 69 Xây dựng Website bán hàng với ASP NET MVC3 2.3.2.11 Giao diện Xóa sản phẩm - Mục tiêu: Xóa sản phẩm - Ngƣời sử dụng: Ngƣời quản trị - Mẫu thiết kế: GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 70 Xây dựng Website bán hàng với ASP NET MVC3 KẾT LUẬN GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 71 Xây dựng Website bán hàng với ASP NET MVC3 TÀI LIỆU THAM KHẢO Tổng quan kiến trúc Entity Framework http://yinyangit.wordpress.com/2011/11/24/tong-quan-ve-kien-truc-entityframework/ MVC Design Pattern Java Webmail http://www.hanoian.com/index.php?option=com_content&task=view&id=38&Itemid =44 Cộng đồng lập trình http://d.jou.vn/ Đào Hải Nam Blog http://namdh.wordpress.com/ ASP NET MVC Music Store Tutorial – Jon Galloway GVHD: Huỳnh Văn Đức SVTH: Nguyễn Văn Tuấn 72 ... ngƣời dùng chọn đƣa vào giỏ hàng, hệ thống hiển thị giỏ hàng bạn  Ta xác định usecase dòng kiện Lựa chọn sản phẩm Hệ thống hiển thị giỏ hàng, ngƣời dùng chọn đặt hàng, hệ thống yêu cầu đăng nhập,... động đặt hàng HomeControllers: Trả trang chủ ShoppingCartControllers: Quản lý hoạt động Lựa chọn sản phẩm giỏ hàng StoreControllers: Quản lý hoạt động xem hàng StoreManagerControllers: Quản lý hoạt... dòng kiện hệ thống: - - Hệ thống hiển thị danh sách loại sản phẩm, ngƣời dùng chọn loại sản phẩm, hệ thống hiển thị danh sách sản phẩm thuộc thể loại đó, ngƣời dùng chọn sản phẩm, hệ thống hiển