Báo cáo xây dựng website bán điện thoại bằng ASP net MVC 5

Mẫu Bài Tập Lớn ( CÁN BỘ GIẢNG DẠY THẦY Bộ môn ) ( SINH VIÊN THỰC HIỆN ) ( H à Nội , N ăm 2021 ) ( BÀI TẬP LỚN Môn học ĐỀ TÀI Xây dựng website bán điện thoại bằng ASP Net MVC 5 ) MỤC LỤC Contents MỤC.

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC MỎ - ĐỊA CHẤT BÀI TẬP LỚN Môn học: ĐỀ TÀI: Xây dựng website bán điện thoại ASP.Net MVC SINH VIÊN THỰC HIỆN CÁN BỘ GIẢNG DẠY THẦY : Bộ môn : Hà Nội , Năm 2021 MỤC LỤC Contents MỤC LỤC II DANH MỤC CÁC HÌNH VẼ .IV DANH MỤC CÁC BẢNG BIỂU V DANH MỤC CÁC TỪ VIẾT TẮT MỞ ĐẦU CHƯƠNG TỔNG QUAN 1.1 Giới thiệu tổng quát .3 1.2 Mục đích báo cáo CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 Công nghệ ASP.NET MVC5 2.1.1 Lịch sử đời MVC 2.1.2 Sự khác MVC webform 2.1.3 2.1.4 Kiến trúc sử dụng ASP.NET MVC .5 Đặc điểm ASP.NET MVC 2.2 Mơ hình MVC5 .8 2.2.1 Các tính mơ hình MVC3 MVC4 2.2.2 Các cải tiến MVC5 CHƯƠNG THIẾT KẾ GIAO DIỆN 11 3.1 : Giao diện người dùng 11 3.1.1 Giao diện 11 3.1.2 Giao diện đăng ký 12 3.1.3 Giao diện đăng nhập 13 3.1.4 Giao diện lựa chọn sản phẩm .13 3.1.5 Giao diện đặt hàng .14 3.2 Giao diện quản trị 14 3.2.1 Giao diện index sản phẩm .14 3.2.2 Giao diện quản lý hãng sản xuất 17 3.2.3 Giao diện quản lý hệ điều hành 19 3.2.4 Giao diện quản lý người dùng 21 3.2.5 Giao diện trang phân quyền 23 CHƯƠNG CHƯƠNG TRÌNH VÀ CƠ SỞ DỮ LIỆU 25 4.1 Sơ đồ use case .25 4.2 Mô tả use case .26 4.2.1 Use case đăng ký 26 4.2.2 Use case đăng nhập 26 4.2.3 Use case đăng xuất .26 4.2.4 Use case quản lý tài khoản 27 4.2.5 Use case quản lý sản phẩm 27 4.2.6 Use case xem chi tiết sản phẩm 28 4.2.7 Use case tìm kiếm theo tên 29 4.2.8 Use case quản lý hãng sản xuất 29 4.2.9 Use case quản lý đơn hàng 30 4.2.10 Use case quản lý giỏ hàng 31 4.2.11 Use case quản lý phân quyền .31 4.3 Cơ sở liệu .32 4.3.1 Sơ đồ mối quan hệ thực thể 32 CHƯƠNG :KẾT QUẢ .33 5.1 Kết đạt 33 CHƯƠNG KẾT LUẬN 33 6.1 Ưu khuyết điểm 33 6.2 Hướng phát triển 33 DANH MỤC CÁC HÌNH VẼ Hình Mơ hình MVC .6 Hình 2: Giao diện 11 Hình 3: Giao diện 12 Hình 4:Giao diện đăng ký 13 Hình : Giao diện đăng nhập 13 Hình 6:Giao diện lựa chọn sản phẩm .14 Hình 7: Giao diện đặt hàng 14 Hình Giao diện cập nhật, xóa sản phẩm .15 Hình Giao diện quản lý sản phẩm .15 Hình 10: Phân trang giao diện quản lý sản phẩm 16 Hình 11: Giao diện xem chi tiết sản phẩm .16 Hình 12 Giao diện thêm sản phẩm 17 Hình 13 Giao diện chỉnh sửa sản phẩm 17 Hình 14 Giao diện xóa sản phẩm 18 Hình 15 Giao diện chi tiết hãng sản xuất .18 Hình 16 :Giao diện chỉnh sửa hãng sản xuất 19 Hình 17 Giao diện thêm hãng sản xuất 19 Hình 18 Giao diện quản lý hãng điện thoại 20 Hình 19 : Giao diện xóa hệ điều hành 20 Hình 20 Giao diện chỉnh sửa hệ điều hành 21 Hình 21 Giao diện thêm hệ điều hành 21 Hình 22 Giao diện quản lý hệ điều hành 22 Hình 23 Giao diện quản lý người dùng 22 Hình 24 Giao diện xóa người dùng 23 Hình 25 Giao diện chi tiết người dùng 23 Hình 26 Giao diện chỉnh sửa thông tin người dùng .24 Hình 27 Giao diện quản lý quyền truy cập 24 Hình 29 Giao diện thêm phân quyền .25 Hình 30 Giao diện chỉnh sửa phân quyền 25 Hình 31 Giao diện chi tiết phân quyền 26 Hình 32 Giao diện xóa quyền 26 Hình 33: Sơ đồ use case 27 Hình 34: Sơ đồ thực thể 34 DANH MỤC CÁC BẢNG BIỂU Bảng 2-1 Lịch sử phiên MVC .4 Bảng 2-2 Sự khác MVC Webform .5 Bảng 2-3 Các loại security MVC5 .10 Bảng 4-1 Bảng use case đăng ký 28 Bảng 4-2 Bảng use case đăng nhập .28 Bảng 4-3 Bảng use case đăng xuất 28 Bảng 4-4 Bảng use case quản lý tài khoản 29 Bảng 4-5 Bảng use case quản lý sản phẩm 30 Bảng 4-6 Bảng use case xem chi tiết sản phẩm .30 Bảng 4-7 Bảng use case tìm kiếm theo tên 31 Bảng 4-8 Bảng use case quản lý hãng sản xuất .32 Bảng 4-9 Bảng use case quản lý đơn hàng 32 Bảng 4-10 Bảng use case quản lý giỏ hàng 33 Bảng 4-11 Bảng use case quản lý phân quyền .34 DANH MỤC CÁC TỪ VIẾT TẮT ST T Từ viết Từ tiếng Anh tắt Từ nghĩa tiếng Việt Mơ hình lập trình ba lớp Model, View, Controller sử dụng View nhiều framework lập trình web có ASP.NET MVC, ZEND , J2EE… MVC Model Controller DB Database CNTT TDD Test Developer CSS Cascading Sheets HTML HyperText Markup Language USECASE Cơ sở liệu Công nghệ thông tin Driven Nhà phát triển theo hướng thử nghiệm Style Ngôn ngữ đánh dấu siêu văn Trường hợp sử dụng – Mô tả tương tác người dùng hệ thống MỞ ĐẦU Tổng quan tình hình nghiên cứu thuộc lĩnh vực đề tài Ngày nay, công nghệ web NET Framework Microsoft ngày phát triển mạnh mẽ, với công nghệ khác như: PHP, JSP, Trong cơng nghệ ASP.NET MVC cơng nghệ mang nhiều tính ưu việt Bên cạnh đó, việc bán hàng qua mạng thông qua website trực tuyến khơng cịn q xa lạ người Việt ngày phát huy mạnh Những gian hàng online giúp tiết kiệm nhiều thời gian cho người bận rộn Hàng ngày bắt đầu với hàng tá công việc làm, dọn dẹp, chăm sóc gia đình, kế hoạch khác Mỗi lần mua đồ chiếm nhiều thời gian phải lại chọn đồ thử nghĩ xem không gần siêu thị hay cửa hàng vất vả Hiện hầu hết siêu thị cửa hàng xây dựng trang web riêng cho để khách hàng tiện lợi việc mua hàng hóa qua mạng mà khơng cần đến tận nơi Tính cấp thiết, ý nghĩa khoa học thực tiễn đề tài Từ phân tích trên, nhóm chúng em chọn xây dựng website bán điện thoại dựa tảng framework ASP.NET MVC5 số tính khác để hỗ trợ khách hàng việc đặt hàng qua mạng Internet Trong báo cáo tập trung trình bày nghiên cứu kiến thức ASP.NET MVC5 Triển khai bước thiết kế, xây dựng website giúp người dùng nhanh chóng tìm kiếm mặt hàng cần mua , mua hàng, áp dụng công nghệ để việc mua bán trở nên tiện lợi Đây ứng dụng thực tế hay, kinh nghiệm chúng em chưa nhiều nhiều hạn chế sai sót mong thầy bạn đóng góp ý kiến để đề tài hoàn thiện CHƯƠNG TỔNG QUAN 1.1 Giới thiệu tổng quát Việc mua bán kinh doanh ngày trở nên dễ dàng với hỗ trợ CNTT có số lượng lớn website thương mại xây dựng sử dụng Việc giúp đa dạng hóa phương thức bán hàng hàng hóa tiêu thụ dễ dàng 1.2 Mục đích báo cáo - Muốn nghiên cứu, nắm vững: framework ASP.NET MVC5 để xây dựng website thực tiễn đáp ứng nhu cầu khách hàng - Xây dựng website bán điện thoại online đáp ứng đầy đủ quy trình bán hàng online CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 Công nghệ ASP.NET MVC5 2.1.1 Lịch sử đời MVC - Tất bắt đầu vào năm 70 kỷ 20, phịng thí nghiệm Xerox PARC Palo Alto Sự đời giao diện đồ họa (GUI) lập trình hướng đối tượng (Object Oriented Programming) cho phép lập trình viên làm việc với thành phần đồ họa đối tượng đồ họa có thuộc tính phương thức riêng Khơng dừng lại đó, nhà nghiên cứu Xerox PARC cịn xa cho đời gọi kiến trúc MVC (viết tắt Model – View – Controller).[1] - MVC phát minh Xerox Parc vào năm 70, TrygveReenskaug MVC lần xuất công khai Smalltalk-80 Các giấy tờ quan trọng công bố MVC “A Cookbook for Using the Model-View-Controller User Interface Paradigm in Smalltalk – 80”, Glenn Krasner Stephen Pope, xuất tháng / tháng năm 1988 - Thế hệ MVC xuất với hệ điều hành NeXT phần mềm - Kiến trúc ngày phát triển hoàn thiện nhằm giải vấn đề phát sinh giải pháp cho trình phát triển phần mềm - Vì sau đó, MVC framework đời dựa mơ hình MVC như: CodeIgniter, Zend, ASP.NET MVC … Thời gian phát hành Phiên 2008 ASP.NET MVC 1.0 2008 ASP.NET MVC 2.0 (.NET 3.5) 1/2010 ASP.NET MVC 3.0 (.Net 4) Hình 26 Giao diện chỉnh sửa thông tin người dùng 3.2.5 Giao diện trang phân quyền Hình 27 Giao diện quản lý quyền truy cập Hình 28 Giao diện chỉnh sửa phân quyền Hình 29 Giao diện chi tiết phân quyền Hình 30 Giao diện xóa quyền CHƯƠNG CHƯƠNG TRÌNH VÀ CƠ SỞ DỮ LIỆU 4.1 Sơ đồ use case uc Use Case Mo Binh luan Chia se Facebook Dang ky Quan ly san pham Quan ly quyen han Quan ly loai san pham Xem/Xoa dat hang Dang nhap Quan ly chi tiet san pham Thanh toan Dang xuat Quan ly nha san xuat Khach hang So sanh san pham Quen mat khau Admin Quan ly don hang Quan ly danh sach yeu thich Doi mat khau Tim kiem san pham Quan ly gio hang Xem chi tiet san pham Quan ly phi v an chuyen Thong ke «extend» «extend» Tim kiem theo ten Tim kiem nang cao Hình 28: Sơ đồ use case Quan ly tai khoan 4.2 Mô tả use case 4.2.1 Use case đăng ký Use case Mô tả chung Đăng ký Use case cho phép người dùng đăng ký tài khoản Các actor liên quan Khách hàng Điều kiện tiên Không Use case bắt đầu người dùng chọn đăng ký Luồng Người dùng điền thông tin cá nhận vào form đăng ký Nhấn nút đăng ký Trường hợp ngoại lệ Trạng thái hệ thống sau use case kết thúc Hệ thống không cho đăng ký thông thông tin không hợp lệ Một tài khoản tạo Bảng 4-4 Bảng use case đăng ký 4.2.2 Use case đăng nhập Use case Mô tả chung Các actor liên quan Đăng nhập Use case cho phép người dùng đăng nhập tài khoản có sẵn, tài khoản Google, Facebook Khách hàng, admin Điều kiện tiên Tài khoản đăng ký Use case bắt đầu người dùng chọn đăng nhập Luồng Người dùng điền username, password vào form đăng nhập Nhấn nút đăng nhập Trường hợp ngoại lệ Trạng thái hệ thống sau use case kết thúc Hệ thống không cho đăng nhập thông tin không hợp lệ tài khoản không tồn Người dùng đăng nhập thành công Bảng 4-5 Bảng use case đăng nhập 4.2.3 Use case đăng xuất Use case Mô tả chung Các actor liên quan Điều kiện tiên Luồng Đăng nhập Use case cho phép người dùng đăng xuất tài khoản Khách hàng, admin Người dùng đăng nhập tài khoản Use case bắt đầu khách hàng nhấn button “Đăng xuất” Trường hợp ngoại lệ Khơng có Trạng thái hệ thống sau use case kết thúc Khách hàng đăng xuất thành công Bảng 4-6 Bảng use case đăng xuất 4.2.4 Use case quản lý tài khoản Use case Mô tả chung Quản lý tài khoản Use case cho phép admin quản lý tài khoản khách hàng Các actor liên quan Admin Điều kiện tiên Đã đăng nhập tài khoản admin Chọn quản lý thành viên Admin thực chức năng: Luồng Trường hợp ngoại lệ        Thêm Nhấn link “thêm tài khoản” Điền thông tin tài khoản Nhấn nút “tạo mới” Xóa Nhấn button “xóa” Sửa Nhấn link “ sửa” Nhập thơng tin muốn sửa Nhấn nút sửa Thêm tài khoản trùng thông tin điền không hợp lệ Trạng thái hệ thống sau Tài khoản tạo, tài use case kết thúc khoản sửa, xóa tài khoản Bảng 4-7 Bảng use case quản lý tài khoản 4.2.5 Use case quản lý sản phẩm Use case Mô tả chung Quản lý sản phẩm Use case cho phép admin quản lý sản phẩm Các actor liên quan Admin Điều kiện tiên Đã đăng nhập tài khoản Admin Chọn quản lý sản phẩm Use case bắt đầu admin chọn chức năng: Luồng Trường hợp ngoại lệ             Thêm Nhấn link “thêm” Điền thông tin sản phẩm Nhấn nút “tạo mới” Xóa Nhấn link “xóa” Hiện hình xóa Nhấn nút “xóa” Sửa Nhấn link “ sửa” Hiện hình sửa Nhập thơng tin muốn sửa Nhân nút sửa Xem Nhấn button “xem” Màn hình hiển thị chi tiết sản phâm Thêm sửa sản phẩm không hợp lệ Trạng thái hệ thống sau Sản phẩm tạo, sản use case kết thúc phẩm sửa, xóa sản phẩm Bảng 4-8 Bảng use case quản lý sản phẩm 4.2.6 Use case xem chi tiết sản phẩm Use case Xem chi tiết sản phẩm Use case cho phép người dùng xem chi tiết sản phẩm Mô tả chung Các actor liên quan Khách hàng Điều kiện tiên Khơng có Use case bắt đầu người dùng bấm vào sản phẩm Luồng Trường hợp ngoại lệ Khơng có Trạng thái hệ thống sau Người dùng xem chi tiết sản use case kết thúc phẩm Bảng 4-9 Bảng use case xem chi tiết sản phẩm 4.2.7 Use case tìm kiếm theo tên Use case Mơ tả chung Các actor liên quan Cập nhật đơn hàng Use case cho người dùng tìm kiếm sản phẩm theo tên sản phẩm Khách hàng Điều kiện tiên Khơng có Luồng Use case bắt đầu sau người dùng nhập thơng tin vơ tìm kiếm nhấn button “Search” Trường hợp ngoại lệ Khơng tìm sản phẩm có tên sản phẩn chứa nội dung khách hàng nhập Hệ thống hiển thị sản phẩm Trạng thái hệ thống sau phẩm có tên sản phẩn chứa nội dung use case kết thúc người dùng nhập Bảng 4-10 Bảng use case tìm kiếm theo tên 4.2.8 Use case quản lý hãng sản xuất Use case Mô tả chung Quản lý nhà sản xuất Use case cho phép admin quản lý nhà sản xuất Các actor liên quan Admin Điều kiện tiên Đã đăng nhập tài khoản Admin Chọn quản lý nhà sản xuất Use case bắt đầu admin chọn chức năng: Luồng Trường hợp ngoại lệ             Thêm Nhấn link “thêm” Điền thông tin nhà sản xuất Nhấn nút “tạo mới” Xóa Nhấn link “xóa” Hiện hình xóa Nhấn nút “xóa” Sửa Nhấn link “ sửa” Hiện hình sửa Nhập thông tin muốn sửa Nhân nút sửa Xem Nhấn button “xem” Màn hình hiển thị chi tiết nhà sản xuất Thêm sửa nhà sản xuất không hợp lệ Nhà sản xuất tạo, nhà Trạng thái hệ thống sau sản xuất sửa, xóa nhà sản use case kết thúc xuất Bảng 4-11 Bảng use case quản lý hãng sản xuất 4.2.9 Use case quản lý đơn hàng Use case Mô tả chung Các actor liên quan Quản lý nhà sản xuất Use case cho phép admin quản lý đơn hàng Admin Điều kiện tiên Đã đăng nhập tài khoản Admin Chọn quản lý đặt hàng Use case bắt đầu admin chọn chức năng: Luồng Trường hợp ngoại lệ       Sửa Nhấn link “ sửa” Hiện hình sửa Nhập thông tin muốn sửa Nhân nút sửa Xem Nhấn button “xem” Màn hình hiển thị chi tiết đơn hàng Sửa đơn không hợp lệ Trạng thái hệ thống sau Hiển thị danh sách đơn hàng, sửa use case kết thúc đơn hàng Bảng 4-12 Bảng use case quản lý đơn hàng 4.2.10 Use case quản lý giỏ hàng Use case Mô tả chung Quản lý giỏ hàng Use case cho phép người dùng quản lý giỏ hàng Các actor liên quan Khách hàng Điều kiện tiên Khơng có Luồng Use case bắt đầu người dùng chọn chức năng: Thêm  Nhấn nút “Mua hàng” Xem  Nhấn nút “Xem giỏ” Xóa  Chọn xem giỏ hàng  Nhấn nút “xóa” Sửa  Chỉ cần điền số lượng đơn hàng vào textbox tự động số lượng sản phẩm cập nhật Trường hợp ngoại lệ Cập nhật số lượng sản phẩm lớn số lượng sản phẩm kho cửa hàng Giỏ hàng thêm sản phẩm, Trạng thái hệ thống sau số lượng sản phẩm giỏ hàng use case kết thúc cập nhật, xóa sản phẩm Bảng 4-13 Bảng use case quản lý giỏ hàng 4.2.11 Use case quản lý phân quyền Use case Mô tả chung Quản lý tài khoản Use case cho phép admin quản lý loại quyền hạn Các actor liên quan Admin Điều kiện tiên Đã đăng nhập tài khoản admin Chọn quản lý quyền hạn Admin thực chức năng: Thêm  Nhấn button “tạo mới”  Điền thông tin quyền hạn  Nhấn nút “tạo mới” Xóa  Nhấn button “xóa” Sửa  Nhấn button “ sửa”  Nhập thông tin muốn sửa  Nhấn nút sửa Luồng Trường hợp ngoại lệ Thêm xóa quyền hạn khơng hợp lệ Quyền hạn tạo, Trạng thái hệ thống sau quyền hạn sửa, xóa use case kết thúc quyền hạn Bảng 4-14 Bảng use case quản lý phân quyền 4.3 Cơ sở liệu 4.3.1 Sơ đồ mối quan hệ thực thể Hình 29: Sơ đồ thực thể CHƯƠNG 5:KẾT QUẢ 5.1 Kết đạt  Đã xây dựng hoàn chỉnh ứng dụng dựa mơ hình MVC framework ASP.NET vào website, với đầy đủ chức bản: a Chức dành cho người dùng: 1) Đăng nhập, đăng xuất 2) Đăng ký 3) Tìm kiếm theo tên sản phẩm 4) Xem chi tiết sản phẩm 5) Quản lý giỏ hàng 6) Quản lý đặt hàng 7) Đặt hàng b Chức dành cho Admin: 1) Đăng nhập, đăng xuất 2) Đổi mật 3) Quản lý hàng 4) Quản lý hãng sản xuất 5) Quản lý đơn hàng 6) Quản lý đặt hàng 7) Quản lý tài khoản 8) Quản lý quyền hạn tài khoản  Áp dụng giao diện Bootstrap nên website tương thích với kích thước hình khác (máy tính, máy tính bảng, điện thoại di động) CHƯƠNG KẾT LUẬN 6.1 Ưu khuyết điểm - Ưu điểm: Giúp người dùng xem đặt sản phẩm dễ dàng, thuận tiện Có tính ứng dụng cao Website có tính responsive Nhược điểm:Một số chức hệ thống đáp ứng phần yêu cầu người dùng, chưa có tính sáng tạo, đột phá cách giải vấn đề 6.2 Hướng phát triển Làm thêm số chức mở rộng, phát triển thêm số chức mới: - Quản lý khách hàng theo nhóm ( vd: Khách hàng VIP, khách hàng thường, …) - Nâng cao tốc độ thực thi hiệu suất hệ thống - Nâng cao tính bảo mật hệ thống - Cho phép khách hàng mua hàng tốn trực tiếp qua mạng thơng qua thẻ ATM Nâng cấp hệ thống phí vận chuyển toàn nước Tuy cố gắng học hỏi dựa kiến thức học tìm hiểu liệu thức tế cửa hàng điện thoại ,nhưng khả thời gian có hạn nên chương trình chúng em tránh khiếm khuyết, mong nhận tham gia góp ý Quý Thầy Cơ Nhóm em xin chân thành cảm ơn! TÀI LIỆU THAM KHẢO [1] http://www.slideshare.net/tuoitrecomvn/lap-trinhaspnetmvc [2] http://nguyentuananhtn.blogspot.com/2013/09/bai-1-lam-quen-voi-mo-hinhmvc-4-aspnet.html [3] http://namdh.wordpress.com/2013/07/23/getting-started-with-asp-net-mvc-5/ [4] (http://www.asp.net/mvc/fundamentals [5] http://itprotraining.vn/vi/asp-net-mvc/gioi-thieu-lap-trinh-asp-net-mvc-visualstudio-2015 [6] https://comdy.vn/asp-net-mvc/gioi-thieu-asp-net-mvc/ [7] https://www.tutorialspoint.com/asp.net_mvc/asp.net_mvc_overview.htm ... Zend, ASP. NET MVC … Thời gian phát hành Phiên 2008 ASP. NET MVC 1.0 2008 ASP. NET MVC 2.0 ( .NET 3 .5) 1/2010 ASP. NET MVC 3.0 ( .Net 4) 15/ 8/2012 ASP. NET MVC 4.0 ( .Net 4 .5) 17/10/2013 ASP. NET MVC 5. 0... http://namdh.wordpress.com/2013/07/23/getting-started-with -asp- net- mvc- 5/ [4] (http://www .asp. net/ mvc/ fundamentals [5] http://itprotraining.vn/vi /asp- net- mvc/ gioi-thieu-lap-trinh -asp- net- mvc- visualstudio-20 15 [6] https://comdy.vn /asp- net- mvc/ gioi-thieu -asp- net- mvc/ ... chọn xây dựng website bán điện thoại dựa tảng framework ASP. NET MVC5 số tính khác để hỗ trợ khách hàng việc đặt hàng qua mạng Internet Trong báo cáo tập trung trình bày nghiên cứu kiến thức ASP. NET