Đề Tài Tốt Nghiệp: Xây Dựng Website Bán Giày Trực Tuyến Bằng VueJS và Spring Boot

Khám phá đồ án tốt nghiệp xây dựng website bán giày trực tuyến sử dụng Vue.js và Spring Boot, giải pháp tối ưu cho thương mại điện tử.

Người đăng

Ẩn danh

Thể loại

Đồ Án Tốt Nghiệp

2022

68
4
0

Phí lưu trữ

30 Point

Mục lục chi tiết

LỜI CẢM ƠN

1. CHƯƠNG 1: KHẢO SÁT HỆ THỐNG

1.1. Giới thiệu đề tài

1.2. Lý do chọn đề tài

1.3. Khảo sát chi tiết

1.3.1. Đối tượng và phương pháp khảo sát

1.3.2. Thực trạng hiện tại

1.4. Kết quả sơ bộ

1.5. Các phương pháp và công nghệ thực hiện đề tài

2. CHƯƠNG 2: CỞ SỞ LÝ THUYẾT

2.1. Ngôn ngữ lập trình Java

2.1.1. Khái niệm

2.1.2. Đặc điểm

2.1.2.1. Hướng đối tượng hoàn toàn
2.1.2.2. Độc lập phần cứng và hệ điều hành
2.1.2.3. Ngôn ngữ thông dịch
2.1.2.4. Cơ chế thu gom rác
2.1.2.5. Tính an toàn và bảo mật

2.1.3. Ứng dụng của ngôn ngữ Java

2.2. Spring Boot

2.2.1. Khái niệm

2.2.2. Ưu điểm nổi bật của Spring Boot

2.3. VueJs

2.3.1. Khái niệm

2.3.2. Ưu và nhược điểm

3. CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG

3.1. Thiết kế hệ thống

3.1.1. Xác định yêu cầu của hệ thống

3.1.2. Các yêu cầu chức năng

3.1.3. Các yêu cầu phi chức năng

3.2. Biểu đồ use case tổng quát và bảng CSDL

3.2.1. Biểu đồ use case tổng quát

3.2.2. Biểu đồ các lớp Entity của hệ thống

3.3. Mô tả chi tiết các use case

3.3.1. Use case “Đăng nhập”

3.3.2. Use case “Đăng ký”

3.3.3. Use case “Xem danh sách sản phẩm”

3.3.4. Use case “Xem chi tiết sản phẩm”

3.3.5. Use case “Tìm kiếm sản phẩm”

3.3.6. Use case “Thêm vào giỏ hàng”

3.3.7. Use case “Xem danh sách sản phẩm trong giỏ hàng”

3.3.8. Use case “Xóa sản phẩm trong giỏ hàng”

3.3.9. Use case “Xem lịch sử mua hàng”

3.3.10. Use case “Huỷ đơn hàng”

3.3.11. Use case “Đặt hàng”

3.3.12. Use case “Đăng nhập hệ thống quản lý”

3.3.13. Use case “Quản lý sản phẩm”

3.3.14. Use case “Quản lý đơn hàng”

4. CHƯƠNG 4: KẾT QUẢ ĐẠT ĐƯỢC

4.1. Giao diện hoàn chỉnh và những điều đã làm được

4.1.1. Giao diện hoàn chỉnh

4.1.2. Giao diện trang chủ

TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng Quan Về Xây Dựng Website Bán Giày Trực Tuyến

Xây dựng website bán giày trực tuyến là một trong những xu hướng phát triển mạnh mẽ trong thời đại số. Với sự gia tăng của thương mại điện tử, việc tạo ra một nền tảng trực tuyến cho phép khách hàng dễ dàng tìm kiếm và mua sắm giày dép trở nên cần thiết hơn bao giờ hết. Sử dụng công nghệ như VueJS cho phát triển frontend và Spring Boot cho backend, việc xây dựng một website không chỉ giúp tăng cường trải nghiệm người dùng mà còn tối ưu hóa quy trình quản lý đơn hàng.

