Phát triển website bán đồng hồ và phụ kiện bằng wordpress và csdl mysql đồ án tốt nghiệp

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á ĐỒ ÁN TỐT NGHIỆP TÊN ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN ĐỒNG HỒ VÀ PHỤ KIỆN BẰNG CÔNG NGHỆ ASP.NET MCV Sinh viên thực hiên Ngày sinh Lớp Khoa Mã sinh viên Giáo viên hướng dẫn Trần Thị Hải Hậu 26/07/2000 DCCNTT9.10.IT1 Công nghệ thông tin 187480201082 ThS Hà Trọng Thắng : : : : : : Bắc Ninh - 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á TRẦN THỊ HẢI HẬU TÊN ĐỀ TÀI: THIẾT KẾ WEBSITE BÁN ĐỒNG HỒ VÀ PHỤ KIỆN BẰNG CÔNG NGHỆ ASP.NET MCV Giáo viên hướng dẫn: ThS Hà Trọng Thắng Bắc Ninh - 2022 MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT DANH MỤC HÌNH ẢNH LỜI NÓI ĐẦU CHƯƠNG I TỔNG QUAN VỀ ĐỒ ÁN 10 1.1 Giới thiệu đề tài 10 1.2 Lý chọn đề tài 10 1.3 Mục tiêu đề tài 10 1.4 Công cụ phát triển 11 1.4.1 Phần mềm viết code visual studio 11 1.4.2 Ngôn ngữ sql server 14 1.4.3 Ngơn ngữ lập trình C# 17 1.4.4 Ngơn ngữ lập trình Asp/Asp.Net 22 CHƯƠNG II PHÂN TÍCH THIẾT KẾ WEBSITE 27 2.1 Mô tả website 27 2.2 Cơ cấu phận nhiệm vụ 27 2.3 Quy trình xử lý 27 2.4 Phân tích chức 28 2.4.1 Admin 28 2.4.2 User 31 2.5 Phân tích thiết kế hệ thống 32 2.5.1 Các chức hệ thống 32 2.6 Biểu đồ use case 33 2.6.1 Biểu đồ use case tổng quát 33 2.6.2 Biểu đồ use case đăng nhập 34 2.6.3 Biểu đồ use case quản lý sản phẩm 35 2.6.4 Biểu đồ use case quản lý danh mục sản phẩm 36 2.6.5 Biểu đồ use case quản lý đơn hàng 37 2.6.6 Biểu đồ use case quản lý khách hàng 38 2.6.7 Biểu đồ use case quản lý slider 38 2.6.8 Biểu đồ use case quản lý menu 39 2.6.9 Biểu đồ use case quản lý hệ thống 39 2.6.10 Biểu đồ use case quản lý tài khoản 40 2.7 Biểu đồ 41 2.7.1 Biểu đồ chức đăng nhập 41 2.7.2 Biểu đồ chức tìm kiếm 42 2.7.3 Biểu đồ chức quản lý sản phẩm 43 2.7.4 Biểu đồ chức quản lý danh mục sản phẩm 46 2.7.5 Biểu đồ chức quản lý đơn hàng 49 2.7.6 Biểu đồ chức quản lý khách hàng 50 2.7.7 Biểu đồ chức quản lý liên hệ 52 2.7.8 Biểu đồ chức quản lý menu 54 2.7.9 Biểu đồ chức quản lý slider 58 2.7.10 Biểu đồ chức quản lý hệ thống 61 2.7.11 Biểu đồ chức quản lý giỏ hàng 64 2.8 Biểu đồ hoạt động 67 2.8.1 Biểu đồ hoạt động chức đăng nhập 67 2.8.2 Biểu đồ hoạt động chức tạo tài khoản 68 2.8.3 Biểu đồ hoạt động chức thay đổi mật 69 2.8.4 Biểu đồ hoạt động chức xoá tài khoản 70 2.8.5 Biểu đồ hoạt động chức quản lý sản phẩm 71 2.8.6 Biểu đồ hoạt động chức quản lý danh mục sản phẩm 74 2.8.8 Biểu đồ hoạt động chức quản lý khách hàng 76 2.8.9 Biểu đồ hoạt động chức quản lý menu 78 2.8.10 Biểu đồ hoạt động chức quản lý slider 81 2.8.11 Biểu đồ hoạt động chức quản lý quản trị viên 83 2.8.12 Biểu đồ hoạt động chức thêm, xoá, sửa giỏ hàng 85 2.8.13 Biểu đồ hoạt động chức tìm kiếm 85 2.8.14 Biểu đồ hoạt động chức đặt hàng 86 2.9 Phân tích sở liệu 86 2.9.1 Cấu trúc bảng sở liệu 86 2.9.2 Biểu đồ ERD 91 2.9.3 Biểu đồ lớp 92 CHƯƠNG III THIẾT KẾ GIAO DIỆN 93 3.1 Giao diện trang chủ 93 3.2 Giao diện danh mục 96 3.3 Giao diện giỏ hàng 97 3.4 Giao diện đăng nhập, đăng ký 99 3.5 Giao diện Admin 100 3.5.1 Giao diện đăng nhập admin 100 3.5.2 Giao diện quản lý Admin 101 3.5.3 Giao diện quản lý danh mục sản phẩm 101 3.5.4 Giao diện quản lý sản phẩm website 102 3.5.5 Giao diện quản lý danh sách đặt hàng 102 3.5.6 Giao diện quản lý đơn hàng huỷ 103 3.5.7 Giao diện danh sách khách hàng 103 3.5.8 Giao diện danh sách khách hàng liên hệ 104 3.5.9 Giao diện menu 104 3.5.10 Giao diện slider 105 3.5.11 Giao diện danh sách quản trị viên 105 3.5.12 Giao diện thêm quản trị viên 106 3.5.13 Giao diện chi tiết, đánh giá, bình luận 106 3.5.14 Giao diện giỏ hàng 107 CHƯƠNG IV KẾT LUẬN 108 4.1 Kết đạt 108 4.2 Hướng phát triển 108 4.3 Ưu điểm 108 4.4 Nhược điểm 108 TÀI LIỆU THAM KHẢO 109 DANH MỤC CÁC TỪ VIẾT TẮT STT Chữ viết tắt C# VB.net Asp.net MCV DLLC HTML XML SVG UML Giải thích C Sharp Visual Bassic.Net Active Server Pages.Network Enabled Model view controller Dynamic link library Hyper Text Markup Language EXtensible Markup Language Scalable Vector Graphics Unified Modeling Language DANH MỤC HÌNH ẢNH Hình 1 Hình ảnh visual studio 11 Hình 2.1 Biểu đồ use case tổng quát 33 Hình 2 Biểu đồ use case đăng nhập 34 Hình 3: Biểu đồ use case quản lý sản phẩm 35 Hình 4: Biểu đồ use case quản lí danh mục sản phẩm 36 Hình 5: Biểu đổ use case quản lý đơn hàng 37 Hình 6: Biểu đồ use case quản lý khách hàng 38 Hình 7: Biểu đồ use case quản lý slider 38 Hình 8: Biểu đồ use case quản lý menu 39 Hình 9: Biểu đồ use case quản lý hệ thống 39 Hình 10: Biểu đồ use case quản lý tài khoản 40 Hình 11: Biểu đồ chức đăng nhập 41 Hình 12: Biểu đồ chức tìm kiếm 42 Hình 13: Biểu đồ chức thêm sản phẩm .43 Hình 14: Biểu đồ chức sửa sản phẩm 44 Hình 15: Biểu đồ chức xoá sản phẩm 45 Hình 16: Biểu đồ chức thêm danh mục sản phẩm 46 Hình 17: Biểu đồ chức sửa danh mục sản phẩm 47 Hình 18: Biểu đồ chức xố danh mục sản phẩm 48 Hình 19: Biểu đồ chức quản lý đơn hàng .49 Hình 20: Biểu đồ chức thêm danh sách khách hàng 50 Hình 21: Biểu đồ chức xoá danh sách khách hàng 51 Hình 22: Biểu đồ chức thêm liên hệ .52 Hình 23: Biểu đồ chức xố thơng tin liên hệ 53 Hình 24: Biểu đồ chức thêm menu .54 Hình 25: Biểu đồ chức sửa giao diện menu 55 Hình 26: Biểu đồ chức xoá giao diện menu 56 Hình 27: Biểu đồ chức xố giao diện 57 Hình 28: Biểu đồ chức thêm slider .58 Hình 29: Biểu đồ chức sửa slider 59 Hình 30: Biểu đồ chức xoá slider 60 Hình 31: Biểu đồ chức thêm quản trị viên 61 Hình 32: Biểu đồ chức sửa quản trị viên 62 Hình 33: Biểu đồ chức xoá quản trị viên 63 Hình 34: Biểu đồ chức thêm giỏ hàng 64 Hình 35: Biểu đồ chức sửa giỏ hàng 65 Hình 36: Biểu đồ chức xoá giỏ hàng 66 Hình 37: Biểu đồ hoạt động chức đăng nhập 67 Hình 38: Biểu đồ hoạt động chức tạo tài khoản .68 Hình 39: Biểu đồ hoạt động chức đổi mật .69 Hình 40: Biểu đồ hoạt động chức xoá tài khoản 70 Hình 41: Biểu đồ hoạt động chức thêm sản phẩm 71 Hình 42: Biểu đồ hoạt động chức sửa sản phẩm .72 Hình 43: Biểu đồ hoạt động chức xoá sản phẩm .73 Hình 44: Biểu đồ hoạt động chức thêm danh mục sản phẩm 74 Hình 45: Biểu đồ hoạt động chức thêm danh mục sản phẩm 74 Hình 46: Biểu đồ hoạt động chức xoá danh mục sản phẩm 75 Hình 47: Biểu đồ hoạt động chức xoá đơn hàng 75 Hình 48: Biểu đồ hoạt động chức thêm danh sách khách hàng 76 Hình 49: Biểu đồ hoạt động chức xoá danh sách khách hàng 76 Hình 50: Biểu đồ hoạt động chức thêm danh sách liên hệ 77 Hình 51: Biểu đồ hoạt động chức xoá danh sách liên hệ 78 Hình 52: Biểu đồ hoạt động chức thêm menu 78 Hình 53: Biểu đồ hoạt động chức sửa menu 79 Hình 54: Biểu đồ hoạt động chức xố menu 80 Hình 55: Biểu đồ hoạt động chức thêm slider 81 Hình 56: Biểu đồ hoạt động chức sửa slider 82 Hình 57: Biểu đồ hoạt động chức xoá slider 83 Hình 58: Biểu đồ hoạt động chức thêm quản trị viên 83 Hình 59: Biểu đồ hoạt động chức sửa quản trị viên 84 Hình 60: Biểu đồ hoạt động chức xố quản trị viên 84 Hình 61: Biểu đồ hoạt động chức thêm, sửa, xố giỏ hàng 85 Hình 62: Biểu đồ hoạt động chức tìm kiếm 85 Hình 63: Biểu đồ hoạt động chức đặt hàng .86 Hình 1: Giao diện Trang chủ .95 Hình 2: Chi tiết mục sản phẩm 96 Hình 3: Chi tiết mục giỏ hàng 97 Hình 4: Chi tiết mục giỏ hàng 98 Hình 5: Thanh tốn giỏ hàng .98 Hình 6: Thanh tốn thành cơng 99 Hình 7: Giao diện đăng nhập .99 Hình 8: Giao diện đăng ký tài khoản .100 Hình 9: Hình ảnh đăng nhập Admin 100 Hình 10: Hình ảnh giao diện quản lý Admin 101 Hình 11: Hình ảnh giao diện quản lý Danh Mục Sản Phẩm 101 Hình 12: Hình ảnh giao diện quản lý sản phẩm website 102 Hình 13: Hình ảnh giao diện quản lý danh sách đặt hàng .102 Hình 14: Hình ảnh giao diện quản lý đơn hàng huỷ 103 Hình 15: Hình ảnh giao diện danh sách khách hàng .103 Hình 16: Hình ảnh giao diện danh sách khách hàng liên hệ 104 Hình 17: Hình ảnh giao diện menu 104 Hình 18: Hình ảnh giao diện slider 105 Hình 19: Hình ảnh giao diện danh sách quản trị viên .105 Hình 20: Hình ảnh giao diện thêm quản trị viên .106 Hình 21: Hình ảnh giao diện chi tiết, đánh giá, bình luận .106 Hình 22: Hình ảnh giao diện chi tiết, đánh giá, bình luận .107 3.2 Giao diện danh mục Hình 2: Chi tiết mục sản phẩm Sau bấm vào mục menu website xuất trang có nội dung tương ứng với mục Phần Body chia làm hai phần: Bên trái chứa menu dạng đứng mục lọc sản phẩm theo nhu cầu khách hàng, bên phải nội dung theo mục 96 3.3 Giao diện giỏ hàng Hình 3: Chi tiết mục giỏ hàng Sau chọn sản phẩm muốn mua, người dùng rà chuột Icon giỏ hàng thông tin sản phẩm mua tên sản phẩm, đơn giá, số lượng, 97 Hình 4: Chi tiết mục giỏ hàng Khi khách hàng ấn chọn thêm sản phẩm vào giỏ hàng, vào giỏ hàng xem sản phẩm muốn mua Trang chủ giỏ hàng loại sản phẩm, đơn giá, số lượng khách đặt, thành tiền, xố sản phẩm khách hàng khơng muốn mua Hình 5: Thanh tốn giỏ hàng Khi khách hàng lựa sản phẩm muốn xong tiếp tục bấm vào toán trang web chuyễn hướng đến trang thơng tin tốn để khách hàng để lại địa tốn thơng tin liên hệ 98 Hình 6: Thanh tốn thành cơng 3.4 Giao diện đăng nhập, đăng ký Giao diện đăng nhập Hình 7: Giao diện đăng nhập Người dùng điền thông tin tài khoản mật khẫu để tiếp tục mua hàng website 99 Giao diện đăng ký Hình 8: Giao diện đăng ký tài khoản Nếu khách hàng chưa có tài khoản để đăng nhập khách click vào TẠO TÀI KHOẢN xuất trang đăng ký hình 3.4.2 Việc khách hàng cần hồn thành vài thơng tin cần thiết xong trình đăng ký tài khoản 3.5 Giao diện Admin 3.5.1 Giao diện đăng nhập admin Hình 9: Hình ảnh đăng nhập Admin 100 3.5.2 Giao diện quản lý Admin Hình 10: Hình ảnh giao diện quản lý Admin Giao diện admin hiển thị nội dung cần thiết giúp admin dể dàng kiểm sốt tình hình kinh doanh cửa hàng Ngồi cịn giúp admin biết website có đơn hàng từ khách hàng 3.5.3 Giao diện quản lý danh mục sản phẩm Hình 11: Hình ảnh giao diện quản lý Danh Mục Sản Phẩm Hiển thị tất danh mục website cho phép người quản trị thêm, xóa, sửa danh mục sản phẩm tùy thích 101 3.5.4 Giao diện quản lý sản phẩm website Hình 12: Hình ảnh giao diện quản lý sản phẩm website Cho phép người quản trị thay đổi hình ảnh sản phẩm, xoá sản phẩm, chỉnh sửa sản phẩm thêm sản phẩm 3.5.5 Giao diện quản lý danh sách đặt hàng Hình 13: Hình ảnh giao diện quản lý danh sách đặt hàng Giúp người quản trị theo dõi tất đơn hàng website bao gồm đơn xử lý đơn hàng 102 3.5.6 Giao diện quản lý đơn hàng huỷ Hình 14: Hình ảnh giao diện quản lý đơn hàng huỷ Giúp người quản trị biết đơn hàng huỷ website 3.5.7 Giao diện danh sách khách hàng Hình 15: Hình ảnh giao diện danh sách khách hàng Giúp người quản trị biết khách hàng website Quản trị viên xố khách hàng 103 3.5.8 Giao diện danh sách khách hàng liên hệ Hình 16: Hình ảnh giao diện danh sách khách hàng liên hệ 3.5.9 Giao diện menu Hình 17: Hình ảnh giao diện menu 104 3.5.10 Giao diện slider Hình 18: Hình ảnh giao diện slider 3.5.11 Giao diện danh sách quản trị viên Hình 19: Hình ảnh giao diện danh sách quản trị viên 105 3.5.12 Giao diện thêm quản trị viên Hình 20: Hình ảnh giao diện thêm quản trị viên 3.5.13 Giao diện chi tiết, đánh giá, bình luận Hình 21: Hình ảnh giao diện chi tiết, đánh giá, bình luận 106 3.5.14 Giao diện giỏ hàng Hình 22: Hình ảnh giao diện chi tiết, đánh giá, bình luận 107 CHƯƠNG IV KẾT LUẬN 4.1 Kết đạt Với đồ án này, em hoàn thành yêu cầu đặt ra, bao gồm : Giao diện : Thiết kế sử dụng tính slide cho trang chủ, tăng tính thẩm mỹ - Hiển thị nội dung sản phẩm chi thiết khoa học - Cho phép người dùng đặt hàng trực tuyến website ứng với sản phẩm chọn - Quản trị cho phép chỉnh sửa giao diện - Quản trị cho việc thêm sản phẩm, xóa sửa sản phẩm cũ - Quản lý đơn đặt hàng cách khoa học hợp lí - Thực upload file, phục vụ việc quản lý sản phẩm 4.2 Hướng phát triển - Bổ sung hoàn thiện giao diện quản lý Admin thêm nhiều chức - Chỉnh sửa hoàn thiện trang template cho phù hợp với thiết bị - Thêm chức toán trực tuyến Visa, Paypal,… - Bổ sung chức khách hàng thân thiết, tăng chiết khấu, ưu đãi cho khách V.I.P - Tăng cường bảo mật cho website - Bảo mật CSDL SQL Server 4.3 Ưu điểm - Giao diện bắt mắt, thân thiện với người dùng, dễ sử dụng, chức rõ dễ nắm bắt - Xây dựng chức website với nhu cầu người dùng thông tin cần thiết - Quản trị viên chức dễ sử dụng 4.4 Nhược điểm - Website tồn nhiều hạn chế kinh tế hạn hẹp trình độ kiến thức có hạn - Các chức admin số hạn chế chưa kinh động - Trong thời gian tới em cố gắng cải tiến web để phù hợp với thị trường khắc phục mặt hạn chế 108 TÀI LIỆU THAM KHẢO [1] Giáo trình cơng nghệ web ứng dụng Tác giả: Khoa CNTT ĐHSP KT Hưng Yên [2] Phạm Hữu Khang - Lập trình với sở liệu [3] https://comdy.vn/asp-net-mvc/gioi-thieu-asp-net-mvc/ [4].https://vn.got-it.ai/blog/visual-studio-code-la-gi-loi-the-tu-viec-su-dung-visualstudio-cod [5] Lập trình website theo mơ hình MVC - Xây dựng ứng dụng web Đại học FPT Polytechnic [6].http://www.imic.edu.vn/tin-tuc-cong-nghe/3155/lap-trinh-c-net-mo-hinhmvctrong-asp-net-mvc.html [7] http://www mysql.com 109 110