Xây dựng website bán hàng trực tuyến cho cửa hàng happy herb dựa trên nền tảng laravel

ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KINH TẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ ̣c K in h tê ́H uê ́ -  - KHÓA LUẬN TỐT NGHIỆP ho XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN CHO CỬA HÀNG HAPPY.HERB DỰA TRÊN NỀN Đ ại TẢNG LARAVEL NGUYỄN THỊ BẢO TRÂM Tr ươ ̀ng SINH VIÊN THỰC HIỆN Khóa 2019-2023 ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KINH TẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ ̣c K in h tê ́H uê ́ -  - KHÓA LUẬN TỐT NGHIỆP ho XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN CHO CỬA HÀNG HAPPY.HERB DỰA TRÊN NỀN Đ ại TẢNG LARAVEL TS Hoàng Hữu Trung Sinh viên thực Nguyễn Thị Bảo Trâm Mã sinh viên 19K4081031 Lớp K53 Tin Học Kinh Tế Tr ươ ̀ng Giảng viên hướng dẫn Huế 12/2022 LỜI CẢM ƠN Lời đầu tiên, em xin chân thành gửi lời cám ơn đến ban giám giám hiệu Trường uê ́ Đại học Kinh Tế - Đại Học Huế tạo điều kiện để cá nhân em bạn sinh viên có điều kiện tốt để có tập cuối khóa tốt Em xin cảm ơn quý tê ́H thầy cô khoa Hệ Thống Thông Tin Kinh Tế tâm huyết truyền đạt lại kiến thức kinh nghiệm suốt năm qua Đặc biệt, em xin tỏ lòng biết ơn đến thầy TS Hồng Hữu Trung tận tình giúp đỡ, dành nhiều thời gian công sức để hướng dẫn h em hồn thành khóa luận in Và em xin dành lời cảm ơn đến quý cơng ty TNHH MTV SNAPTEC tận tình hướng dẫn em tập vừa qua Trong có anh Nguyễn Xuân Phú ̣c K người trực tiếp hướng dẫn, động viên giúp đỡ em q trình thực tập cơng ty ho Một điều em tự hào lấy làm hãnh diện có gia đình người thân ln kề bên ủng hộ em suốt năm đại học Và bạn sinh viên lớp K53 THKT đồng hành em, vượt qua khó khăn giúp đỡ Đ ại vượt qua Tuy cố gắng song kiến thức mn vàn hạn chế thời gian ̀ng nên trình làm khóa luận cịn nhiều sai sót Rất mong góp ý q thầy để báo cáo em hoàn thiện ươ Em xin chân thành cảm ơn Tr Sinh viên Nguyễn Thị Bảo Trâm I Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung MỤC LỤC LỜI CẢM ƠN .I MỤC LỤC II uê ́ DANH MỤC BẢNG BIỂU VII DANH MỤC HÌNH ẢNH VIII tê ́H DANH MỤC THUẬT NGỮ X PHẦN I: MỞ ĐẦU 1.1 Lý chọn đề tài 1.2 Mục tiêu nghiên cứu in h 1.2.1 Mục tiêu tổng quát .4 1.2.2 Mục tiêu cụ thể .4 ̣c K 1.3 Đối tượng phạm vi nghiên cứu 1.3.1 Đối tượng nghiên cứu ho 1.3.2 Phạm vi nghiên cứu .5 1.4 Phương pháp nghiên cứu Đ ại 1.4.1 Phương pháp thu thập thông tin 1.4.2 Phương pháp phát triển hệ thống thông tin 1.5 Các công trình nghiên cứu liên quan ̀ng 1.6 Nội dung khóa luận ươ CHƯƠNG I: CƠ SỞ LÝ THUYẾT VỀ VIỆC XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN Tr 1.1 Tổng quan Website hoạt động bán hàng trực tuyến 1.1.1 Khái niệm thương mại điện tử 1.1.2 Lợi ích bán hàng trang thương mại điện tử .9 1.1.3 Khó khăn bán hàng trang thương mại điện tử 10 1.1.4 Các loại hình TMĐT 10 SVTH: Nguyễn Thị Bảo Trâm – K53 THKT II Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung 1.1.5 Giới thiệu chung Website 11 1.2 Kiến trúc Model-View-Controller (MVC) 12 1.3 Hệ quản trị sở liệu MySQL 13 1.4 phpMyAdmin 14 uê ́ 1.5 XAMPP 16 1.6 Framework Laravel 17 tê ́H 1.7 Tổng quan ngôn ngữ hỗ trợ xây dựng website 18 1.7.1 Ngơn ngữ lập trình PHP 18 1.7.2 Ngôn ngữ HTML 18 in h 1.7.3 Ngôn ngữ Cascading Style Sheet - CSS 20 ̣c K 1.7.4 Ngôn ngữ lập trình JavaScript 21 1.7.5 jQuery 22 ho CHƯƠNG II: KHẢO SÁT, PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG THÔNG TIN CHO CỬA HÀNG HAPPY.HERB 24 2.1 Tổng quan cửa hàng Happy.Herb 24 Đ ại 2.2 Phân tích thiết kế hệ thống thông tin 25 2.2.1 Mô tả hệ thống cửa hàng Happy.Herb 25 2.2.2 Sơ lược hệ thống bán hàng cửa hàng Happy.Herb 26 ̀ng 2.2.3 Các yêu cầu chức hệ thống 27 2.2.4 Phân tích mơ hình Strengths – Weaknesses – Opportunities – ươ Threats (SWOT) 28 Tr 2.2.6 Biểu đồ Usecase 31 2.2.7 Biểu đồ 34 2.2.8 Phân tích chức website 38 2.2.8.1 Mơ tả chức quản lý loại hàng hóa 38 2.2.8.2 Mô tả chức quản lý thống kê 39 SVTH: Nguyễn Thị Bảo Trâm – K53 THKT III Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung 2.2.8.3 Mô tả chức quản lý đơn hàng 40 2.2.8.4 Mô tả chức đặt hàng 41 2.2.8.5 Mô tả chức quản lý nhân viên 42 uê ́ 2.3 Phân tích thiết kế sở liệu 44 2.3.1 Xác định thực thể thuộc tính tương ứng thực thể tê ́H 44 2.3.1.1 Thực thể CONTENT 44 2.3.1.2 Thực thể CUSTOMER 44 h 2.3.1.3 Thực thể Order 44 in 2.3.1.4 Thực thể PRODUCT 45 ̣c K 2.3.1.5 Thực thể PRODUCER 45 2.3.1.6 Thực thể USERGROUP 45 ho 2.3.1.7 Thực thể ORDERDETAIL 45 Đ ại 2.3.1.8 Thực thể CATEGORY 45 2.3.2 Xác định mối quan hệ thực thể đôi tiến hành vẽ sơ đồ thực thể mối quan hệ 46 ̀ng 2.3.2.1 Xác định mối quan hệ thực thể đôi 46 2.3.2.2 Sơ đồ thực thể mối quan hệ 47 ươ 2.3.2.3 Xác định khóa cho thực thể 47 Tr 2.3.2.4 Chuyển đổi sở liệu 48 2.4 Mơ hình liệu quan hệ 49 2.5 Thiết kế hệ thống thông tin 49 2.5.1 Bảng liệu Customer 49 2.5.2 Bảng liệu Order 51 SVTH: Nguyễn Thị Bảo Trâm – K53 THKT IV Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung 2.5.3 Bảng liệu Product 52 2.5.4 Bảng liệu Tinhthanhpho 54 2.5.5 Bảng liệu User 54 uê ́ CHƯƠNG III: XÂY DỰNG HỆ THỐNG BÁN HÀNG TRỰC TUYẾN CHO HỆ THỐNG CỬA HÀNG HAPPY.HERB 56 tê ́H 3.1 Thiết kế giao diện 56 3.1.1 Giao diện trang chủ 56 3.1.2 Giao diện đăng ký tài khoản 58 h 3.1.3 Giao diện sản phẩm 58 in 3.1.4 Giao diện thông tin đơn hàng 59 ̣c K 3.1.5 Giao diện gửi mail xác nhận đơn hàng 60 3.1.6 Giao diện quản lý đơn hàng 61 ho 3.1.7 Giao diện quản lý sản phẩm 62 3.1.8 Giao diện thống kê 63 Đ ại PHẦN III: KẾT LUẬN 64 3.1 Kết đạt 64 3.2 Hạn chế 64 ̀ng 3.3 Hướng phát triển đề tài 65 DANH MỤC TÀI LIỆU THAM KHẢO 66 ươ PHỤ LỤC 68 Tr 3.1 Mô tả chức đăng nhập 76 3.2 Mô tả chức đăng xuất 77 3.3 Mô tả chức đăng ký 78 3.4 Mô tả chức quản lý liên hệ khách hàng 78 3.5 Mô tả chức quản lý tin tức 79 3.6 Chức quản lý nhà cung cấp 80 4.1 Bảng liệu Category 82 SVTH: Nguyễn Thị Bảo Trâm – K53 THKT V Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung 4.2 Bảng liệu Config 83 4.3 Bảng liệu Contact 84 4.4 Bảng liệu Content 85 4.5 Bảng liệu Order Detail 86 uê ́ 4.6 Bảng liệu Producer 87 4.7 Bảng liệu Quanhuyen 88 tê ́H 4.8 Bảng liệu Usergroup 89 5.1 Giao diện đăng nhập trang quản lý 90 5.2 Giao diện tin tức 90 h 5.3 Giao diện giỏ hàng 91 Tr ươ ̀ng Đ ại ho ̣c K in 5.4 Giao diện quản lý tin tức 91 SVTH: Nguyễn Thị Bảo Trâm – K53 THKT VI Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung DANH MỤC BẢNG BIỂU Bảng 1: Bảng biểu phân tích mơ hình SWOT 28 uê ́ Bảng 2: Danh sáng ý nghĩa tác nhân hệ thống .29 tê ́H Bảng 8: Bảng liệu Customer 49 Bảng 9: Bảng liệu Order 51 Bảng 2.10: Bảng liệu Product 43 in h Bảng 2.11: Bảng liệu Tinhthanhpho 44 Tr ươ ̀ng Đ ại ho ̣c K Bảng 2.12: Bảng liệu User .45 SVTH: Nguyễn Thị Bảo Trâm – K53 THKT VII Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung DANH MỤC HÌNH ẢNH ́ Hình ảnh 1: Biểu đồ quy mô thị trường TMĐT Việt Nam giai đoạn 2017-2025 .2 Hình ảnh 2: Tỷ lệ người mua sắm trực tuyến tổng số người mua sắm trực tê ́H tuyến Hình ảnh 3: số lượt truy cập website TMĐT toàn cầu từ tháng 1/2019 đến tháng ảnh 1: Logo hàng in Hình h 6/2020 (tỷ lượt) ̣c K Happy.Herb 24 Hình ảnh 2: Biểu đồ Usercase tổng quát 31 ho Hình ảnh 3: Biểu đồ Usercase quản trị viên 32 Đ ại Hình ảnh 4: Biểu đồ Usercase khách hàng 33 Hình ảnh 6: Biểu đồ quản lý loại sản phẩm 35 ̀ng Hình ảnh 7: Biểu đồ quản lý thống kê 36 ươ Hình ảnh 1: Giao diện trang chủ .57 Tr Hình ảnh 2: Giao diện đăng ký tài khoản 58 Hình ảnh 3: Giao diện đăng nhập trang quản lý Error! Bookmark not defined Hình ảnh 4: Giao diện sản phẩm .59 Hình ảnh 5: Giao diện tin tức Error! Bookmark not defined SVTH: Nguyễn Thị Bảo Trâm – K53 THKT VIII Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung 3.3 Mô tả chức đăng ký Đăng ký Tác nhân Nhóm người dùng Điều kiện đầu vào Khách hàng có nhu cầu tạo tài khoản Luồng kiện - Khách hàng nhấp vào nút “Đăng ký” để tạo tài khoản h tê ́H uê ́ Tên chức ̣c K in - Hệ thống điều hướng đến trang đăng ký tài khoản - Người dùng nhập đầy đủ thông tin ho - Nhấn vào nút “Đăng ký” - Hệ thống kiểm tra thông tin Nếu đúng, hiển thị thông báo Đ ại đăng ký thành công Nếu sai, báo lỗi yêu cầu khách hàng nhập lại thông tin để đăng nhập tài khoản đăng ký vào hệ thống ươ ̀ng - Khách hàng nhấn vào nút đăng nhập, điền đầy đủ thông tin Tr 3.4 Mô tả chức quản lý liên hệ khách hàng Tên chức Quản lý liên hệ khách hàng Tác nhân Nhóm người quản trị hệ thống SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 78 Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung Người quản trị đăng nhập vào hệ thống Luồng kiện - Người quản trị đăng nhập vào hệ thống uê ́ Điều kiện đầu vào - Nhấp vào “Liên hệ” giao diện tê ́H - Tại giao diện quản lý liên hệ, dịng tương ứng với liên hệ, có nút: trạng thái, sửa, xóa - Chọn nút tương ứng với chức cần xử lý in h giao diện Quản lý tin tức ho Tên chức ̣c K 3.5 Mô tả chức quản lý tin tức Nhóm người quản trị hệ thống Đ ại Tác nhân ươ ̀ng Điều kiện đầu vào Tr Luồng kiện - Người quản trị đăng nhập vào hệ thống - Đã thêm tin tức vào hệ thống - Người quản trị đăng nhập vào hệ thống - Nhấp vào “Tin tức” giao diện quản lý - Thêm tin tức: SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 79 Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung + Nhấp vào nút “Thêm mới” giao diện + Điền đầy đủ thông tin trang thêm uê ́ viết tê ́H + Nhấp vào nút “Lưu” để lưu tin tức + Hệ thống thông báo lưu tin tức thành công in h - Ẩn - hiện, sửa, xóa tin tức: + Tại giao diện quản lý: dòng ̣c K tương ứng với tin tức có nút: trạng thái, sửa, xóa ho - Chọn nút tương ứng với chức Đ ại cần xử lý giao diện 3.6 Chức quản lý nhà cung cấp ươ ̀ng Tên chức Tr Tác nhân Quản lý nhà cung cấp Nhóm người quản trị viên Điều kiện đầu vào Không Luồng kiện - Quản trị viên tiến hành đăng nhập vào SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 80 Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung hệ thống quản lý - Nhấp vào nút “Nhà cung cấp” giao - Thêm nhà cung cấp: uê ́ diện tê ́H + Nhấp vào nút “Thêm mới” để thêm nhà cung cấp h + Điền đầy đủ thông tin yêu cầu in + Nhấn vào nút “Lưu” để thêm ̣c K nhà cung cấp + Hệ thống thông báo thêm thành công nhà cung cấp điền đầy đủ ho thông tin Báo lỗi nhập sai thông tin Tr ươ ̀ng Đ ại - Kích hoạt trạng thái, chỉnh sửa, xóa nhà cung cấp: + Tại giao diện quản lý nhà cung cấp, dòng tương ứng với nhà cung cấp có nút như: trạng thái, sửa, xóa + Chọn nút tương ứng với chức cần xử lý giao diện Phụ lục 4: Phân tích sở liệu SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 81 Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung 4.1 Bảng liệu Category Tên trường Kiểu liệu Kích thước Ràng buộc id int 11 Khóa name varchar 255 link varchar 255 level int parentid int orders color ho ̣c K varchar Đ ại ̀ng created_at ươ in h tê ́H uê ́ STT datetime created_by varchar 10 updated_at datetime 11 updated_by varchar Tr varchar 11 SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 255 2555 82 Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung trash tinyint 13 access tinyint 14 status tinyint 15 metakey varchar 155 16 metadesc varchar 155 h ̣c K in Kích thước Ràng buộc 11 Khóa Tên trường id mail_smtp varchar 64 smallint mail_info varchar 64 mail_noreply varchar 64 Đ ại int ươ Tr Kiểu liệu ho STT ̀ng 4.2 Bảng liệu Config mail_port tê ́H uê ́ 12 SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 83 Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung varchar priceship mediumtext title varchar description text 10 keyword text 64 100 h ̣c K in Kích thước Ràng buộc 11 Khóa Tên trường id title varchar 255 varchar 15 email varchar 255 content varchar 255 Đ ại int ươ Tr Kiểu liệu ho STT ̀ng 4.3 Bảng liệu Contact phone uê ́ mail_password tê ́H SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 84 created_at datetime view int 11 status int 11 trash int 11 10 fullname varchar 80 Kích thước Ràng buộc 11 Khóa Tên trường id title varchar 255 varchar 255 Đ ại int alias ươ Tr Kiểu liệu ho STT ̀ng 4.4 Bảng liệu Content ̣c K in h uê ́ GVHD: Hồng Hữu Trung tê ́H Khóa luận tốt nghiệp introtext mediumtext fulltext mediumtext SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 85 Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung datetime created_by varchar modified datetime 10 modified_by varchar 11 trash tinyint 12 access tinyint 13 status 14 metakey ho tinyint Đ ại ̀ng metadesc 50 50 1 varchar 155 varchar 155 Tr ươ 15 uê ́ created tê ́H 255 h varchar in img ̣c K 4.5 Bảng liệu Order Detail SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 86 Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung Tên trường Kiểu liệu Kích thước Ràng buộc id int 11 Khóa orderid int 11 productid int 11 count int 11 price int trash int status in h tê ́H uê ́ STT ho ̣c K 11 Đ ại tinyint ̀ng 4.6 Bảng liệu Producer Tên trường Kiểu liệu Kích thước Ràng buộc id int 10 Khóa name varchar 255 ươ STT Tr SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 87 Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung code varchar 100 keyword varchar 255 created_at datetime created_by int modified datetime modified_by int status int 10 trash in h 11 tê ́H uê ́ ho ̣c K 11 11 Đ ại int 11 ̀ng 4.7 Bảng liệu Quanhuyen Tên trường Kiểu liệu Kích thước Ràng buộc maqh varchar Khóa name varchar 100 ươ STT Tr SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 88 Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung type varchar 30 matp varchar uê ́ tê ́H 4.8 Bảng liệu Usergroup Tên trường Kiểu liệu Kích thước Ràng buộc id int 11 Khóa name varchar created datetime created_by modified Tr ho in ̣c K 255 int 11 Đ ại ̀ng modified_by datetime int 11 trash tinyint access tinyint ươ h STT SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 89 Khóa luận tốt nghiệp status GVHD: Hoàng Hữu Trung tinyint uê ́ Phụ lục 5: Thiết kế giao diện tê ́H 5.1 Giao diện đăng nhập trang quản lý - Giao diện trang quản lý nơi cho phép người quản trị đăng nhập để quản lý Đ ại ho ̣c K in h thông tin ̀ng 5.2 Giao diện tin tức Tr ươ - Khách hàng xem tin tức mà nhóm người quản trị hệ thống đăng SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 90 Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung tải Từ có thêm nhiều thơng tin bổ ích 5.3 Giao diện giỏ hàng - Sau thêm sản phẩm vào giỏ hàng khách hàng vào giỏ hàng để xem uê ́ sản phẩm thêm từ xóa sản phẩm tăng số lượng sản Đ ại ho ̣c K in h tê ́H phẩm có giỏ hàng Hình ảnh 7: Giao diện giỏ hàng ̀ng 5.4 Giao diện quản lý tin tức ươ - Giao diện quản lý tin tức nơi mà nhóm người quản trị thêm tin Tr tức mới, xóa sửa tin tức chí ẩn tin tức SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 91 GVHD: Hoàng Hữu Trung in h tê ́H uê ́ Khóa luận tốt nghiệp Tr ươ ̀ng Đ ại ho ̣c K KẾT QUẢ KIỂM TRA ĐẠO VĂN SVTH: Nguyễn Thị Bảo Trâm - K53 THKT 92 ... hoạt động kinh doanh cửa hàng Happy. Herb nên tác giả định chọn đề tài “XÂY DỰNG WEBSITE BÁN HÀNG TRỰC ho TUYẾN CHO CỬA HÀNG HAPPY. HERB DỰA TRÊN NỀN TẢNG LARAVEL? ?? Nhằm hỗ trợ cho doanh nghiệp, tổ... việc uê ́ xây dựng website - Nghiên cứu tảng Laravel để xây dựng phát triển ứng dụng web sản phẩm cửa hàng - Xây dựng chức quản lý cho trang web tê ́H - Xây dựng Website bán hàng trực tuyến nhằm... cửa hàng Happy. Herb Các cửa hàng thay kinh doanh theo hình thức trực tiếp cửa hàng có tê ́H thêm nhiều hình thức bn bán trực tuyến mới, đa tảng Ngày cửa hàng ngày bán nhiều đơn dựa vào việc bán