1.1. Lợi Ích Của Website Bán Giày Trực Tuyến

Website bán giày trực tuyến giúp tiết kiệm thời gian cho khách hàng, cho phép họ dễ dàng tìm kiếm và so sánh sản phẩm. Hơn nữa, việc quản lý kho hàng và đơn hàng trở nên hiệu quả hơn với các công cụ hỗ trợ từ Spring Boot.

1.2. Công Nghệ Sử Dụng Trong Xây Dựng Website

Sử dụng VueJS cho phát triển giao diện người dùng giúp tạo ra trải nghiệm mượt mà và tương tác tốt. Spring Boot cung cấp một nền tảng vững chắc cho việc phát triển backend, giúp xử lý các yêu cầu từ người dùng một cách nhanh chóng và an toàn.

II. Thách Thức Trong Việc Xây Dựng Website Bán Giày

Mặc dù việc xây dựng website bán giày trực tuyến mang lại nhiều lợi ích, nhưng cũng không thiếu những thách thức. Các vấn đề như bảo mật thông tin khách hàng, quản lý kho hàng hiệu quả và tối ưu hóa SEO cho website là những yếu tố cần được chú trọng.

2.1. Bảo Mật Thông Tin Khách Hàng

Bảo mật thông tin là một trong những yếu tố quan trọng nhất trong thương mại điện tử. Cần áp dụng các biện pháp bảo mật như mã hóa dữ liệu và xác thực người dùng để đảm bảo an toàn cho thông tin khách hàng.

2.2. Quản Lý Kho Hàng Hiệu Quả

Quản lý kho hàng là một thách thức lớn đối với các cửa hàng trực tuyến. Cần có hệ thống quản lý kho hàng thông minh để theo dõi tình trạng hàng hóa và tự động cập nhật khi có đơn hàng mới.

III. Phương Pháp Xây Dựng Website Bán Giày Bằng VueJS và Spring Boot

Để xây dựng một website bán giày hiệu quả, cần áp dụng các phương pháp và công nghệ hiện đại. Việc kết hợp VueJSSpring Boot sẽ giúp tạo ra một hệ thống mạnh mẽ và linh hoạt.

3.1. Thiết Kế Giao Diện Người Dùng Với VueJS

Sử dụng VueJS để thiết kế giao diện người dùng giúp tạo ra trải nghiệm mượt mà và dễ dàng tương tác. Các thành phần giao diện có thể được tái sử dụng, giúp tiết kiệm thời gian phát triển.

3.2. Phát Triển Backend Với Spring Boot

Sử dụng Spring Boot để phát triển backend giúp xử lý các yêu cầu từ người dùng một cách nhanh chóng và an toàn. Hệ thống có thể mở rộng dễ dàng khi cần thiết.

IV. Ứng Dụng Thực Tiễn Của Website Bán Giày

Website bán giày trực tuyến không chỉ giúp tăng doanh thu mà còn tạo ra nhiều cơ hội tiếp cận khách hàng mới. Việc áp dụng các công nghệ hiện đại giúp cải thiện quy trình bán hàng và quản lý kho.

4.1. Tăng Doanh Thu Qua Kênh Trực Tuyến

Việc có một website bán giày trực tuyến giúp tăng doanh thu bằng cách tiếp cận được nhiều khách hàng hơn. Khách hàng có thể dễ dàng tìm kiếm và đặt hàng mà không cần phải đến cửa hàng.

4.2. Cải Thiện Quy Trình Quản Lý Đơn Hàng

Hệ thống quản lý đơn hàng thông minh giúp theo dõi tình trạng đơn hàng và kho hàng một cách hiệu quả. Điều này giúp giảm thiểu sai sót và tăng cường sự hài lòng của khách hàng.

V. Kết Luận Về Xây Dựng Website Bán Giày Trực Tuyến

