TÌM HIỂU VỀ FRAME WORK SPRING BOOT CỦA JAVA, ỨNG DỤNG XÂY DỰNG WEBSITE BÁN SMARTPHONE NGÀNH KHOA HỌC MÁY TÍNH(Frontend+ Backend(Java)+ Datebase (mySQL)+ Lý thuyết đầy đủ từ AZ) Website chưa toàn bộ 17 usecase được chia ra cho cả Khách hàng truy cập sử dụng và người quản trị (admin) sử dụng
fzt BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI - - ĐỀ TÀI: TÌM HIỂU VỀ FRAME WORK SPRING BOOT CỦA JAVA, ỨNG DỤNG XÂY DỰNG WEBSITE BÁN SMARTPHONE NGÀNH KHOA HỌC MÁY TÍNH GVHD : ThS Đỗ Ngọc Sơn Sinh Viên : Trần Trường Anh - 2019610624 Lớp- Khóa : KHMT01 – K14 Hà Nội, 2023 MỤC LỤC MỤC LỤC DANH MỤC HÌNH ẢNH LỜI CẢM ƠN 11 MỞ ĐẦU 12 Tổng quan tình hình nghiên cứu 12 Lý chọn đề tài 12 Mục tiêu nghiên cứu 13 Đối tượng phạm vi nghiên cứu 13 Phương pháp nghiên cứu 13 Nội dung nghiên cứu 13 Kết dự kiến 14 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 15 1.1 Tìm hiểu ngôn ngữ JAVA 15 1.1.1 Khái niệm JAVA 15 1.1.2 Lịch sử hình thành phiên JAVA đời 15 1.1.3 Ưu điểm ngôn ngữ JAVA 16 1.1.4 Một số hạn chế ngôn ngữ JAVA 16 1.1.5 Ứng dụng ngôn ngữ JAVA 17 1.2 Tổng quan đề tài 18 1.2.1 Mục tiêu đề tài 18 1.2.2 Công cụ sử dụng 19 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG WEBSITE BÁN SMARTPHONE 22 Thực tập tốt nghiệp 2.1 Yêu cầu đề tài 22 2.2 Kế hoạch triển khai thực 22 2.2.1 Mô tả usecase hệ thống 22 Mô tả use case DangNhap (Đăng Nhập) 22 Mô tả use case DangKy (Đăng ký) 23 Mô tả use case DangXuat (Đăng xuất) 24 Mơ tả use case TimKiemSP (Tìm kiếm sản phẩm) 24 Mô tả use case XemGioHang (XemGioHang) 25 Mô tả use case DatHang (Đặt Hàng) 26 Mô tả use case TraCuuDonHang (Tra cứu đơn hàng) 26 Mô tả use case XemChiTietDonHangDaDat (Xem chi tiết đơn hàng đặt) 27 Mô tả use case ThemVaoGioHang (Thêm vào giỏ hàng) 28 10 Mơ tả use case XoaSanPhamTrongGioHang (Xóa sản phẩm giỏ hàng) 28 11 Mô tả use case XemDanhSachSanPhamCuaDanhMuc (Xem danh sách sản phẩm danh mục) 29 12 Mô tả use case QuanLySanPham (Quản lý sản phẩm) 30 13 Mô tả use case QuanLyDanhMuc (Quản lý danh mục) 32 14 Mô tả use case QuanLyDonHang (Quản lý đơn hàng) 33 15 Mô tả use case XemChiTietDonHangDangXuLy (Xem chi tiết đơn hàng chờ xử lí) 35 16 Mô tả use case XacNhanDonHangDangXuLy (Xác nhận đơn hàng chờ xử lý) 36 Thực tập tốt nghiệp 17 Mô tả use case XacNhanDonHangDaXuLy (Xác nhận đơn hàng chờ xử lí) 36 18 Mô tả use case XemChiTietDonHangDangGiaoHang (Xem chi tiết đơn hàng giao hàng) 37 2.2.2 Biểu đồ usecase thứ cấp hệ thống 39 Biểu đồ usecase hệ thống 39 Biểu đồ usecase thứ cấp phía Khách Hàng 40 Biểu đồ usecase thứ cấp phía Admin 40 2.2.3 Biểu đồ lớp phân tích biểu đồ trình tự usecase hệ thống 42 Usecase Đăng nhập 42 Usecase Đăng kí 43 Usecase Tìm kiếm sản phẩm 44 Usecase Xem giỏ hàng 45 Usecase Đặt hàng 46 Usecase Tra cứu đơn hàng 48 Usecase Xem chi tiết đơn hàng đặt 49 Usecase Thêm vào giỏ hàng 50 Usecase Xóa sản phảm giỏ hàng 52 Usecase Xem danh sách sản phẩm danh mục 53 Usecase Quản lý sản phẩm 55 Usecase Quản lý danh mục 57 Usecase Quản lý đơn hàng 59 Usecase Xem chi tiết đơn hàng chờ xử lý 61 Usecase Xác nhận đơn hàng chờ xử lý 62 Thực tập tốt nghiệp 2.2.4 Biểu đồ lớp hình, biểu đồ tương tác hình usecase hệ thống 63 Usecase Đăng nhập 63 Usecase Đăng kí 64 Usecase Tìm kiếm sản phẩm 65 Usecase Xem giỏ hàng 66 Usecase Đặt hàng 66 Usecase Tra cứu đơn hàng 67 Usecase Xem chi tiết đơn hàng đặt 68 Usecase Thêm vào giỏ hàng 69 Usecase Xóa sản phảm giỏ hàng 70 Usecase Xem danh sách sản phẩm danh mục 72 Usecase Quản lý sản phẩm 72 Usecase Quản lý danh mục 75 Usecase Quản lý đơn hàng 77 Usecase Xem chi tiết đơn hàng chờ xử lí 78 Usecase Xác nhận đơn hàng chờ xử lí 79 Usecase Xác nhận đơn hàng chờ xử lí 80 2.3 Thiết kế, xây dựng website hoàn chỉnh 82 DangNhap (Đăng Nhập) 82 DangKy (Đăng ký) 82 XemGioHang (XemGioHang) 82 DatHang (Đặt Hàng) 83 TraCuuDonHang (Tra cứu đơn hàng) 83 XemChiTietDonHangDaDat (Xem chi tiết đơn hàng đặt) 84 Thực tập tốt nghiệp XemDanhSachSanPhamCuaDanhMuc (Xem danh sách sản phẩm danh mục) 84 XoaSanPhamTrongGioHang (Xóa sản phẩm giỏ hàng) 84 QuanLySanPham (Quản lý sản phẩm) 85 QuanLyDanhMuc (Quản lý danh mục) 86 QuanLyDonHang (Quản lý đơn hàng) 87 XemChiTietDonHangDangXuLy (Xem chi tiết đơn hàng xử lý) 89 ThemVaoGioHang (Thêm vào giỏ hàng) 89 XacNhanDonHangDaXuLy (Xác nhận đơn hàng chờ xử lí) 89 XacNhanDonHangDangXuLy (Xác nhận đơn hàng chờ xử lí) 90 XemChiTietDonHangDangGiaoHang (Xem chi tiết đơn hàng giao hàng) 90 2.4 Cơ sở liệu 91 CHƯƠNG 3: KẾT QUẢ ĐẠT ĐƯỢC 93 3.1 Kết đạt 93 3.2 Tính khả thi đề tài nghiên cứu, thuận lợi, khó khăn 93 3.2.1 Tính khả thi 93 3.2.2 Thuận lợi trình thực báo cáo 94 3.2.3 Khó khăn trình thực báo cáo 94 KẾT LUẬN VÀ KIẾN NGHỊ 95 Kết luận 95 Kiến nghị 95 TÀI LIỆU THAM KHẢO 96 Thực tập tốt nghiệp DANH MỤC HÌNH ẢNH Hình 1: Biểu đồ usecase hệ thống 39 Hình 2: Biểu đồ usecase thứ cấp phía Khách Hàng 40 Hình 3: Biểu đồ usecase thứ cấp phía Admin 41 Hình 4: Biểu đồ lớp phân tích usecase Đăng nhập 42 Hình 5: Biểu đồ trình tự usecase Đăng nhập 42 Hình 6: Biểu đồ lớp phân tích usecase Đăng kí 43 Hình 7: Biểu đồ trình tự usecase Đăng kí 43 Hình 8: Biểu đồ lớp phân tích usecase Tìm kiếm sản phẩm 44 Hình 9: Biểu đồ trình tự usecase Tìm kiếm sản phẩm 44 Hình 10: Biểu đồ lớp phân tích usecase Xem giỏ hàng 45 Hình 11: Biểu đồ trình tự usecase Xem giỏ hàng 46 Hình 12: Biểu đồ lớp phân tích usecase Đặt hàng 47 Hình 13: Biểu đồ trình tự usecase Đặt hàng 48 Hình 14: Biểu đồ lớp phân tích usecase Tra cứu đơn hàng 48 Hình 15: Biểu đồ trình tự usecase Tra cứu đơn hàng 49 Hình 16: Biểu đồ lớp phân tích usecase Xem chi tiết đơn hàng đặt 49 Hình 17: Biểu đồ trình tự usecase Xem chi tiết đơn hàng đặt 50 Hình 18: Biểu đồ lớp phân tích usecase Thêm vào giỏ hàng 50 Hình 19: Biểu đồ trình tự usecase Thêm vào giỏ hàng 51 Hình 20: Biểu đồ lớp phân tích usecase Xóa sản phẩm giỏ hàng 52 Hình 21: Biểu đồ trình tự usecase Xóa sản phẩm giỏ hàng 52 Hình 22: Biểu đồ lớp phân tích usecase Xem danh sách sản phẩm danh mục 53 Hình 23: Biểu đồ trình tự usecase Xem danh sách sản phẩm danh mục 54 Hình 24: Biểu đồ lớp phân tích usecase Quản lý sản phẩm 55 Hình 25: Biểu đồ lớp trình tự usecase Quản lý sản phẩm 56 Hình 26: Biểu đồ lớp phân tích usecase Quản lý danh mục 57 Hình 27: Biểu đồ trình tự usecase Quản lý danh mục 59 Thực tập tốt nghiệp Hình 28: Biểu đồ lớp phân tích usecase Quản lý đơn hàng 59 Hình 29: Biểu đồ trình tự usecase Quản lý đơn hàng 60 Hình 30: Biểu đồ lớp phân tích usecase Xem chi tiết đơn hàng chờ xử lý 61 Hình 31: Biểu đồ trình tự usecase Xem chi tiết đơn hàng chờ xử lý 61 Hình 32: Biểu đồ lớp phân tích usecase Xác nhận đơn hàng chờ xử lý 62 Hình 33: Biểu đồ trình tự usecase Xác nhận đơn hàng chờ xử lý 63 Hình 34: Biểu đồ lớp hình usecase Đăng nhập 63 Hình 35: Biểu đồ tương tác hình usecase Đăng nhập 64 Hình 36: Biểu đồ lớp hình usecase Đăng kí 64 Hình 37: Biểu đồ tương tác hình usecase Đăng kí 65 Hình 38: Biểu đồ lớp hình usecase Tìm kiếm sản phẩm 65 Hình 39: Biểu đồ tương tác hình usecase Tìm kiếm sản phẩm 66 Hình 40: Biểu đồ lớp hình usecase Xem giỏ hàng 66 Hình 41: Biểu đồ tương tác hình usecase Xem giỏ hàng 66 Hình 42: Biểu đồ lớp hình usecase Đặt hàng 67 Hình 43: Biểu đồ tương tác hình usecase Đặt hàng 67 Hình 44: Biểu đồ lớp hình usecase Tra cứu đơn hàng 68 Hình 45: Biểu đồ tương tác hình usecase Tra cứu đơn hàng 68 Hình 46: Biểu đồ lớp hình usecase Xem chi tiết đơn hàng đặt 69 Hình 47: Biểu đồ tương tác hình usecase Xem chi tiết đơn hàng đặt 69 Hình 48: Biểu đồ lớp hình usecase Thêm vào giỏ hàng 70 Hình 49: Biểu đồ tương tác hình usecase Thêm vào giỏ hàng 70 Hình 50: Biểu đồ lớp hình usecase Xóa sản phẩm giỏ hàng 71 Hình 51: Biểu đồ tương tác hình usecase Xóa sản phẩm giỏ hàng 71 Hình 52: Biểu đồ lớp hình usecase Xem danh sách sản phẩm danh mục 72 Thực tập tốt nghiệp Hình 53: Biểu đồ tương tác hình usecase Xóa sản phẩm giỏ hàng 72 Hình 54: Biểu đồ lớp hình usecase Quản lý sản phẩm 73 Hình 55: Biểu đồ tương tác hình usecase Quản lý sản phẩm 74 Hình 56: Biểu đồ lớp hình usecase Quản lý danh mục 75 Hình 57: Biểu đồ tương tác hình usecase Quản lý danh mục 76 Hình 58: Biểu đồ lớp hình usecase Quản lý đơn hàng 77 Hình 59: Biểu đồ tương tác hình usecase Quản lý đơn hàng 77 Hình 60: Biểu đồ lớp hình usecase Xem chi tiết đơn hàng xử lí 78 Hình 61: Biểu đồ tương tác hình usecase Xem chi tiết đơn hàng xử lí 79 Hình 62: Biểu đồ lớp hình usecase Xác nhận đơn hàng xử lí 80 Hình 63: Biểu đồ tương tác hình usecase Xác nhận đơn hàng xử lí 80 Hình 64: Biểu đồ lớp hình usecase Xác nhận đơn hàng xử lí 81 Hình 65: Biểu đồ tương tác hình usecase Xác nhận đơn hàng xử lí 81 Hình 66: Màn hình Đăng nhập 82 Hình 67: Màn hình Đăng ký 82 Hình 68: Màn hình Xem giỏ hàng 83 Hình 69: Màn hình Đặt hàng 83 Hình 70: Màn hình Tra cưu đơn hàng 83 Hình 71: Màn hình Xem chi tiết đơn hàng đặt 84 Hình 72: Màn hình Xem danh sách sản phẩm danh mục 84 Hình 73: Màn hình Xóa sản phẩm giỏ hàng 85 Hình 74: Màn hình Xem danh sách sản phẩm( Admin) 85 Hình 75: Màn hình Thêm sản phẩm mới( Admin) 86 Hình 76: Màn hình Sửa sản phẩm mới( Admin) 86 Hình 77: Màn hình Xem danh sách danh mục( Admin) 87 Thực tập tốt nghiệp 10 Hình 78: Màn hình Thêm danh sách danh mục( Admin) 87 Hình 79: Màn hình Sửa danh sách danh mục( Admin) 87 Hình 80: Màn hình Xem danh sách đơn hàng xử lí( Admin) 88 Hình 81: Màn hình Xem danh sách đơn hàng xử lí( Admin) 88 Hình 82: Màn hình Xem danh sách đơn hàng giao( Admin) 88 Hình 83: Màn hình Xem danh sách đơn hàng thành cơng( Admin) 89 Hình 84: Màn hình Xem chi tiết đơn hàng xử lí( Admin) 89 Hình 85: Màn hình Thêm vào giỏ hàng( Admin) 89 Hình 86: Màn hình Xác nhận đơn hàng chờ xử lí( Admin) 90 Hình 87: Màn hình Xác nhận đơn hàng chờ xử lí( Admin) 90 Hình 88: Màn hình Xem chi tiết đơn hàng giao hàng( Admin) 91 Hình 89: Cơ sở liệu 91 Thực tập tốt nghiệp 82 2.3 Thiết kế, xây dựng website hồn chỉnh Hình ảnh usecase thiết kết hệ thống DangNhap (Đăng Nhập) Hình 66: Màn hình Đăng nhập DangKy (Đăng ký) Hình 67: Màn hình Đăng ký XemGioHang (XemGioHang) Thực tập tốt nghiệp 83 Hình 68: Màn hình Xem giỏ hàng DatHang (Đặt Hàng) Hình 69: Màn hình Đặt hàng TraCuuDonHang (Tra cứu đơn hàng) Hình 70: Màn hình Tra cưu đơn hàng Thực tập tốt nghiệp 84 XemChiTietDonHangDaDat (Xem chi tiết đơn hàng đặt) Hình 71: Màn hình Xem chi tiết đơn hàng đặt XemDanhSachSanPhamCuaDanhMuc (Xem danh sách sản phẩm danh mục) Hình 72: Màn hình Xem danh sách sản phẩm danh mục XoaSanPhamTrongGioHang (Xóa sản phẩm giỏ hàng) Thực tập tốt nghiệp 85 Hình 73: Màn hình Xóa sản phẩm giỏ hàng Hình QuanLySanPham (Quản lý sản phẩm) o Xem danh sách sản phẩm Hình 74: Màn hình Xem danh sách sản phẩm( Admin) o Thêm sản phẩm Thực tập tốt nghiệp 86 Hình 75: Màn hình Thêm sản phẩm mới( Admin) o Sửa sản phẩm Hình 76: Màn hình Sửa sản phẩm mới( Admin) QuanLyDanhMuc (Quản lý danh mục) o Xem danh sách danh mục Thực tập tốt nghiệp 87 Hình 77: Màn hình Xem danh sách danh mục( Admin) o Thêm danh sách danh mục Hình 78: Màn hình Thêm danh sách danh mục( Admin) o Sửa danh sách danh mục Hình 79: Màn hình Sửa danh sách danh mục( Admin) QuanLyDonHang (Quản lý đơn hàng) o Xem danh sách đơn hàng xử lý Thực tập tốt nghiệp 88 Hình 80: Màn hình Xem danh sách đơn hàng xử lí( Admin) o Xem danh sách đơn hàng xử lý Hình 81: Màn hình Xem danh sách đơn hàng xử lí( Admin) o Xem danh sách đơn hàng giao Hình 82: Màn hình Xem danh sách đơn hàng giao( Admin) o Xem danh sách đơn hàng thành cơng Thực tập tốt nghiệp 89 Hình 83: Màn hình Xem danh sách đơn hàng thành cơng( Admin) XemChiTietDonHangDangXuLy (Xem chi tiết đơn hàng xử lý) Hình 84: Màn hình Xem chi tiết đơn hàng xử lí( Admin) ThemVaoGioHang (Thêm vào giỏ hàng) Hình 85: Màn hình Thêm vào giỏ hàng( Admin) XacNhanDonHangDaXuLy (Xác nhận đơn hàng chờ xử lí) Thực tập tốt nghiệp 90 Hình 86: Màn hình Xác nhận đơn hàng chờ xử lí( Admin) Hình XacNhanDonHangDangXuLy (Xác nhận đơn hàng chờ xử lí) Hình 87: Màn hình Xác nhận đơn hàng chờ xử lí( Admin) XemChiTietDonHangDangGiaoHang (Xem chi tiết đơn hàng giao hàng) Thực tập tốt nghiệp 91 Hình 88: Màn hình Xem chi tiết đơn hàng giao hàng( Admin) 2.4 Cơ sở liệu Hình 89: Cơ sở liệu Thực tập tốt nghiệp 92 Thực tập tốt nghiệp 93 CHƯƠNG 3: KẾT QUẢ ĐẠT ĐƯỢC 3.1 Kết đạt Sau hoàn thành xong phần học lý thuyết thực hành, hoàn thành báo cáo website, em thu nhận nhiều kiến thức quan trọng cho chặng đường phát triển thân Đặc biệt khả xây dựng, sửa đổi, quản trị website bán hàng – mà website bán điện thoại thơng minh (smartphone) Ngồi em cịn học cách sử dụng ngơn ngữ JAVA việc • Tạo chương trình tính tốn • Xử lý chuỗi với hàm có sẵn • Xử lý form HTML (các thẻ input, submit, ) • Kết nối thao tác với ngôn ngữ truy vấn SQL sở liệu • Sử dụng session, cookie, Đặc biệt sau hoàn thành báo cáo thực nghiệm giúp chúng em hoàn thiệt khả viết code mình, khả giải vấn đề khảo sát hệ thống website 3.2 Tính khả thi đề tài nghiên cứu, thuận lợi, khó khăn 3.2.1 Tính khả thi • Website có đầy đủ tính trang web bán hàng cần cung cấp cho người quản trị trang web đầy đủ chức để quản lý thành phần hệ thống • Website có giao diện bắt mắt, thân thiện với người truy cập nên đưa vào sử dụng ưa chuộng • Website tốn thời gian hồn thành nên đưa vào sử dụng chi phí bảo trì Thực tập tốt nghiệp 94 3.2.2 Thuận lợi trình thực báo cáo Phần tài liệu lý thuyết giáo viên cung cấp đầy đủ trình học thực 3.2.3 Khó khăn q trình thực báo cáo • Trong q trình thực xây dụng website, địi hỏi phải có kiến thức sâu rộng ngơn ngữ JAVA, HTML, CSS • Q trình thực địi hỏi cần nhiều thời gian để thực cách hoàn chỉnh, đầy đủ Thực tập tốt nghiệp 95 KẾT LUẬN VÀ KIẾN NGHỊ Kết luận Sau hoàn thành báo cáo thực nghiệm, em nhận lại nhiều học kinh nghiệm từ trình hồn thành báo cáo cụ thể : • Cần thực đặc tả usecase thật tốt trước vào q trình thực code • Cần thực phác thảo hình usecase để thực làm dễ dàng, nhanh chóng đặc biệt tránh sửa đổi ngồi ý muốn • Thực làm sớm để hồn thiện đầy đủ, thời gian Kiến nghị Để sản phẩm phát triển hơn, em thực đề xuất số hướng phát triển tương lai cho sản phẩm: - Cải thiện giao diện người dùng - Thêm số chức toán online, tạo chatbot - Quảng bá sản phẩm đến nhiều người hơn,… Thực tập tốt nghiệp 96 TÀI LIỆU THAM KHẢO [1] Giáo trình Thiết kế Web, trường Đại học Công nghiệp Hà Nội, NXB Thanh Niên, 2019 [2] Trần Phương Nhung, Giáo trình Lập Trình web, NXB Giáo dục Thực tập tốt nghiệp