Xây dựng website bán giày trực tuyến bằng VueJSSpring Boot là một giải pháp hiệu quả cho các cửa hàng muốn mở rộng kinh doanh. Việc áp dụng công nghệ hiện đại không chỉ giúp cải thiện trải nghiệm người dùng mà còn tối ưu hóa quy trình quản lý.

5.1. Tương Lai Của Thương Mại Điện Tử

Thương mại điện tử sẽ tiếp tục phát triển mạnh mẽ trong tương lai. Các cửa hàng cần nhanh chóng thích nghi với xu hướng này để không bị bỏ lại phía sau.

5.2. Cơ Hội Cho Các Doanh Nghiệp Nhỏ

Website bán giày trực tuyến mở ra nhiều cơ hội cho các doanh nghiệp nhỏ. Việc đầu tư vào công nghệ sẽ giúp họ cạnh tranh tốt hơn trên thị trường.

11/07/2025

Trích đoạn nội dung tài liệu

CHƯƠNG 1: KHẢO SÁT HỆ THỐNG 1. Giới thiệu đề tài 1.1 Tên đề tài “Xây dựng website bán giày trực tuyến VueJS và Spring Boot”.1 Lý do chọn đề tài Ngày nay cùng với sự phát triển vô cùng mạnh mẽ của cuộc cách mạng 4.0 thì việc mua sắm online đã không còn là điều gì xa lạ đối với mọi người. Chính vì vậy việc áp dụng công nghệ thông tin vào kinh doanh đang là lối đi của rất nhiều cửa hàng hay doanh nghiệp. Các cửa hàng sẽ rất cần kết hợp các yếu tố công nghệ để phát triển không ngừng.

Đó sẽ là một cầu nối rất tốt để kết nối khách hàng với các shop, các cửa hàng. Và một website cho phép xem và mua sản phẩm sẽ là một phương án khả quan để làm được điều này. Khách hàng có thể dễ dàng tìm hiểu sản phẩm và có thể mua trực tiếp. Còn bên của hàng sẽ dễ dàng quản lý các đơn đặt hàng của mình hơn và cung cấp cho khách hàng những thông tin mới nhất về sản phẩm hay của hàng của mình.

Nhận thấy đây là một cơ hội tốt để áp dụng được các kiến thức mà bản thân đã tích lũy được vào đời sống thực tế em đã chọn đề tài “Xây dựng website bán giày trực tuyến VueJS và Spring Boot”. - Tìm kiếm thông tin. - Đọc hiểu tài liệu. - Ghi chép, phỏng vấn những người có hiểu biết về VueJs và Java - Cài đặt và sử dụng Visual Studio Code và IntelliJ IDEA 1.1 Mục tiêu - Tạo ra mô ̣t website bán giày cho các chủ cửa hàng và các khách hàng trực tuyến.

- Quản lý việc nhâ ̣p, xuất hàng dễ dàng với quy mô lớn hơn. - Quảng bá thương hiện trên nhiều phương tiện dễ dàng hơn. - Tiếp câ ̣n với nhiều khách hàng hơn, giúp bán được nhiều hàng và tiết kiệm thời gian mua hàng cho khách hàng. 3 Downloaded by ANH BACH (bachvan15@gmail.

Khảo sát chi tiết 1.1 Đối tượng và phương pháp khảo sát - Đối tượng: Khách hàng. - Phương pháp: Phỏng vấn, lấy ý kiến trực tiếp. - Mục đích: Làm rõ yêu cầu của khách hàng đối với website. Nghiên cứu sản phẩm, các biểu mẫu, quy trình giao dịch hàng.2 Thực trạng hiện tại - Theo dữ liệu thu thâ ̣p từ khảo sát tại Hoa Kỳ, doanh thu thương mại điện tử năm 2020 tăng 32, 2% so với cùng kỳ năm 2019, đạt 188, 2 tỷ USD – con số này mô ̣t phần bắt nguồn từ việc người tiêu dùng phải ở nhà và mua sắm qua mạng do yêu cầu về giãn cách trong đại dịch.

- Mô ̣t thống kê khác tại Hoa Kỳ cho thấy 70% người được khảo sát mua sắm qua mạng nhiều hơn trước đại dịch, trong đó có 36% mua sắm qua mạng nhiều hơn rất nhiều. - Tại Việt Nam, theo Sách trắng Thương mại điện tử năm 2021, tỷ lệ người dùng internet tham gia mua sắm trực tuyến đã tăng từ 77% trong năm 2019 lên 88% trong năm 2020. - Đáp ứng các nhu cầu tiêu dùng của bản thân và gia đình, đồng thời đảm bảo yếu tố an toàn: Trong bối cảnh giãn cách, phong tỏa, gần như “đóng 6 băng” mọi hoạt đô ̣ng thì nhu cầu của người tiêu dùng vẫn hiện hữu, đặc biệt là những nhu cầu cơ bản như ăn, mặc, bảo vệ và nâng cao sức khỏe. Mua sắm qua mạng giúp người tiêu dùng đáp ứng được những nhu cầu này mà vẫn đảm bảo yếu tố an toàn do không phải di chuyển đến nhiều địa điểm mua sắm.

- Tiện lợi, nhanh chóng: Người tiêu dùng không phải xếp hàng chờ đợi như mua sắm truyền thống. Người tiêu dùng chỉ cần ở nhà, lên mạng chọn mua và chờ vâ ̣n chuyển hàng đến nhà. - Tạm thời xoa dịu tâm trạng trong bối cảnh nguy hiểm của đại dịch: Khi việc giãn cách/phong tỏa diễn ra trong thời gian dài, người tiêu dùng dễ rơi vào trạng thái tiêu cực như buồn chán, cô đơn, có xu hướng dễ cáu 4 Downloaded by ANH BACH (bachvan15@gmail.com) lOMoARcPSD|39150642 giâ ̣n, bực bô ̣i… mua sắm qua mạng là mô ̣t trong những phương thức giải tỏa tạm thời những cảm xúc này. - Tạo cảm giác “kết nối”: Khi phải thực hiện giãn cách/phong tỏa trong thời gian dài dẫn tới việc không được tiếp xúc với người khác, mua sắm qua mạng giúp tạo cảm giác “kết nối” tới xã hô ̣i thông qua các thông báo đặt hàng, thanh toán, vâ ̣n chuyển được gửi qua tin nhắn/email của người tiêu dùng.

- Chưa hỗ trợ cho nhân viên và chủ cửa hàng thực hiện các nghiệp vụ tốt. - Các nghiệp vụ thường xuyên như nhâ ̣p hàng, xuất hàng, hàng tồn đều chủ yếu làm bằng thủ công, chưa liên quan đến tin học nhiều dẫn đến năng xuất chưa thực sự cao. - Các nghiệp vụ định kỳ như tính doanh thu đều chưa rõ ràng và chính xác tuyệt đối. - Chưa tiết kiệm thời gian trong việc quản lý sản phẩm.

- Không quảng bá rô ̣ng rãi, khiến nhiều khách hàng chưa thể tiếp câ ̣n với số lượng đông đảo 1.3 Kết quả sơ bộ - Làm rõ yêu được yêu cầu về mặt chức năng, phi chức năng của khách hàng. - Nắm rõ cách thức bán hàng. - Nắm rõ sản phẩm, biểu mẫu liên quan. - Đặt ra thời hạn hoàn thành dự án và chuyển giao sản phẩm website.

Các phương pháp và công nghệ thực hiện đề tài - Các phương pháp sử dụng trong đề tài: - Tìm kiếm thông tin. - Đọc hiểu tài liệu. - Ghi chép, phỏng vấn những người có hiểu biết về JavaScript và VueJs - Cài đặt và sử dụng Visual Studio Code và IntelliJ IDEA - Các công nghệ sử dụng trong đề tài:  Ngôn ngữ lập trình JavaScript. 5 Downloaded by ANH BACH (bachvan15@gmail.com) lOMoARcPSD|39150642  IntelliJ IDEA  VueJs  Mô hình Client-Server 6 Downloaded by ANH BACH (bachvan15@gmail.com) lOMoARcPSD|39150642 CHƯƠNG 2: CỞ SỞ LÝ THUYẾT 2.

Ngôn ngữ lập trình Java 2.1 Khái niệm  Java là một trong những ngôn ngữ lập trình hướng đối tượng. Nó được sử dụng trong phát triển phần mềm, trang web, game hay ứng dụng trên các thiết bị di động.  Java được khởi đầu bởi James Gosling và bạn đồng nghiệp ở Sun MicroSystem năm 1991. Ban đầu Java được tạo ra nhằm mục đích viết phần mềm cho các sản phẩm gia dụng, và có tên là Oak.

Java được phát hành năm 1994, đến năm 2010 được Oracle mua lại từ Sun MicroSystem.  Java được tạo ra với tiêu chí “Viết (code) một lần, thực thi khắp nơi” (Write Once, Run Anywhere – WORA). Chương trình phần mềm viết bằng Java có thể chạy trên mọi nền tảng (platform) khác nhau thông qua một môi trường thực thi với điều kiện có môi trường thực thi thích hợp hỗ trợ nền tảng đó.2 Đặc điểm a) Hướng đối tượng hoàn toàn  Trong quá trình tạo ra một ngôn ngữ mới phục vụ cho mục đích chạy được trên nhiều nền tảng, các kỹ sư của Sun microsystem muốn tạo ra một ngôn ngữ dễ học và quen thuộc với đa số người lập trình. Vì vậy họ đã sử dụng lại các cú pháp của C và C++.

 Tuy nhiên, trong Java thao tác với con trỏ bị lược bỏ nhằm đảo bảo tính an toàn và dễ sử dụng hơn. Các thao tác overload, goto hay các cấu trúc như struct và union cũng được loại bỏ khỏi Java. b) Độc lập phần cứng và hệ điều hành  Một chương trình viết bằng ngôn ngữ Java có thể chạy tốt ở nhiều môi trường khác nhau. Gọi là khả năng “cross-platform”.

Khả năng độc lập phần cứng và hệ điều hành được thể hiện ở 2 cấp độ là cấp độ mã nguồn và cấp độ nhị phân. 7 Downloaded by ANH BACH (bachvan15@gmail.com) lOMoARcPSD|39150642  Ở cấp độ mã nguồn: Kiểu dữ liệu trong Java nhất quán cho tất cả các hệ điều hành và phần cứng khác nhau. Java có riêng một bộ thư viện để hỗ trợ vấn đề này. Chương trình viết bằng ngôn ngữ Java có thể biên dịch trên nhiều loại máy khác nhau mà không gặp lỗi.

 Ở cấp độ nhị phân: Một mã biên dịch có thể chạy trên nhiều nền tảng khác nhau mà không cần dịch lại mã nguồn. Tuy nhiên cần có Java Virtual Machine để thông dịch đoạn mã này. c) Ngôn ngữ thông dịch  Ngôn ngữ lập trình thường được chia ra làm 2 loại (tùy theo các hiện thực hóa ngôn ngữ đó) là ngôn ngữ thông dịch và ngôn ngữ biên dịch.  Thông dịch (Interpreter): Nó dịch từng lệnh rồi chạy từng lệnh, lần sau muốn chạy lại thì phải dịch lại.

 Biên dịch (Compiler): Code sau khi được biên dịch sẽ tạo ra 1 file thường là.exe, và file.exe này có thể đem sử dụng lại không cần biên dịch nữa.  Ngôn ngữ lập trình Java thuộc loại ngôn ngữ thông dịch. Chính xác hơn, Java là loại ngôn ngữ vừa biên dịch vừa thông dịch. Cụ thể như sau  Khi viết mã, hệ thống tạo ra một tệp.

Khi biên dịch mã nguồn của chương trình sẽ được biên dịch ra mã byte code. Máy ảo Java (Java Virtual Machine) sẽ thông dịch mã byte code này thành machine code (hay native code) khi nhận được yêu cầu chạy chương trình. Mô tả trình tự biên dịch và thông dịch của Java 8 Downloaded by ANH BACH (bachvan15@gmail.com) lOMoARcPSD|39150642  Ưu điểm: Phương pháp này giúp các đoạn mã viết bằng Java có thể chạy được trên nhiều nền tảng khác nhau. Với điều kiện là JVM có hỗ trợ chạy trên nền tảng này.

 Nhược điểm: Cũng như các ngôn ngữ thông dịch khác, quá trình chạy các đoạn mã Java là chậm hơn các ngôn ngữ biên dịch khác (tuy nhiên vẫn ở trong một mức chấp nhận được. d) Cơ chế thu gom rác  Khi tạo ra các đối tượng trong Java, JRE sẽ tự động cấp phát không gian bộ nhớ cho các đối tượng ở trên heap.  Với ngôn ngữ như C \ C++, bạn sẽ phải yêu cầu hủy vùng nhớ mà bạn đã cấp phát, để tránh việc thất thoát vùng nhớ. Tuy nhiên vì một lý do nào đó, bạn không hủy một vài vùng nhớ, dẫn đến việc thất thoát và làm giảm hiệu năng chương trình.

 Ngôn ngữ lập trình Java hỗ trợ cho bạn điều đó, nghĩa là bạn không phải tự gọi hủy các vùng nhớ. Bộ thu dọn rác của Java sẽ theo vết các tài nguyên đã được cấp. Khi không có tham chiếu nào đến vùng nhớ, bộ thu dọn rác sẽ tiến hành thu hồi vùng nhớ đã được cấp phát. e) Tính an toàn và bảo mật  Tính an toàn - Ngôn ngữ lập trình Java yêu cầu chặt chẽ về kiểu dữ liệu.

- Dữ liệu phải được khai báo tường minh. - Không sử dụng con trỏ và các phép toán với con trỏ. - Java kiểm soát chặt chẽ việc truy nhập đến mảng, chuỗi. Không cho phép sử dụng các kỹ thuật tràn.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ

Tài liệu "Xây Dựng Website Bán Giày Trực Tuyến Bằng VueJS và Spring Boot" cung cấp một cái nhìn tổng quan về quy trình phát triển một trang web thương mại điện tử chuyên bán giày, sử dụng hai công nghệ hiện đại là VueJS cho phần giao diện người dùng và Spring Boot cho phần backend. Tài liệu này không chỉ hướng dẫn chi tiết từng bước trong việc xây dựng website mà còn nhấn mạnh những lợi ích của việc áp dụng công nghệ mới, giúp tăng cường hiệu suất và trải nghiệm người dùng.

Độc giả sẽ tìm thấy nhiều thông tin hữu ích về cách tối ưu hóa website để thu hút khách hàng, cũng như các chiến lược marketing hiệu quả. Để mở rộng kiến thức của mình, bạn có thể tham khảo thêm tài liệu Tiểu luận báo cáo bài tập lớn môn quản lý dự án phầm mềm tài liệu quản lý cho dự án xây dựng website bán giày, nơi cung cấp cái nhìn sâu sắc về quản lý dự án trong lĩnh vực này. Ngoài ra, tài liệu Phát triển website cửa hàng giày đồ án tốt nghiệp cũng sẽ giúp bạn có thêm thông tin về các khía cạnh khác nhau của việc phát triển website bán giày. Cuối cùng, bạn có thể tìm hiểu thêm về Đồ án hcmute xây dựng và phát triển chiến lược digital marketing cho website phukienok 1, để nắm bắt các chiến lược marketing số hiệu quả cho website của mình.

Những tài liệu này sẽ giúp bạn mở rộng kiến thức và áp dụng vào thực tiễn, từ đó nâng cao khả năng cạnh tranh trong lĩnh vực thương mại điện tử.